次のページの記事を無限に読み込む「Infinite Scroll」の実装方法【WordPress】 | ナオユネット
記事情報だけが欲しいのに、サイドバーやヘッダー・フッターなどのデータも毎回読み込むから表示も遅い。 そこで本稿で紹介したいのは「Infinite Scroll」です。 これを実装すれば、ページ遷移せずに過去の記事を読み込むことが出来るので、過去の記事をサクサクっと呼び出せるようになります。 コードも短く、JavaScriptが苦手な人でもカンタンに実装できるので初心者にもオススメです。 デモページはこちら Infinite Scrollのデモページ アーカイブページのHTML要素を確認 archive.php、category.php、taxonomy.phpなど、記事の一覧を表示するテンプレートファイルを編集します。 必要に応じて、実装したいページに同じ変更を加えてください。 念の為、ファイルをコピーして「category_backup.php」など名前を変えてバックアップしてくださいね
wp個別記事ページに同一タグの記事を表示する - luladesign 長野県上田市、ウェブ制作、ホームページ制作、DTPデザイン制作
wordpressを使用した、ブログ等のカスタマイズで記事詳細ページで同じタグが付いた記事を呼びたい時のメモ。 wordpress見ている記事（シングルページ）に同一タグの記事を呼び出す <?php $original_post = $post; $tags = wp_get_post_tags($post->ID); $tagIDs = array(); if ($tags) { $tagcount = count($tags); for ($i = 0; $i < $tagcount; $i++) { $tagIDs[$i] = $tags[$i]->term_id; } $args=array( 'tag__in' => $tagIDs, 'post__not_in' => array($post->ID), 'showposts'=>4, 'ignore_sticky_posts'
HTML5 microdataを使ってWordPressでパンくずリストをGoogleに表示 | HALAWATA.NET
HTML5はmicrodataを使って要素にメタデータを付加することができます。 今回はそのmicrodataを使ってWordPressのサイトでパンくずリストをGoogleに表示させる方法を、いろいろなサイトを参考にしながら紹介したいと思います。 microdataの基本 本題に入る前に簡単にmicrodataについて簡単に触れておきたいと思います。 microdataを使うことで、通常の要素に属性をつける形でメタデータを付加することができます。 まず、メタデータを定義している要素を囲んでいる要素にitemscope属性を指定します。この囲んでいるdiv要素の開始タグから終了タグまでをアイテム（item）と呼びます。 もし名前空間がある場合は、itemtype属性でURLを指定します。名前空間（NameSpace）は、ここでは属性の意味を定義するためのものです。サンプルでは適当なURLを
プラグイン無しでページネーションを設置
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
WordPress カスタムメニューの使い方（その2：wp_nav_menuとregister_nav_menuによるカスタマイズ）
WordPressのカスタムメニューのカスタマイズ方法について解説します。 カスタムメニューを利用すれば、サイドメニューだけでなく、ナビゲーションを任意の場所に設置することもできるようになります。本エントリーでは、フッタに次のようなナビゲーションを追加してみます。 WordPressのバージョンは3.3.1を使っています。カスタマイズにはTwentyElevenテーマを使います。また、フッタナビゲーションはヘッダナビゲーションのスタイルをそのまま流用しているので、id属性値が重複しています。予めご了承ください。 管理画面上でカスタムメニューを利用する方法は割愛していますので、「WordPress カスタムメニューの使い方（その1：基本）」を参照してください。 １．wp_nav_menuを使ってカスタムメニューを表示する フッタにナビゲーションを表示するための準備として、footer.php
wordpressで利用する前後記事へのナビゲーション｜Materializing [マテリアライジング]
wordpressで利用する前後記事へのナビゲーション wordpressでの前後記事へのナビゲーションは、こんな風になってます。 <div class="navigation"> <div class="alignleft"><?php previous_post_link('« %link') ?></div> <div class="alignright"><?php next_post_link('%link »') ?></div> </div> デフォルト・テーマには書いてあって、これを利用すると見てる記事の前後記事へのリンクが表示されて便利です。 ですが、前後それぞれ存在しない時も、この状態では空の部分が出力されてしまってちょっと困ってました。
パンくずリストを表示させるコード | ワードプレス | Pageplan
2008年10月20日 数日前、プラグインを使ってサイトマップのページを作った。今回は「Breadcrumb NavXT」というプラグインを使ってサイトにパンくずリストを表示させることに。日本語ファイルを同梱したものがあったので、そちらからダウンロードさせていただき使用開始。ところが・・・ どうしても設定が上手くいかない。 使い方の説明をされているサイトをいろいろと見たが解決に至らず。 諦めかけたとき「WordPressのテンプレートタグでパンくずリスト」という記事を発見。 今回はこの記事を参考にさせていただき、WordPressのテンプレートタグで条件分岐しパンくずリストを表示させました。 挿入したコードは・・・ <?php if (is_home()) { ?> <a href="<?php bloginfo('url'); ?>">ホーム</a> <?php } else i
ページナビゲーションを拡張してくれるWPプラグイン「WP-PageNavi」
通常のWordPressのページナビゲーションは「« Previous Page Next Page » 」として表示され、今何ページ目にいてどのくらい続きがあるかが直感的に分かりません。 そこでそんなインターフェイスの不便利を解決してくれるのが今回紹介するプラグイン「WP-PageNavi」です。 プラグインを導入すればページナビゲーションが上記のように表示され、今何ページ目にいるのかが瞬時に分かるようになります。ほんの少しの事ですが、閲覧する側を考えれば当然の配慮かと思います。 インストール方法 １．WP-PageNaviからプラグインをダウンロード 2.ローカルで展開後フォルダごと「wp-content/plugins」へアップロード 3.「WP-PageNavi」プラグインの有効化 以上です。 これだけではページナビゲーションは反映されませんので下記の手順を踏んでください。 導入方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress のブログサイトでパンくずリストを表示するコード
My Great Blog