アーカイブ

‘WordPress’ タグのついている投稿

WordPress関連記事を表示するプラグイン

2013 年 7 月 6 日 コメントはありません

WordPressの投稿に関連する投稿を表示するプラグインYARPP(Yet Another Related Posts Plugin)を紹介します。

このプラグインを使用すると、タイトルや投稿の内容、タグ、カテゴリーなどから自動的に関連のありそうな投稿を見繕って、投稿画面の一番下に以下のような感じで関連記事を表示してくれます。

関連記事

インストール方法

ダッシュボードのプラグイン画面でYARPPを検索するか、YARPPのフォーラムからダウンロードしてインストールします。

インストール後、プラグインを有効にします。

設定

YARPPの設定画面では、関連記事を表示する画面、表示のスタイル、表示順などを設定する事ができます。

YARPP設定画面

■自動表示
どのページに関連記事を表示するか設定する事ができます。
テーマのPHPファイルにrelated_posts()を挿入する事で、任意の場所に関連記事を表示する事もできます。

  • 投稿 投稿ページに関連記事を表示します
  • 固定ページ 固定ページに関連記事を表示します
  • アーカイブ アーカイブページに関連記事を表示します

■一度に表示する関連記事数
一度に表示する関連記事の数を設定します。

■表示形式
関連記事をどのような形式で表示するか設定します。

  • リスト表示 テキストリンクのリスト形式で表示します
  • サムネイル表示 サムネイルを並べて表示します
  • カスタム YARPPのテーマを使用している場合に指定できます

■関連記事を囲むタグ、各関連記事を囲むタグ
関連記事のスタイルをHTMLで指定する事ができます。

■抜粋を表示
関連記事のタイトルだけでなく、記事の抜粋も表示します。

■関連記事が無いときのメッセージ
関連する記事が無いときに表示するメッセージを指定します。
HTMLで指定する事ができます。

以上です。


カテゴリー: WordPress タグ: ,

WordPressにtwitter,facebookなどのアイコン追加するプラグイン『WP Social Bookmarking Light』

2013 年 7 月 5 日 コメントはありません

WordPressの投稿に、各種SNSのいいねボタンや、投稿ボタンを設置するプラグンをご紹介します。

『WP Social Bookmarking Light』です。

とても多くのSNSボタンに対応していて、しかも設定がすごく簡単です。

主なSNSとして、twitter、facebook、google+、line、はてなブックマーク、Tumbler、Evernote、Lineなどなど
これ1つで設置可能です。

インストール

ダッシュボードの[プラグイン]画面から「WP Social Bookmarking Light」を検索してインストールします。

インストール後プラグインを有効にします。

設定

ダッシュボードの[設定]画面から、WP Social Bookmarking Lightの設定画面を開きます。画面上部には「一般設定」「スタイル」各種SNSの設定タブがあります。

設定画面

「一般設定」タブでは、以下を設定します。

■位置:SNSボタンを配置する位置を設定します。

  • Top 投稿の上部にボタンを配置
  • Buttom 投稿の下部にボタンを配置
  • Both 上下の両方にボタンを配置
  • None 表示しない

■個別記事のみ:トップページや、カテゴリ、タグなどの画面でも投稿にSNSボタンを配置するかどうかを設定します。

  • YES 投稿画面にのみボタンを配置
  • NO トップページやカテゴリなど複数の投稿が表示されている画面にもボタンを配置

■ページ:固定ページにSNSボタンを配置するかどうかを設定します。

  • YES 固定ページにもボタンを配置
  • NO 固定ページはボタンを配置しない

■サービス:設置したSNSボタンと順番をドラッグ&ドロップで設定します。

スタイル

SNSボタンを表示する領域のスタイルを設定することができます。設定にはCSSの知識が必要です。
私はマージンの設定を以下のように変更しています。

.wp_social_bookmarking_light{
    border: 0  !important;
    padding: 0 !important;
    margin: 1em 0 3em !important;
}

各種SNSボタンのタブ

各種SNS毎の設定をおこないます。
設定を変更したら「変更を保存」ボタンを押します。

これだけで、以下のようなSNSボタンが配置できます。


カテゴリー: WordPress タグ: , ,