勉強したことのメモ

webプログラマが勉強したことのメモ。

WordPressにお気に入り登録機能とお気に入り一覧ページを作成する方法

   

WordPressにお気に入り登録機能をつけたかった。

会員制のサイトじゃなかったのでログイン情報やアカウント情報は無し。

「WP Favorite Posts」というプラグインがドンピシャ。普通にインストールして有効化する。

そのままでも使えるが各種設定についてはこちらのサイト様が詳しく解説されている。

「お気に入り追加」もしくは「お気に入り解除」のリンクを表示させたい場所に

<?php if (function_exists('wpfp_link')) { wpfp_link(); } ?>

を書き込むと、登録されていれば解除リンクが、
登録されていなければ登録のリンクが表示される。
次にお気に入り一覧ページ。固定ページの新規作成をし、

[wp-favorite-posts]

というショートコードを書くことで一覧が表示される。

これだとテキストリンクの一覧なので味気なかった。

ワードプレス入れてるディレクトリ/wp-content/plugins/wp-favorite-posts

のなかに「wpfp-page-template.php」というのがあるので、

それを弄ることでカスタマイズできる。

例えば、

 

while ( have_posts() ) : the_post();
    echo "
        <div class='favoriteBox'>
            <div class='postsThumbnail'>
                <a href='".get_permalink()."' title='". get_the_title() ."'>" . get_the_post_thumbnail($post_id,array(100,100,true)) . "</a>
            </div>
            <div class='postsTitle'>
                <a href='".get_permalink()."' title='". get_the_title() ."'>" . get_the_title() . "</a>
            </div>
    ";
    wpfp_remove_favorite_link(get_the_ID());
    echo "<div>";
endwhile;

 

こんな感じにするとサムネイルとタイトルが表示される。

後は好きなようにclass名を割り振ってCSS効かせれば
柔軟にカスタマイズできる。

 - WordPress

  関連記事

WordPressでサイトが改ざんされた際の対処方法

WordPressで立ち上げたサイトがあり、しばらく放置していたが久しぶりにチェ ...

WordPressのfunctions.phpの初期設定

WordPressのテーマ作成時にfunctions.phpを書くが、いつも内容 ...

WordPressでメモリを節約しつつ高速化する設定方法

メモリ1GのVPSを借りてWordpress以外にも、ちょいちょいものを置いてい ...

WordPressのサーバー移行で気付いた点

あるWordPressを置いているサーバーのリソースが苦しくなってきたので、新た ...

WordPressの記事公開・更新時に何らかの処理を行う方法

WordPressで記事を公開(予約公開含む)もしくは更新した際に何らかの処理を ...

WordPressでコンテンツ内に広告を差し込む方法

WordPress内でヘッダーやフッターではなく、コンテンツ内に広告を差し込みた ...

WordPressのユーザー画像とプロフィール

WordPressでユーザー毎に画像とプロフィール部分にHTMLタグを登録したか ...

WordPressで任意のクエリをページ内で出力する方法

WordPressの固定ページ内でuidという任意のGETクエリを取得して、記事 ...

Advanced Custom Fieldsで記事取得

WordPressでAdvanced Custom Fieldsにて設定した項目 ...

ACFでセレクトメニューを動的に生成

WordPressでカスタムフィールド設定用のプラグインAdvanced Cus ...