プレビューとショートコード

入力中の内容を保存の前に確かめる「プレビュー」と、ショートコードのコピー・使っているページを確かめる画面の説明です。

入力から反映まで（入力する・プレビューで確かめる・公開・更新・使っているページに反映）
入力から、ページに反映されるまで

ランキングの編集画面には、入力中の内容を確かめるボックス「プレビュー」と、ショートコードと使っているページを見るボックス「ショートコードと使っているページ」があります。

ボックス「プレビュー」

入力している内容を、ページに表示されるのとほぼ同じ形で、その場で見られます。保存する前に確かめられるので、公開前の見た目の確認に使えます。

ボックス「プレビュー」（パソコンの幅）
プレビュー（パソコンの幅）

使い方

「PC」と「スマホ」

ボックスの上の 2 つのボタンで、プレビューの枠の幅を切り替えます。スマホで見たときの形を確かめられます。

ボタン結果
PC広い幅で表示します（既定）。
スマホ狭い幅で表示します。説明とボタンが縦に並ぶ形などを確かめられます。
ボックス「プレビュー」（スマホの幅）
プレビュー（スマホの幅）

構造化データ（JSON-LD）を見る

プレビューの下の「構造化データ（JSON-LD）を見る」をクリックすると、いまの入力内容で出力される構造化データが表示されます。URL の部分は例です。実際には、ランキングを表示したページの URL になります。構造化データの出力がオフのとき（設定画面かこのランキングの「出力」のチェックがオフのとき）は、ここには何も出ません。

プレビューの表示とメッセージ

表示意味・対処
名称を入力すると、ここにプレビューが表示されます。名称のある順位が 1 つも無いときの表示です。名称を入力してください。
プレビューを作れませんでした。プレビューの更新に失敗したときの表示です。通信の状態を確かめ、入力をもう一度変えてみてください。それでも出ないときは、画面を開き直してください。
…（ボタンの右）プレビューを更新している間の表示です。

ボックス「ショートコードと使っているページ」

画面の右側にあるボックスです。ランキングを本文に置くためのショートコードと、このランキングをどのページが使っているかが分かります。

ボックス「ショートコードと使っているページ」（ショートコード・コピーのボタン・使っているページの一覧）
ボックス「ショートコードと使っているページ」

ショートコード

このランキングのショートコード（[kashiwazaki_seo_recommended_ranking id="数字"] の形で、数字はランキングごとに違います）が表示されます。

  1. 「コピー」をクリックします。ボタンの文字が、少しの間「コピーしました」に変わります。
  2. ページの編集画面で、本文の表示したい位置に貼り付けます。

使っているページ

このランキングを使っているページが、一覧で表示されます。ページ名をクリックすると、そのページの編集画面が開きます。

表示意味
ページ名（本文の下）／（本文の上）そのページの「表示位置」で、このランキングを選んでいます。
ページ名（手動（ショートコードの位置））そのページで表示位置を「手動」にして選んでいます。
ページ名（ショートコード）そのページの本文に、このランキングの id を書いたショートコードがあります。
（…・下書き）などの状態公開以外の状態のページには、その状態が付きます。
（表示する権限のないページ）ほかの人の下書きなど、お使いのアカウントでは見られないページです。ページ名は表示されません。
ほか N 件一覧に出るのは 50 件までです。それより多いときの残りの数です。
まだどのページでも使われていません。このランキングを使っているページがありません。

公開・更新したときの動き

右側の「公開」ボックスで「公開」や「更新」をクリックすると、そのランキングを使っているすべてのページの表示が、新しい内容に変わります。ページのキャッシュを使うプラグインがある場合も、そのページのキャッシュを消す合図を出します。

「公開」ボックス（公開済みのランキングの例。ステータス・公開範囲・投稿日・ゴミ箱へ移動・更新）
「公開」ボックス（WordPress の標準のボックスです）