• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Genesis WP Fan

Genesis Framework とWordPressカスタマイズの情報サイト

  • ホームHome
  • 日本人向けGenesis子テーマ「Muromachi」Genesis Child Theme “Muromachi”
  • Genesis とは
  • Genesis子テーマ一覧
  • Genesisの使い方
  • Genesisカスタマイズ
  • Genesisプラグイン
  • お問い合わせ
HomeGenesis Framework の使い方Genesis Featured Postsウィジェットの使い方
  • Genesis Framework の使い方

Genesis Featured Postsウィジェットの使い方

genesis-featured-posts-widget-11

Genesis フレームワーク には、Genesisのテーマを有効化すると同時に使えるようになるGenesis独自のウィジェットが入っています。

『Genesis Featured Posts』もその一つで、名前の通り個別記事を表示するウィジェットです。でもそれ以外にオススメ記事を表示したり、特定のカテゴリからコメントの多い順で表示したり、全てのカテゴリから記事をランダムで表示したり…。設定次第でとても便利に使い回せるウィジェットです。

※ Genesis Featured Postsウィジェットは、Genesis以外のテーマでは使うことができません。

genesis-featured-posts-widget-7

目次

  • ホーム画面用の投稿一覧を作ってみる
  • ウィジェットの設定
    • 1 Number of Posts to Offset
    • 2 Order by
    • 3 Exclude Previously Displayed Posts?
    • 4 Gravatar
    • 5 Post Info
    • 6 Content Type
    • 7 More Posts from this Category

ホーム画面用の投稿一覧を作ってみる

この記事では『Genesis Featured Posts』ウィジェットを使って、ホーム画面に表示する投稿一覧を作ってみます。

ここでは Metro Pro の『Home – Middle Left』と『Home – Middle Right』のウィジェットエリアに入れましたが、他のGenesis子テーマでも同じように使うことが出来ます。

genesis-featured-posts-widget-8

サイト上の表示

genesis-featured-posts-widget-1

ウィジェットの設定

『Genesis Featured Posts』ウィジェットは下のような画面になっています。一応全て英語ですが、あらかじめ数字や文字が入力されているので、英語が苦手な人でも何となくで設定できると思います。

以下はそれぞれの項目についての説明です。

genesis-featured-posts-widget-11

1 Number of Posts to Offset

入力した数の分だけ、投稿を飛ばすことができます。例えば投稿1,2,3,4,5とあるとき、2と入力すれば2つ分だけ記事をスキップするので、投稿3,4,5が表示されます。

2 Order by

日付やタイトルなど、並び順を決めるフィールドを設定することができます。

genesis-featured-posts-widget-10

3 Exclude Previously Displayed Posts?

このウィジェット以前にGenesis Featured Postsで表示した投稿を除外することができます。ここではチェックを入れているので、『Home – Middle Left』で表示された投稿は『Home – Middle Right』に表示されません。

4 Gravatar

WordPressの『Gravatar』で登録しているプロフィール画像を表示することができます。『Gravatar Size:』ではGravatarの画像サイズ、『Gravatar Alignment:』では左寄せや右寄せなどGravatarを配置する位置を指定できます。

https://ja.gravatar.com/

5 Post Info

投稿日や著者情報などのpost infoを表示させることができます。

6 Content Type

記事本文の抜粋について設定することができます。『Content Type』の選択メニュは下の画像のようになっています。

genesis-featured-posts-widget-3

7 More Posts from this Category

表示した投稿と同じカテゴリから更に記事を表示させることができます。

下の画像のように『Title』にはタイトルを、『Number of Posts to Show』には表示する投稿数を入力すると、この場合なら 『Hello World』という記事と同じカテゴリから記事が表示されるようになります。

genesis-featured-posts-widget-5

genesis-featured-posts-widget-6

関連記事

  • 2016年4月1日

    Genesisのテーマ設定をインポート/エクスポートする方法

  • studiopress-logo
    2016年3月31日

    StudioPress公式サイトでGenesis子テーマのドキュメントを確認する方法

  • genesis-import-demo-contents-thumbnail
    2016年3月31日

    Genesis子テーマのデモコンテンツをインポートする方法

  • genesis-footer-goto-top-shortcode-thumbnail
    2016年3月31日

    Genesisショートコードでトップに戻るリンクを追加する方法

  • 2017年12月23日

    Genesisサイトの投稿にPost Classを追加する方法

  • Genesis Framework の使い方
  • Genesisの設定
  • ウィジェット

日本人のためのGenesisフレームワーク専用WordPressテーマ 『Muromachi』

SEOやセキュリティのプロから信頼されるGenesisフレームワークのメリットを生かしながら、日本人向けに見やすさや使いやすさ、機能性を追求しました。 Genesisサイトの制作ノウハウやウェブサイトの運営経験が詰まったWordPressテーマです。企業サイトはもちろん、ブログやアフィリエイトサイトなど、様々な用途にお使いいただけます。

詳しく見る
← 前の記事
Genesis Featured Postsウィジェットの使い方
Genesisサイトの検索フォームを日本語化する方法
次の記事 →
Genesis Featured Postsウィジェットの使い方
【Genesis】パンくずリストを日本語化する方法

最初のサイドバー

Genesis WP Fan

Genesis WP Fan

たいやき伝道師

Genesisが好きすぎてGenesisフレームワークの情報サイトGenesis WP Fanを運営しています。日本人のためのGenesisフレームワーク専用WordPressテーマ『Muromachi』を開発しました。

Follow

サイト内検索

カテゴリー

タグ

FontAwesome Genesisの設定 Meta Muromachi ウィジェット カテゴリアーカイブ サムネイル ショートコード タグアーカイブ ツール パンくずリスト フッター プラグイン ヘッダー レイアウト 固定ページ 投稿 日本語化 検索関連 管理画面 記事一覧

PVランキング

  • 1genesis-featured-posts-widget-11

    Genesis Featured Postsウィジェットの使い方

  • 2genesis-child-themes

    Genesisフレームワークでブログを作るのに鉄板のGenesis子テーマ12選

  • 3

    競合サイトに差をつけるGenesisサイト運営のためのプラグイン27選

  • 4genesis-seo-settings-4

    Genesis SEO Settings の設定方法

  • 5genesis-logo

    Genesis Frameworkをインストールする方法

  • 6genesis

    【まずはここから】GenesisとGenesis子テーマをダウンロードする方法

  • 7

    GenesisフレームワークとGenesis子テーマを日本語化する方法

  • 8

    ここ最近人気のGenesis子テーマ10選を紹介してみる

  • 9

    【100種類目前!】変幻自在のGenesis子テーマとは?

  • 10metro-pro-settings-thumbnail

    Genesisサイトの設定方法【MetroPro】

最近の投稿

  • 店舗サイトにオススメなGenesisフレームワーク専用子テーマ6選【WordPress】

  • 調べたいサイトを丸裸にするサイト内検索とページ内検索の使い方【簡単絞り込み検索】

  • WWWって何?意外と知らないウェブについてやさしく解説【World Wide Web】

  • 仕事をするときに気をつけたいGenesisフレームワークのライセンスについて整理してみた

  • 日本人向けGenesisフレームワーク専用のWordPressテーマ「Muromachi」販売のお知らせ

  • 404ページも魅力的に簡単カスタマイズ!Genesis専用プラグインで404ページをカスタマイズする方法

  • Genesis専用子テーマ『Academy Pro』の特徴

  • ここ最近人気のGenesis子テーマ10選を紹介してみる

  • Genesisサイトの投稿にPost Classを追加する方法

  • Genesis専用プラグインでレイアウト機能を簡単に拡張する方法【Genesis Layout Extras】

目次

  • ホーム画面用の投稿一覧を作ってみる
  • ウィジェットの設定
    • 1 Number of Posts to Offset
    • 2 Order by
    • 3 Exclude Previously Displayed Posts?
    • 4 Gravatar
    • 5 Post Info
    • 6 Content Type
    • 7 More Posts from this Category
ページトップへ

Copyright © 2022 Genesis WP Fan All Rights Reserved.