タグ

ブックマーク / hijiriworld.com (4)

  • まず最初に学ぶべきWordPressの本質 | hijiriworld Web

    これからWordPressをはじめようと思っている人が参考にしているWebサイトや関連書籍は、どれもこれもいきなりテーマ作成から解説しているものばかりです。 まず最初に学ぶべきWordPress質をきちんと解説しているところは、ほぼ皆無です。 テーマ作成というのは、テンプレートタグやコードをを覚えればいいだけの話なのでたいして重要ではありません。あとでなんとでもなります。 それよりも、WordPressとは一体どのような動きをするものなのか?という全体的な仕組みをしっかりイメージできることが最も重要だと考えます。 デザイン、コーディング、プログラミング、いえ、Webの世界に関わらず、すべてのものごとへの深い理解には、その質をイメージできているかどうかで大きな差が出てくるものです。 普段私が WordPress の講義を行う時には、まずこの質的なイメージについてしつこいくらい解説する

  • WordPress テーマ作成時には必ず指定しておきたいネイティブCSS | hijiriworld Web

    ※連続改行したいという人がよくいますが、brタグによる連続改行はHTML5の規則的にはダメダメです。セマンティック的にもなんの意味もないのでやめましょう。マージンが欲しければスタイルシートで定義してください。 さて、上記のように入力した値は以下のような構造で出力されます。 <p>あああ</p> <p> いいい <br /> ううう </p> ビジュアルエディタ上での見た目と出力された見た目を同じにするため、すなわち、段落としてのスタイルを定義するならば、pタグのスタイルは以下のようになるでしょう。 > テーマ/style.css p { display: block; margin: 1em 0; } TinyMCE ビジュアルエディタのTinyMCEも考慮するべきでしょう。 それぞれのボタンで挿入されるタグのスタイルも指定しておきましょう。 最初にリセットCSSをしない場合は不要です。

  • WordPressでAjaxを使う方法の解説 | hijiriworld Web

    の解説 STEP1. リクエスト送信先のパス WordPress で Ajax を使う場合 /wp-admin/admin-ajax.php にリクエストを送ることに決まっている。 JavaScript ファイル内で動的にパスを指定することはできないので、wp_head にフックしてリクエスト送信先のURLをグローバル変数として出力しておく。 > functions.php function add_my_ajaxurl() { ?> <script> var ajaxurl = '<?php echo admin_url( 'admin-ajax.php'); ?>'; </script> <?php } add_action( 'wp_head', 'add_my_ajaxurl', 1 ); wp_head アクションにフックすることで head 要素内に JavaScript

  • WordPress ページングはやめてAjaxローディングにする | hijiriworld Web

    ページングはやめて、Ajaxによる非同期ローディングにしてみましょう。 最初は5件の記事が表示されています。 「もっと見る」ボタンをクリックするとAjaxにより次の5件が非同期で読み込まれます。 以後、記事がなくなるまで同じ動作です。 テンプレート <section id="content"> <?php query_posts('posts_per_page=5'); ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <article> <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> <div class="excerpt"><?php the_excerpt(); ?></div> </arti

  • 1