オリジナルウィジェット

下記のオリジナルウィジェットがあります。
ウィジェット名の「WPAW:」は、開発の都合上付いているものなので特に気にしないでください。

WordPress 5.8 でウィジェットエリアが刷新され、通常のウィジェットだけでなくブロックも配置できるようになりました。単純にブロックが配置できるようになるだけではなく、出力される HTML が変更になったり、ウィジェットエリアでプレビューが表示されるようになったりと大きな変更がありました。これまでのウィジェットは「レガシーウィジェット」という扱いになり、基本的には今後はブロックの配置が推奨されるようです。ブロックを配置する方法についてはこちらのページをご参照ください。

ということで、Snow Monkey v15 からは下記のように仕様が変更されます。

  • Snow Monkey の従来のウィジェット(WPAW:、Snow Monkey: で始まるウィジェット)は配置済みのものは表示はされるけど設定の変更はできない、新規追加もできない
  • Snow Monkey の従来のウィジェット(WPAW:、Snow Monkey: で始まるウィジェット)の設定を変更したり新規追加する場合は Classic Widgets プラグインを使用
クラシックウィジェットエリアでのウィジェット編集方法
  1. ダッシュボード > 外観 > ウィジェットをクリック。ウィジェット編集画面が開きます。利用できるウィジェットをドラッグ&ドロップ等の操作で表示させたいウィジェットエリアに配置し、必要な項目を記入します。
  2. または、管理バー > カスタマイズからカスタマイザーを開き、ウィジェットをクリック。そのページのウィジェットアリアが表示ます。ウィジェットを設置したいエリアをクリック、ウィジェットを追加から設置したいウィジェットを選び、必要な項目を記入します。

Snow Monkey : 最近の投稿

リッチメディア
シンプル
テキスト
テキスト2
パネル
カルーセル(リッチメディア)
大きな画像
リンクテキスト

投稿タイプの最近の投稿を自動で表示するウィジェットです。投稿件数を設定したり、表示タイプを選んで表示することができます。リンクテキストは投稿一覧の最後にボタンで表示されます。

  1. タイトル欄にウィジェットの見出しを入力
  2. 投稿タイプ欄で表示させたい投稿カテゴリーを選択
  3. 表示する投稿数を選択
  4. レイアウトで表示方法を選択
  5. リンクURLにURLを入力すると投稿の最後にボタンリンクが表示されます。リンクテキストにボタンリンクに表示されるテキストを設定できます。
  6. 保存をクリック

似たようなウィジェットで「WPAW : 最近の投稿」というのがありますが、この「Snow Monkey : 最近の投稿」はより動きや見た目がリッチです。「Snow Monkey : 最近の投稿」はホームページとなるところに使用して、シンプルな「WPAW : 最近の投稿」はサイドバーに。というような感じで使い分けるのが良いと思います。

表示する記事の条件をカスタマイズする

フィルターフックで、表示する記事の条件をカスタマイズすることができます。条件には、WP_Query と同じ引数が使用できます。

/**
 * ID が 12345 の Snow Monkey: 最近の投稿ウィジェットの記事の表示条件を変更する
 * news カテゴリー限定で、6記事を表示
 *
 * @param array $query_args
 * @return array
 */
add_filter( 'snow_monkey_recent_posts_widget_args_12345', function( $query_args ) {
    $query_args['category_name'] = 'news';
    $query_args['posts_per_page'] = 6;
    return $query_args;
} );

ID については、ちょっと面倒ですが、ブラウザのデベロッパーツールで確認できます。

「Snow Monkey: 最近の投稿」ウィジェットの ID 確認。数字の部分。

Snow Monkey : 任意のタクソノミーの投稿

リッチメディア
シンプル
テキスト
テキスト2
パネル
カルーセル(リッチメディア)
大きな画像
リンクテキスト

投稿タイプの最近の投稿を自動で表示するウィジェットです。投稿件数を設定したり、表示タイプを選んで表示することができます。リンクテキストは投稿一覧の最後にボタンで表示されます。

  1. タイトル欄にウィジェットの見出しを入力
  2. 表示するターム欄で表示させたい投稿カテゴリーを選択
  3. 表示する投稿数を選択
  4. レイアウトで表示方法を選択
  5. リンクURLにURLを入力すると投稿の最後にボタンリンクが表示されます。リンクテキストにボタンリンクに表示されるテキストを設定できます。
  6. 保存をクリック

Snow Monkey : RSS

リッチメディア
シンプル
テキスト
テキスト2
パネル
カルーセル(リッチメディア)
大きな画像
リンクテキスト

投稿タイプの最近の投稿を自動で表示するウィジェットです。投稿件数を設定したり、表示タイプを選んで表示することができます。リンクテキストは投稿一覧の最後にボタンで表示されます。

  1. フィードURL欄にウィジェットの見出しを入力
  2. タイトル欄で表示させたい投稿カテゴリーを選択
  3. 表示する投稿数を選択
  4. レイアウトで表示方法を選択
  5. リンクURLにURLを入力すると投稿の最後にボタンリンクが表示されます。リンクテキストにボタンリンクに表示されるテキストを設定できます。
  6. 保存をクリック

WPAW : Google アドセンス

サイドバーなどに表示した例

アドセンスコードを設定することで、Google アドセンスの広告を表示するウィジェットです。表示サイズの指定も可能です。表示サイズ「自動」を選んだ場合は表示デバイスに最適なサイズの広告が自動で表示されます。

  1. アドセンスコード欄にアドセンスコードを入力
  2. サイズ欄で任意のサイズを選択
  3. 保存をクリック
一括で複数箇所に自動設置したい場合

それぞれの箇所に個別でウィジェットを設定するのが大変だという場合は、テーマの所定の位置に自動で広告を表示する機能もあります。詳しくは下記のページをご参照ください。
[ 広告の設定 ] https://snow-monkey.2inc.org/manual/advertisement/

WPAW : PR ボックス

PR ボックスサンプル

よくある、サービスや商品を横に並べたレイアウトが実現できるウィジェットです。ボックスの数はいくつでも増やせます。カラム数は PC、タブレット、スマホサイズそれぞれ選択できます。

  1. タイトル欄にウィジェットの見出しを入力
  2. リード文欄にリード文を入力
  3. 背景色でPRボックスの背景色を選択
  4. 画像を設定で任意の画像を選択
  5. タイトル欄で項目のタイトルを設定
  6. 概要欄で項目の概要を入力
  7. リンクURL欄で項目のURLを入力
  8. テキストリンク欄で項目のリンクテキストを入力
  9. 項目を追加をクリックすると4〜8の入力欄が追加される
  10. サムネイルのアスペクト比モバイルのカラムサイズタブレットのカラムサイズPCのカラムサイズで任意の表示方法を選択
  11. リンクURL欄でウィジェットの下部に表示されるリンクボタンのURLを設定
  12. リンクテキスト欄でウィジェット下部に表示されるリンクボタンに表示されるテキストを設定
  13. 保存をクリック

WPAW : サイトブランディング

サイトロゴと説明文を表示するウィジェットです。

  1. サイトの説明欄にロゴの下に表示される文章を入力
  2. 保存をクリック

WPAW : ショーケース

ショーケースサンプル

よくある、特定の商品やサービスへ誘導する CTA 的なボックスを表示できるウィジェットです。画像のやテキストの位置は変更できます。

  1. タイトル欄にウィジェットの見出しを入力
  2. リード文欄にリード文を入力
  3. フォーマットでショーケースのレイアウトを選択
  4. 背景画像で任意の画像を設定
  5. 背景色でショーケースの背景色を選択
  6. 背景マスクの透明度を設定
  7. 文字色を設定
  8. サムネイルで任意の画像を選択
  9. リンクURL欄で項目のURLを入力
  10. テキストリンク欄で項目のリンクテキストを入力
  11. 保存をクリック

WPAW : スライダー

スライダーサンプル

スワイプ対応のレスポンシブなスライダーを表示できるウィジェットです。スライドは何枚でも設置できます。エフェクトはスライド・フェードの2種類から選択できます。画像の上に文字表示ができ、色や背景マスクなども設定することができます。

  1. 画像を設定でスライダー画像を設定
  2. タイトル欄にウィジェットの見出しを入力
  3. 概要欄を入力
  4. リンクURL欄で項目のURLを入力
  5. テキストリンク欄で項目のリンクテキストを入力
  6. 背景色でショーケースの背景色を選択
  7. 背景マスクの透明度を設定
  8. 文字色を設定
  9. ボタンの種類で任意のボタンを選択
  10. スライダーを追加をクリックすると1〜9のスライダー設定項目が追加されるので、各設定をする
  11. スライダーの種類アニメーション時間インターバル1度に表示するスライド数(PC)1度にスライドするスライド数(PC)を設定する
  12. 保存をクリック

WPAW : ピックアップスライダー

ホームページ上部のウィジェットエリアで使用した例

pickup」タグが付与された記事をスライダーとして表示するウィジェットです。表示件数の制限はありません。ランダムの順序で表示をチェックしなかった場合は、投稿日付が新しい順に表示されます。

  1. ランダムな順序で表示を設定
  2. リンクの種類を設定
  3. 最大表示数を設定
  4. 保存をクリック

WPAW : ランキング(手動更新)

任意のページを手動でランキングできるウィジェットです。順位のアイコンが自動で付きます。4位以下は黒アイコンになります。

  1. タイトル欄にウィジェットの見出しを入力
  2. 投稿タイプ欄で「投稿」「固定ページ」など表示したいページがあるカテゴリーを選択
  3. 投稿タイプに沿ったページの一覧が表示されるので、表示させたいページをクリック
  4. 選んだページはドラッグ&ドロップで順位を入れ替えることができ、上から順にランキングされます。
  5. ページの順位を整えたら保存をクリック

自動で更新されるランキングが良いという方は…

記事ランキングを表示できるウィジェットです。このウィジェットは PV に応じて自動的にランキングされるのではなく、手動で順位を決定するものです。

それはなぜか。PV に応じて自動的にランキングさせる場合、1アクセスごとにデータベースにあるアクセス情報のカウントアップが必要です。また、それらのカウント情報は全記事分、さらに、ランキングが月間や週間の正確な必要な場合は全日付分のデータが必要です。記事数やアクセスが多いサイトの場合は多大な負荷がかかります。

ランキングを表示させるためだけに、そのような負荷をかけるメリットはあるのでしょうか。適度な期間で Google Analytics を確認し、手動で並び替えれば良いのではないでしょうか。もしくは、あなたがよく訪問しているサイトにあるランキングが自動集計されたものであるということが外から確認できるでしょうか。

そういうことで、Snow Monkey は手動更新のランキングウィジェットを採用しています。

Simple GA Ranking プラグインを使って自動更新されるランキングウィジェットをつくられている方がいらっしゃいました。「言っても手動はちょっとな…」という方はぜひ参考にされてみてください!

WPAW : 任意のタクソノミーの投稿

任意のタクソノミーの投稿サンプル

特定のカテゴリーやカスタムタクソノミーに属する最新の記事を表示させることができるウィジェットです。

  1. タイトル欄にウィジェットの見出しを入力
  2. 表示するターム欄で任意のカテゴリーやタブを選択
  3. 表示する投稿数を設定
  4. レイアウトでレイアウトの種類を選択
  5. リンクURL欄で項目のURLを入力
  6. テキストリンク欄で項目のリンクテキストを入力
  7. 先頭固定表示を除外するを設定
  8. 保存をクリック

WPAW : 任意の投稿

任意のページを表示させるウィジェットです。サムネイル、分類の表示・非表示を選択できます。

  1. タイトル欄にウィジェットの見出しを入力
  2. 投稿タイプ欄で「投稿」「固定ページ」など表示したいページがあるカテゴリーを選択
  3. 投稿タイプに沿ったページの一覧が表示されるので、表示させたいページをクリック
  4. 表示させたいページを選択し終えたら保存をクリック

WPAW : 最新の投稿

最近の投稿サンプル

アイキャッチ画像、カテゴリー情報つきの最新の投稿一覧を表示できるウィジェットです。表示する投稿数等任意に設定できます。

  1. タイトル欄にウィジェットの見出しを入力
  2. 投稿タイプ欄を選択
  3. 表示する投稿数を設定
  4. レイアウトでレイアウトの種類を選択
  5. リンクURL欄で項目のURLを入力
  6. テキストリンク欄で項目のリンクテキストを入力
  7. 先頭固定表示を除外するを設定
  8. 保存をクリック

WPAW : 目次

目次ウィジェットサンプル

見出しタグ(h2、h3など)で設定した目次をウィジェットとして配置することができます。追尾サイドバーに設置すれば、スクロールしてもついてくる目次として表示できます。

  1. タイトル欄にウィジェットの見出しを入力
  2. 見出しを表示で目次に表示させる見出しタグを選択
  3. モバイルでも表示を設定
  4. 保存をクリック

WPAW : プロフィールボックス

ダッシュボード > ユーザー > プロフィール 画面で設定したプロフィールを自動で表示するウィジェットです。

  1. タイトル欄にウィジェットの見出しを入力
  2. 保存をクリック

WPAW : カルーセル(任意の投稿)

カルーセルウィジェットのサンプル

任意の投稿をカルーセルとして表示できるウィジェットを追加しました。スマホでは1枚、それ以上のサイズでは3枚で表示されます。

  1. タイトル欄にウィジェットの見出しを入力
  2. 投稿タイプ欄で「投稿」「固定ページ」など表示したいページがあるカテゴリーを選択
  3. 投稿タイプに沿ったページの一覧が表示されるので、表示させたいページをクリック
  4. 表示させたいページを選択し終えたら保存をクリック

WPAW : ローカルナビゲーション

垂直方向
水平方向

表示ページのローカルナビゲーションを自動で表示するウィジェットです。タイトルの表示・非表示、子孫があるときだけ表示など選択できます。

  1. 方向欄で表示タイプを選択
  2. 保存をクリック

Snow Monkey オンラインコミュニティ

Snow Monkey をより良いテーマにするために、今後の機能開発等について情報共有したりディスカッションをしたりする場所です。より多くのユーザーの交流があったほうがより良いプロダクトに育っていくと思いますので、ぜひご参加ください!