• 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-footer-goto-top-shortcode-thumbnail

Genesis には、プログラムやプラグインを使わなくても簡単に『トップに戻るリンク』を作れるショートコードが用意されています。

慣れないうちは引数の扱いがややこしいかもしれませんが、規則正しく作られているので何度か使っているうちにすぐに慣れると思います。

目次

  • [footer_backtotop]と入力するだけ
  • リンクの文字や移動先を変えるには
    • 1 オプションは『オプション=””』の形式で入力
    • 2 使用例

[footer_backtotop]と入力するだけ

Genesisサイトでは、footer_backtotopというショートコードで、トップに戻るリンクを作ることができます。

引数を使わない場合のfooter_backtotopの使い方はとても簡単!記事の編集画面やテキストウィジェットでfooter_backtotopという文字を[ ]で囲むだけです。

genesis-footer-goto-top-shortcode-5

genesis-footer-goto-top-shortcode-4

ショートコードの入力はビジュアルエディタではなく、『テキスト』と書かれた方の編集画面で入力して下さい。

ちなみにショートコードの名前にはfooterという文字が入っていますが、記事本文でもサイドバーのテキストウィジェットでも、ショートコードが使える場所ならどこでも使うことができます。

リンクの文字や移動先を変えるには

footer_backtotopのショートコードは、他のショートコードと同じように引数と呼ばれるオプションを指定することができます。

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

1 オプションは『オプション=””』の形式で入力

ショートコードのオプションはオプション="○○"の形式で入力することができます。

オプション 説明
before リンクの前に入るテキスト
after カテゴリーの後に表示するテキスト
href 移動先(通常は # でOK)
text リンクテキスト(デフォルトはReturn to top of page)

2 使用例

ここでは試しに移動先を『#』、リンクテキストを『トップに戻る』、リンクの前後に『↑』という文字を入れてみます。

※ 下のショートコードの[]は全角で入力しているので、コピペする場合は半角を使用して下さい。

[footer_backtotop href="#" text="トップに戻る" before="↑" after="↑"]

ここでは本文中でショートコードを使用しましたが、『Genesis Simple Edits』のようにプラグインの中でもGenesisショートコードを使用できる場合があります。

genesis-footer-goto-top-shortcode-1

genesis-footer-goto-top-shortcode-3

関連記事

  • genesis-featured-posts-widget-11
    2016年3月17日

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

  • how-to-use-genesis-column-class-thumbnail
    2016年3月13日

    カラムクラスの使い方【Genesis Framework】

  • 2016年3月15日

    Genesisサイトの管理画面からAnalyticsのコードを追加する方法

  • 2016年3月22日

    Genesis管理画面からヘッダー/フッターにコードを追加する方法

  • genesis-seo-settings-4
    2016年4月24日

    Genesis SEO Settings の設定方法

  • Genesis Framework の使い方
  • ショートコード
  • 日本語化

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

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

詳しく見る
← 前の記事
Genesisショートコードでトップに戻るリンクを追加する方法
投稿やカテゴリのIDを管理画面から確認する方法
次の記事 →
Genesisショートコードでトップに戻るリンクを追加する方法
【安全カスタマイズ】Genesisカスタマイズ用PHP/CSSファイルの作り方

最初のサイドバー

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】

目次

  • [footer_backtotop]と入力するだけ
  • リンクの文字や移動先を変えるには
    • 1 オプションは『オプション=””』の形式で入力
    • 2 使用例
ページトップへ

Copyright © 2023 Genesis WP Fan All Rights Reserved.