• 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プラグインGenesis専用プラグインでレイアウト機能を簡単に拡張する方法【Genesis Layout Extras】
  • Genesisプラグイン

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

Genesisフレームワーク では、デフォルトの状態でも1カラムや2カラム、3カラムと様々なレイアウトオプションが用意されています。

そのため、最初の状態でも選択肢は少なくないのですが、今回紹介するGenesis Layout Extrasを使用すると、ページごとに使用するレイアウトを指定できたり、そもそもGenesisフレームワークでは用意されていないレイアウトを選択できたりします。

※ 使用するGenesis子テーマによって、選択できるレイアウトが違う場合があります。

目次

  • Genesis Layout Extrasの設定方法
    • 1 Additional Layout Options
    • 2 Optionally load necessary CSS styles for above layouts.
    • 3 Layouts for Special Sections
    • 4 Global Layouts for Singular Pages
    • 5 Global Layouts for Archive Sections
    • 6 Export and import plugin settings

Genesis Layout Extrasの設定方法

肝心のGenesis Layout Extrasは、こちら からダウンロードすることができます。

有効化したら、Genesis Layout Extrasの設定画面に移動します。

それでは上から順番に見ていきましょう。

1 Additional Layout Options

Additional Layoutsというセクションの最初の項目です。

上の画像のように、チェックマークを入れると、Genesis全体でそのレイアウトが使用できるようになります。

上の画像で言う濃いグレーがデフォルトのレイアウト、薄いグレーが追加したレイアウトです。

2 Optionally load necessary CSS styles for above layouts.

この項目では、読み込むCSSファイルを指定することができます。
追加したいレイアウトに対応するCSSファイルにチェックを入れます。

3 Layouts for Special Sections

ここから下は、どのようなレイアウトにするかをページごとに指定できます。それぞれドロップダウンメニューから、指定したいレイアウトを選択します。

ページ 説明
Hompage Layout トップページのレイアウト
Search Page Layout 検索ページのレイアウト
Search Not Found Page Layout 検索結果が見つからなかった場合のレイアウト
404 Page Layout 404ページのレイアウト

4 Global Layouts for Singular Pages

ページ 説明
Post Page Layout 投稿記事詳細ページのレイアウト
Page Page Layout 固定ページのレイアウト
Attachment Page Layout Attachment Pageのレイアウト
404 Page Layout 404ページのレイアウト

5 Global Layouts for Archive Sections

ページ 説明
Author Page Layout 著者アーカイブページのレイアウト
Date Archive Page Layout 日付アーカイブページのレイアウト
Date Archive – Year Page Layout 日付アーカイブページ(年ベース)のレイアウト
Date Archive – Month Page Layout 日付アーカイブページ(月ベース)のレイアウト
Date Archive – Day Page Layout 日付アーカイブページ(日にちベース)のレイアウト
Category Page Layout カテゴリーアーカイブページのレイアウト
Tag Page Layout タグアーカイブページのレイアウト
Taxonomy Page Layout タクソノミーアーカイブページのレイアウト

6 Export and import plugin settings

最後はエクスポートとインポートです。
Genesisフレームワークの機能を使用して、設定を書き出したり読み込んだりすることができます。

関連記事

  • genesis-simple-edits-thumbnail
    2016年3月20日

    Genesis Simple Editsプラグインの使い方

  • 2018年12月7日

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

  • 2017年12月4日

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

  • 2017年12月11日

    Genesisウィジェットの設定を簡単に他のサイトに移行する方法【Widget Settings Importer/Exporter】

  • genesis-simple-sidebar
    2017年3月8日

    Genesisサイトにウィジェットエリアを追加する方法

  • Genesisプラグイン
  • レイアウト

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

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

詳しく見る
← 前の記事
Genesis専用プラグインでレイアウト機能を簡単に拡張する方法【Genesis Layout Extras】
Genesisサイトで「もっと読む」リンクの文字を変更する方法
次の記事 →
Genesis専用プラグインでレイアウト機能を簡単に拡張する方法【Genesis Layout Extras】
Genesisサイトの投稿にPost Classを追加する方法

最初のサイドバー

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選

  • 3genesis-seo-settings-4

    Genesis SEO Settings の設定方法

  • 4

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

  • 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】

目次

  • Genesis Layout Extrasの設定方法
    • 1 Additional Layout Options
    • 2 Optionally load necessary CSS styles for above layouts.
    • 3 Layouts for Special Sections
    • 4 Global Layouts for Singular Pages
    • 5 Global Layouts for Archive Sections
    • 6 Export and import plugin settings
ページトップへ

Copyright © 2023 Genesis WP Fan All Rights Reserved.