をインストールした場(chǎng)合ランクマスSEOプラグインが提供するパンくず (パン粉) 機(jī)能性RankMath SEOの無料版では、通常ショートコードを使ってパンくず機(jī)能を?qū)g裝していますが、RankMath SEO Pro版では、Elementorに統(tǒng)合されたパンくず要素を提供しており、Elementorを使って外観を編集することができます。本記事では、RankMathのパンくずナビゲーションを使ったチュートリアルを詳しく紹介し、あなたのウェブサイトへのパンくずナビゲーションの実裝とカスタマイズを支援します。

RankMathブレッドクラム設(shè)定の説明

使用する前に、RankMath SEOプラグインのパンくず設(shè)定オプションについて説明しましょう。パンくずは、RankMath SEOプラグインの[ ]で設(shè)定できます。一般設(shè)定をクリックし、パンくず設(shè)定オプションを見つけます。

ステップ1：パンくずを有効にする

まず、パンくず機(jī)能がオンになっていることを確認(rèn)する：

1. RankMath SEOの[ ]に入る一般設(shè)定]

2. Breadcrumb Settingsオプションを見つけ、Onに設(shè)定する。

ステップ2：パンくずセパレーターの設(shè)定

セパレーターはパンくずレベル間の區(qū)切りに使用します。セパレータはテキストボックスでカスタマイズできます。

ステップ3：ホームページラベルとホームページリンクアドレスを設(shè)定する

ホームタブとホームリンクアドレスオプションデフォルト設(shè)定のままただし、変更が必要な場(chǎng)合は編集可能です。ただし、ナビゲーションに影響を與える可能性があるため、ホームページのリンクアドレスは変更しないことをお?jiǎng)幛幛筏蓼埂?/p>

ステップ4：パンくずプレフィックスの設(shè)定

パン粉の前に立ちたいならアイコンやその他の要素を追加するこれはプレフィックス設(shè)定手術(shù)を行う。

ステップ5：アーカイブ形式、検索結(jié)果形式、404タグのオプションを設(shè)定する

これらのオプションは、アーカイブ、検索結(jié)果、404ページで表示されるパンくずを設(shè)定するために使用され、通常はデフォルトの設(shè)定で問題ありませんが、必要に応じてカスタマイズすることができます。

ステップ6：投稿タイトルを隠す

このオプションは、ページ、記事、商品の名前を隠すもので、オンにすることはお?jiǎng)幛幛筏蓼护蟆?/p>

ステップ7：分類オプションを表示する

このオプションをオンにすると、パンくずの中にカテゴリー名が表示されます。階層関係を反映させるために、オンにすることをお?jiǎng)幛幛筏蓼埂?/p>

ステップ 8: タクソノミーのオプションを隠す

このオプションをオンにすると、タクソノミーの名前が非表示になります。ブレッドクラムを効率化するために、オンにすることをお?jiǎng)幛幛筏蓼埂?/p>

上記の設(shè)定が完了したら、忘れずにすべての変更を保存してください。

RankMath SEO無料版 パンくずチュートリアル

1、ショートコードによるパンくず機(jī)能

RankMath SEOの無料版では、パンくず機(jī)能を利用することができます。一般設(shè)定がセットされ、コードまたはショートコードによってパンくず要素が呼び出されます。

Elementorエディタで、ShortCode要素を使って、パンくずを表示させたい場(chǎng)所にショートコードを貼り付けます：

RankMath SEOのパンくずショートコードは、通常以下のようになります：

[rank_math_breadcrumb]。

このショートコードをElementorのShortCode要素に貼り付けるだけです。

2、カスタム?パンくずスタイル

ショートコードで追加したパンくずリストは、デフォルトではテーマの色とフォントスタイルに従います。もしスタイルをカスタマイズしたい場(chǎng)合は、CSSコードを通して行うことができます。下記はサンプルコードです：

/* パンくずリストのリンクの色とフォントを変更する。
セレクタ.rank-math-breadcrumb a{
    color: #ffdc11.
    font-size: 16px; }.
}

/* パンくず內(nèi)のセパレータの色とフォントスタイルを変更する */
セレクタ.rank-math-breadcrumb .separator{
    color: #ffffff.
    color: #ffff; font-size: 20px；
}

/* パンくず內(nèi)の最後のコンテンツタイトルテキストの色とフォントスタイルを変更する */
セレクタ.rank-math-breadcrumb .last{
    color: #ffffff.
    last{ color: #ffffff; font-size: 16px; }.
}

上記のコードをElementor ShortCode要素のAdvanced設(shè)定に貼り付けます。

3、CSSスタイルのグローバルな適用

サイト全體に同じスタイルを適用したい場(chǎng)合は、サイト上の [ ] にコードを記述します。外裝狀態(tài)]-[カスタマイズ]-[カスタムコードの前にあるコードを削除してください。セレクタ以下のように：

/*パンくず內(nèi)のリンクの色とフォントスタイルを変更する**/
.rank-math-breadcrumb a{
    color: #ffdc11.
    font-size: 16px.
}

/*パンくずのセパレータの色とフォントスタイルを変更する**/
.rank-math-breadcrumb .separator{
    color: #ffff.
    font-size: 20px；
}

/*パンくずの最後のコンテンツのタイトルテキストの色とフォントスタイルを変更する */
.rank-math-breadcrumb .last{
    color: #ffff.
    font-size: 16px.
}

RankMath SEO Pro Edition パンくずチュートリアル

パンくず要素をElementorに統(tǒng)合

RankMath SEO Proバージョンでは、パンくず要素の統(tǒng)合がより簡(jiǎn)単になりました。まず、RankMath SEO Proプラグインがウェブサイトにインストールされていることを確認(rèn)してください。

• Elementorの要素ライブラリでRankMath SEOパンくず要素を見つけ、ページ上のパンくずを表示する必要がある場(chǎng)所にドラッグ＆ドロップします。
• パンくず要素のコンテンツ設(shè)定では、要素のセンタリングを調(diào)整したり、HTMLタグを変更することができます。
• スタイル設(shè)定では、パンくずのフォント、テキストカラー、リンクカラー、リンクホバーカラーを変更できます。

よくある質(zhì)問

パンくず機(jī)能を有効にする」オプションがグレーアウトしているのはなぜですか？

これは、テーマがRankMathパンくずリストをサポートしているためです。アストラのテーマRankMath SEOのパンくず機(jī)能が強(qiáng)制的にオンになります。これは、パンくずの使用には影響しませんが、設(shè)定オプションが変更できなくなるだけです。心配したり、追加の処理をする必要はありません。

上記のチュートリアルで、無料版でもプロ版でも、RankMath SEOのパンくず機(jī)能の設(shè)定とカスタマイズをご自身のウェブサイトで成功させることができるはずです。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時(shí)間: 月～金、9:30～18:30、祝日休み