• 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サイトのカスタマイズをもっと便利にするショートコードの使い方
  • Genesis Framework カスタマイズ

Genesisサイトのカスタマイズをもっと便利にするショートコードの使い方

Genesis にはカスタマイズを便利にするショートコードという機能が用意されています。

カスタマイズ前のGenesisでは、カテゴリーやタグの前には『File Under』や『Tagged With』の文字が入るように設定されていますが、ショートコードを使えばこのような文字を簡単に変更することができます。

目次

  • ショートコードの使い方
    • 1 基本形
    • 2 ショートコードの表示内容を変更
  • よく使うショートコードとその使い方
    • [post_tags]
    • [post_categories]
    • [post_author]
    • [footer_copyright]
  • プラグインと組み合わせると更に便利に使える

ショートコードの使い方

1 基本形

ショートコードを使う時の基本形は [post_tags]のように、何も引数を付けないタイプです。

ショートコードは記事本文中でも使うことが出来るので、[post_tags]と入力してみると、テーマファイルが表示してくれるタグ名とは別に『Tagged With: css』が表示されました。※ この投稿にはcssというタグを付けました。

how-to-use-genesis-shortcode-3

※ このページで紹介しているショートコードを囲む [ や ] の文字は全て全角になります(ショートコードの内容がその場所に表示されてしまうため)。コピペする場合には半角の [ ] を使って下さい。

2 ショートコードの表示内容を変更

ショートコードには引数を設定できるので、引数を使ってショートコードの表示内容を変更することが出来ます。

下のように before="タグ: " を追加すると、『Tagged With: 』が『タグ: 』に変わります。

how-to-use-genesis-shortcode-2

how-to-use-genesis-shortcode-4
テキストエディタにショートコードを入力
how-to-use-genesis-shortcode-5
ショートコードを使ってタグを表示

よく使うショートコードとその使い方

上で使った[post_tags]は before という引数を使いましたが、引数はショートコードによって変わります。逆にGenesisのように引数が用意されていないショートコードもあります。

なので、ここではよく使うショートコードと、その使用例をまとめてみました。

[post_tags]

投稿に設定されたタグをリンク付きで表示するショートコードです。

引数 説明
sep タグが複数ある場合の区切り文字
before タグの前に表示するテキスト
after タグの後に表示するテキスト

使用例)

[post_tags sep=", " before="Tags: "]

[post_categories]

引数 説明
sep カテゴリーが複数ある場合の区切り文字
before カテゴリーの前に表示するテキスト
after カテゴリーの後に表示するテキスト

使用例)

[post_categories sep=", " before="カテゴリー: "]

[post_author]

引数 説明
before 著者名の前に表示するテキスト
after 著者名の後に表示するテキスト

使用例)

[post_author before="著者: <b>" after="</b>"]

表示)

著者: Brian Gardner

[footer_copyright]

引数 説明
copyright © の文字
first 設立年など、現在の年の前に表示する年号
before コピーライトの前に表示するテキスト
after コピーライトの後に表示するテキスト

使用例)

[footer_copyright first="2005"]

表示)

© 2005–2016

プラグインと組み合わせると更に便利に使える

ショートコードを使うだけでもカスタマイズが便利になりますが、『Genesis Simple Edits』のようなプラグインと組み合わせると更に手軽にカスタマイズできるようになります。

Genesis Simple Editsの使い方

また、公式サイトにはショートコードの一覧ページがあるので、一度見ておくと良いかもしれません。(ログインが必要です)
公式サイトショートコード一覧

関連記事

  • 2016年3月17日

    Genesisサイトの検索フォームを日本語化する方法

  • studiopress-logo
    2017年12月17日

    Genesisサイトで「もっと読む」リンクの文字を変更する方法

  • 2016年3月17日

    【Genesis】パンくずリストを日本語化する方法

  • genesis-action-hook-thumbnail
    2017年10月30日

    Genesisサイトのカスタマイズを便利にするアクションフックとは

  • widget-area-1
    2017年9月13日

    Genesis子テーマからウィジェットエリアを追加する方法

  • Genesis Framework カスタマイズ
  • Meta
  • ショートコード
  • フッター

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

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

詳しく見る
← 前の記事
Genesisサイトのカスタマイズをもっと便利にするショートコードの使い方
Genesis Simple Editsプラグインの使い方
次の記事 →
Genesisサイトのカスタマイズをもっと便利にするショートコードの使い方
Genesis Visual Hook Guideの使い方【プラグイン】

最初のサイドバー

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】

目次

  • ショートコードの使い方
    • 1 基本形
    • 2 ショートコードの表示内容を変更
  • よく使うショートコードとその使い方
    • [post_tags]
    • [post_categories]
    • [post_author]
    • [footer_copyright]
  • プラグインと組み合わせると更に便利に使える
ページトップへ

Copyright © 2023 Genesis WP Fan All Rights Reserved.