アストラテーマチュートリアル:アストラテーマにパンくずナビゲーションを追加する方法

アストラ 柔軟なパンくず機能が組み込まれており、カスタム位置、色、フォント、その他のスタイル設定をサポートしています。この記事では、手作業でAstraのパンくず機能を有効にする方法を紹介し、パンくず機能を使用するために主流のSEOプラグイン(例:Yoast、Rank Mathなど)。

アストラのロゴ

なぜパンくずナビゲーションを使うのか?

パン粉とは、ユーザーがページ内を移動する経路を示すために使用されるナビゲーションの一形態で、通常はページの上部に表示される。例ホーム > ブログ > チュートリアル > パンくずナビゲーションの設定方法

パン粉を使うメリット::

  • 強化されたナビゲーション体験親ページやセクションに素早く戻ることができます。
  • SEOの強化内部リンク構造を最適化するのに役立つし、グーグルは検索結果にパンくずパスを表示することが多い。
  • 直帰率の低減ユーザーが他の関連ページを見つけやすくなり、訪問時間が延びます。
画像[2]-アストラテーマチュートリアル:アストラテーマにパンくずナビゲーションを追加する方法

Astraでパンくずナビゲーションを有効にするには?

Astraにはパンくず機能が組み込まれており、簡単な設定で有効にすることができる。

ステップ1:パンくずを表示する場所を選ぶ

オペレーション・パス:外観 > カスタマイズ > パンくず

設定可能な表示位置:

  • なし(図示せず)
  • インサイド・ヘッダー(ヘッダー内に表示)
  • ヘッダー後(ヘッダーの後に表示)
  • タイトル前(タイトルの前に表示)
画像[3]-アストラテーマチュートリアル:アストラテーマにパンくずナビゲーションを追加する方法

パンくずを即座に表示させたい場所を選択します。

ステップ2:パンくずソースの選択

Astraは複数のパンくずソースをサポートしています:

  • デフォルトアストラ独自の機能を使う
  • プラグイン統合もしRank MathやYoast SEOなどのプラグインをインストールしているなら、パンくずのコンテンツをそれらのプラグインから取得することもできます!

推薦します: すでにYoast SEOやRank Mathプラグインを使ってSEO対策を行っている場合は、これらのプラグインで直接パンくずを生成することで、全体的な最適化の一貫性を高めることができます。

画像[4]-アストラテーマチュートリアル:アストラテーマにパンくずナビゲーションを追加する方法

ステップ3:オプションの無効化ページ

ページの種類によって、パンくずナビゲーションを表示するかどうかを選択できます:

ページタイプ指示
ホームページ (ホームページで無効にする)ホームページ
ブログ/投稿ページで無効にする記事アーカイブページ
検索で無効にするユーザー検索結果ページ
アーカイブを無効にする(DIA)分類、ラベリング、著者アーカイブなど。
単一ページで無効にする(DSP)通常は「会社概要」などの単一ページ。
シングルポスト(シングルポストでは無効)ブログコンテンツページ
ジェネリック・シングル(シングルでは無効)投稿/ページなど、個々のコンテンツ項目すべて
404ページ(404ページで無効にする)エラーページ
画像[5]-アストラテーマチュートリアル:アストラテーマにパンくずナビゲーションを追加する方法

必要な項目にチェックを入れてください。パンくずを無効にするページの種類は十分である。

ステップ4:デザインスタイルとタイポグラフィ

アストラ無料版には、さまざまなスタイル設定オプションが用意されている。

  • アライメント左寄せ、中央寄せ、右寄せ
  • スペーシング上下マージンの設定
  • カラーカスタマイズテキストカラーとホバーカラーを設定できます。
  • フォント設定フォントのサイズ、太さ、線の高さ、大文字、小文字、頭文字など。
画像[6]-アストラテーマチュートリアル:アストラテーマにパンくずナビゲーションを追加する方法

これらのオプションは、設定パネルの「パンくず」で、あなたのウェブサイトのスタイルに合わせて柔軟に調整することができます。

サードパーティプラグイン統合チュートリアル

1.Yoast SEOプラグインの統合方法:

  • インストールとアクティベーション Yoast SEO プラグイン
  • パンくずを有効にする:バックエンドエントリー SEO > 検索外観 > パンくず > 有効
  • カスタマイザーに戻る:カスタマイズ > レイアウト > パンくず > ソース選択 Yoast SEO
  • AstraはYoastによって生成されたパンくずを表示し、カスタマイザーによって色、フォント、表示位置などをコントロールすることができる!
画像[7]-アストラテーマチュートリアル:アストラテーマにパンくずナビゲーションを追加する方法

2.ランク数学のプラグイン統合手法:

  • インストールとアクティベーション ランク数学プラグイン
  • ある ランク数学 > 一般設定 > パンくず でパンくず機能を有効にする
  • アストラ・カスタマイザーに戻り、以下を選択します。 順位 数学 パン粉の原料として
  • ランク数学のパンくずはページに表示され、スタイルはアストラによってコントロールされる。
画像[8]-アストラテーマチュートリアル:アストラテーマにパンくずナビゲーションを追加する方法

概要

アストラは、組み込みのパンくず機能を提供し、ユーザーが迅速に有効にすることができます追加のプラグインをインストールする必要はありませんし、自由に表示位置、スタイル、フォントやその他の設定を調整します。より多くのWordPress関連のチュートリアルや情報をお知りになりたい場合は、に注意してください。光子ゆらぎネットワーク最も充実したWordPressチュートリアルと、最もアクティブなWordPress Exchange コミュニティ.


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はEarly Seasonが執筆しました。
終わり
好きなら応援してください。
クドス17 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし