ホームページ制作会社ストロールネット » WordPress小技集 http://www.strollnet.com 制作費無料！自分で作れるホームページ Mon, 19 Dec 2011 08:36:36 +0000 ja hourly 1 http://wordpress.org/?v=3.0.4 指定カテゴリーに所属する記事の一覧を表示する http://www.strollnet.com/wordpress/technique/1288/ http://www.strollnet.com/wordpress/technique/1288/#comments Thu, 06 May 2010 00:15:40 +0000 Strollnet http://www.strollnet.com/?p=1288 カテゴリーページ（カテゴリーアーカイブ）などで、現在のカテゴリー以下に所属する記事を一覧表示する方法じゃ。

記事一覧表示

記事を一覧表示するだけなら簡単なのじゃが、下位カテゴリー（子カテゴリー）を階層表示する場合は一工夫が必要じゃった。

使用方法

まず、functions.phpに下記コードを記述する。

[PHP] /***** カテゴリ一覧表示 *****/ function get_child_category_all($id,$odrby,$odr) { if ( $odrby == 'title' ) $odrby = 'name'; elseif ( $odrby == 'date' ) $odrby = 'name'; elseif ( $odrby == 'menu_order') $odrby = 'order'; // 全カテゴリ取得　オブジェクトキャッシュを利用 if ( ! $terms = wp_cache_get( 'all_category_lists', 'category' ) ) { $terms = get_terms( 'category', 'fields=all&get=all&orderby=' . $odrby . '&order=' . $odr ); // オブジェクトキャッシュに追加 wp_cache_add( 'all_category_lists', $cat_all, 'category' ); } $cat_all = array(); if(!$id){ $cat_all = $terms; }else{ foreach ($terms as $term) { // 引数1が引数2の親である場合にtrueを返す。('1','4')ではなく(1,4)で指定。 if( cat_is_ancestor_of($id, $term->term_id) ) array_push($cat_all, $term); } } return $cat_all; } function get_cat_archive_list($list,$showpost,$odrby,$odr) { // $list 出力対象カテゴリID(複数「,」区切り) : 指定なし or 0=すべて // $showpost 指定カテゴリ内の投稿記事タイトルを表示しない : true / false(デフォルト) // $odrby ソート項目 : date/name/id/order // $odr ソート順 : DESC/ASC $ary = explode(",",$list); // 第一階層 foreach($ary as $id){ $url = get_category_link($id); $nam = get_cat_name($id); ?>

    term_id");// 記事がない場合はカテゴリ名も表示しない if ($term->parent == $id && $counter->have_posts()) { ?>
  • term_id) ?>
    • term_id,false,$odrby,$odr,'
      ','
    '); $chi = get_child_category_all($term->term_id,$odrby,$odr); // 第三階層 foreach ($chi as $chi_id) { $counter = new WP_Query("posts_per_page=-1&cat=$chi_id->term_id"); if ($chi_id->parent == $term->term_id && $counter->have_posts()) { ?>
    • term_id) ?>
      • term_id,false,$odrby,$odr,'
        ','
      '); $chi2 = get_child_category_all($chi_id->term_id,$odrby,$odr); // 第四階層 foreach ($chi2 as $chi_id2) { $counter = new WP_Query("posts_per_page=-1&cat=$chi_id2->term_id"); if ($chi_id2->parent == $term->term_id && $counter->have_posts()) { ?>
      • term_id) ?>
        • term_id,true,$odrby,$odr,'
          ','
        '); // カテゴリ以下全て ?>
  • ', ', ', ''); ?> - -

    • 記事タイトルが長いと改行されてしまうので、半角80文字以上の場合は「 ... 」に略すようにしておる。
    また、４階層以上の記事は、4階層目に集約して出力しておる。必要があれば適時修正して欲しい。

    次に、記事一覧を表示させたい場所で関数を呼び出す。
    index.php、archive.php、category.phpなど。

    [PHP] [/PHP]

    ]]>     http://www.strollnet.com/wordpress/technique/1288/feed/ 0     タイトルや抜粋などの文字数を制限する http://www.strollnet.com/wordpress/technique/1259/ http://www.strollnet.com/wordpress/technique/1259/#comments Thu, 29 Apr 2010 12:43:41 +0000 Strollnet http://www.strollnet.com/?p=1259 レイアウトによっては、タイトルや抜粋などの文字数をデフォルトよりも短くしたい場合があるじゃろう。そこで、文字数を制限して出力する方法を紹介しよう。

    使用方法

    テンプレートファイルの任意の場所で、下記コードを記述する。
    下記例では抜粋を先頭から50文字だけ出力している。

    [PHP] // mb_substr(元の文字列, 開始位置, 文字数) [/PHP]

    ]]>     http://www.strollnet.com/wordpress/technique/1259/feed/ 0     「”」（ダブルクォーテーション）が全角に変換される http://www.strollnet.com/wordpress/technique/1246/ http://www.strollnet.com/wordpress/technique/1246/#comments Thu, 29 Apr 2010 12:21:16 +0000 Strollnet http://www.strollnet.com/?p=1246 記事にJavaScriptやPHP等のソースを貼り付けると、「”」（ダブルクォーテーション）や「’」（シングルクォーテーション）が全角に変換されてしまう。見た目にはそれほど違和感が無いかもしれないのじゃが、当然ながらそのソースをコピーして使用すればエラーになってしまうじゃろう。そこで、これらの自動置換を無効にする方法を紹介しよう。

    使用方法

    functions.phpに、以下のコードを記述する。

    [PHP] [/PHP]

    ]]>     http://www.strollnet.com/wordpress/technique/1246/feed/ 3     自動挿入される<p>タグと<br>タグを無効にする http://www.strollnet.com/wordpress/technique/1236/ http://www.strollnet.com/wordpress/technique/1236/#comments Thu, 29 Apr 2010 11:59:40 +0000 Strollnet http://www.strollnet.com/?p=1236 記事の投稿やページ作成をすると、自動で<p>タグが挿入されたり、改行が<br>に変換されたりと、自動で整形してくれるんじゃが、これらのおかげで思ったようなレイアウトにならない場合があるじゃろう。
    ここでは、<p>タグや<br>タグへの自動整形を無効にする方法を紹介する。

    使用方法

    　functions.phpに、以下のコードを記述する。

    [php] [/php]

    ]]>     http://www.strollnet.com/wordpress/technique/1236/feed/ 0     記事毎に<head>内の記述を追加する http://www.strollnet.com/wordpress/technique/822/ http://www.strollnet.com/wordpress/technique/822/#comments Sun, 18 Apr 2010 22:10:36 +0000 Strollnet http://www.strollnet.com/?p=822 投稿記事内容によっては、特殊なCSSやJavaScriptを追加したい場合が発生するじゃろう。タグ内に直接書いても動作するのじゃが、 設定が多い場合や、複数記事に適用する場合などは、別ファイルにしてヘッダ内に記述した方が管理が簡単になる。
    そこで、記事のカスタムフィールドを利用し、ヘッダ内に記述を追加する方法を紹介しよう。

    使用方法

    　１．記事のカスタムフィールドに、以下のデータを設定
    　　キー：AddHeader
    　　値　：記述例 <link rel="stylesheet" href="css fileなど" type="text/css" />
    　２．functions.phpに、下記コードを記述

    [php] [/php]]]>     http://www.strollnet.com/wordpress/technique/822/feed/ 0     抜粋表示時の省略文字列[...]を変更する http://www.strollnet.com/wordpress/technique/815/ http://www.strollnet.com/wordpress/technique/815/#comments Sun, 18 Apr 2010 21:50:20 +0000 Strollnet http://www.strollnet.com/?p=815 記事の抜粋を表示した際、本文が長い場合は省略され、[...]という文字列に置き換えられる。 慣れれば平気かもしれんが、どうも見栄えが良くないので、この文字列を変更しよう。 WordPress 2.9 以降では、excerpt_more フィルターを使うことで変更することが可能じゃ。

    使用方法
     　functions.phpに、以下のコードを記述する。
    [...] を 続きを読む>> に変更し、記事へのリンクを表示している。

    [php] ID) .'">'.'続きを読む>>'.''; } ?> [/php]]]>     http://www.strollnet.com/wordpress/technique/815/feed/ 0     投稿記事内の画像をサムネイル表示する http://www.strollnet.com/wordpress/technique/806/ http://www.strollnet.com/wordpress/technique/806/#comments Sun, 18 Apr 2010 20:31:03 +0000 Strollnet http://www.strollnet.com/?p=806 カテゴリーアーカイブのページで、投稿記事から画像ファイルを取得し、サムネイル一覧を表示する。

    プラグインやカスタムフィールドを使ってサムネイル表示する方法もあるんじゃが、過去記事の編集をせずに実現する方法を模索した結果、 投稿記事内の img タグから画像URLを取得し、サムネイル表示する方法を紹介しよう。過去記事に手を加えたり、データベースに値を書き込む必要がなく、 とてもシンプルな方法じゃ。

    使用方法
    　index.phpのカテゴリーアーカイブ出力箇所に、以下のコードを記述する。
    テーマによっては、category.phpやarchive.phpかもしれん。

    [php]

    post_content, $imgurl) ?> <?php the_title_attribute(); ?>
    [/php]]]>     http://www.strollnet.com/wordpress/technique/806/feed/ 0     アーカイブでブレッドクラム【パンくずリスト】を表示する http://www.strollnet.com/wordpress/technique/487/ http://www.strollnet.com/wordpress/technique/487/#comments Wed, 14 Apr 2010 01:16:54 +0000 Strollnet http://www.strollnet.com/wordpress/?p=487 カテゴリーアーカイブのページに、トップカテゴリからのブレッドクラム【パンくずリスト】を表示する。

    例：　Home > AAA > BBB

    使用方法
    　index.phpのカテゴリーアーカイブ出力箇所に、以下のコードを記述する。
    テーマによっては、category.phpやarchive.phpかもしれん。

    [php] Home » [/php]]]>     http://www.strollnet.com/wordpress/technique/487/feed/ 0     投稿記事にブレッドクラム【パンくずリスト】を表示する http://www.strollnet.com/wordpress/technique/481/ http://www.strollnet.com/wordpress/technique/481/#comments Wed, 14 Apr 2010 00:42:40 +0000 Strollnet http://www.strollnet.com/wordpress/?p=481 ブレッドクラム【パンくずリスト】とは、現在表示されているページの、上位ページからのリンク（階層構造）を表示する機能のことじゃ。サイトの訪問者が現在位置を直感的に理解するのに役立つじゃろう。

    例：　Home > AAA > BBB

    投稿記事の個別ページに、トップカテゴリからのブレッドクラム【パンくずリスト】を表示する。

    使用方法

    single.phpのブレッドクラムを表示させたい場所に、以下のコードを記述する。

    [php]