勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

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

  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

  関連記事

Advanced Custom Fieldsで設定した項目を条件に記事一覧を取得する方法

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

PHP5.1系にWordPressを入れる方法

無料レンタルサーバーにWordPressを突っ込むと、 「 サーバーの PHP ...

WordPressを停止しないままサーバ移設する方法

WordPressを設置しているサーバのリソースがそろそろ危ういので移設を検討す ...

WordPressの記事をfacebookに投稿

WordPressの記事をfacebookに投稿する際にOGP設定をする必要があ ...

Advanced Custom FieldsでGoogleMapの使用する方法

Advanced Custom FieldsでGoogleMapを使用したかった ...