タグ: サイトマップの作成

【PS Auto Sitemap②】サイトマップをホームページに表示

11 1月 17
北川 哲平

No Comments

プラグイン「PS Auto Sitemap」で作成したサイトマップをホームペー ジにリンクを貼ります。

リンクを貼る場所ですが、ヘッダー、サイドバー、フッターが一般的です。

sitemap1
sitemap2

ヘッダーへの貼付けはhtml,cssの知識が必要なので難しいです。
サイドバーとフッターへの貼付けは簡単です。まずは簡単な方からご紹介します。

 

サイドバーへの貼り付け方法

※フッターの貼り付け方法も同じですが、お使いのテンプレート自体にない場合があります。テンプレートのウェジェットにフッターの項目があれば同様の作業でOKです。

①作成したサイトマップのURLをコピーします。

sitemap0

②管理画面より「外観」→「ウィジェット」をクリック。

sitemap3

③ウェジェットの画面が表示されます。

sitemap4

④利用できるウィジェットから「テキスト」をクリック。

sitemap5

⑤sidebarを選択する。名前がsidebarではない場合がありますが、似たような名前があると思いますので、それを選択してください。
【補足】footerの名前があればフッターに設置することも可能です。

sitemap6

⑥ウィジェットを追加ボタンをクリック

sitemap7

⑦右側のサイドバーにテキスト表示されます。

sitemap8

⑧下記のコードを入力します。先程コピーしたサイトマップのURLを貼り付けます。
<a href=”この部分にサイトマップのURLを入力します“>サイトマップ</a>

sitemap9

⑨保存ボタンをクリック

⑩ホームページを確認すると、サイドバーにサイトマップのリンクが表示されました。

sitemap10

 
以上で完了です。

ヘッダーへの貼り付け方法

html,cssの知識が必要になりますので、よく分からなければ手を出さないでください。サイドバーへの貼付けをオススメします。

①サイトマップを作成した固定ページの編集画面を開きます。

sitemapheader1

 

②右上の「表示オプション」をクリックして「スラッグ」にチェックを入れてください。チェックが入っている場合は、そのままで構いません。

sitemapheader1-2

 

③スラッグの部分に適当な名前を入力もしくは変更してください。名前の注意点は2つあります。
1,半角英数字のみを入力
2,sitemapという名前は避けたほうが良いです。他のプラグインと名前が競合される可能性があるため。

sitemapheader2

 

④更新ボタンをクリック

sitemapheader3

 

⑤ヘッダー内に下記を記載します。③で入力した名前を入れてください。※ヘッダーの場所が分からなければココで作業を中止してください。
[php]
<!– サイトマップ –>
<div class="page_sitemap"><?php $page_sitemap = get_page_by_path(‘入力した名前’);?>
<a href="<?php echo get_permalink( $page_sitemap->ID ); ?>" >サイトマップ</a>
</div>
[/php]

 

⑥cssファイルで表示をデザインします。下記は一例です。お好きなように設定してください。
[css]
/* サイトマップ
———————————-*/
.page_sitemap {
float: right;
}

.page_sitemap::after {
content: "";
clear: both;
display: block;
}
[/css]

 

⑦ホームページを確認するとヘッダーにサイトマップのリンクが表示されました。

sitemapheader4

 

以上で完成です。

【PS Auto Sitemap①】サイトマップのページを作成

09 1月 17
北川 哲平

No Comments

プラグイン「PS Auto Sitemap」を導入してホームページにサイトマップページを作成します。
サイトマップがあるとユーザーは迷うことなく興味のあるコンテンツにアクセスできます。
また、コンテンツを公開するたびにサイトマップを修正する必要がなく、自動で更新してくれるので、管理しやすいです。

psautomap7

インストール

プラグイン「PS Auto Sitemap」をインストールします。

プラグインのインストールは、
プラグインのインストールと有効化」をご覧ください。

管理画面 > 設定 > PS Auto Sitemapをクリックします。

psautomap1

設定画面が表示されます。細かい設定は置いておいて、まずは、サイトマップページを作成しましょう。

psautomap2

固定ページにサイトマップを設置

①固定ページを作成します。今回はサイトマップというページ名を作成しました。

psautomap3

②テキストエディタを選択します。

psautomap4

③「<!– SITEMAP CONTENT REPLACE POINT –>」を入力します。

psautomap5

④更新ボタンをクリックします。

psautomap6

⑤作成した固定ページのIDを控えます。固定ページのURLに数字が書いてある部分あります。これが、IDになります。

psautomap6-1

⑥もう一度PS Auto Sitemapの設定画面へ移動します。
管理画面 > 設定 > PS Auto Sitemapをクリックします。

⑦「サイトマップを表示する記事」に先程控えた固定ページのIDを入力します。

psautomap6-3

⑧もしサイトマップ内に載せたくないページがあれば「除外記事」、載せたくないカテゴリがあれば「除外カテゴリ」にIDを入力します。(IDは上記5と同様にして調べます)

psautomap8

⑨最後に「変更を保存」ボタンをクリックして完成です。先程作成した固定ページにサイトマップが表示されていると思います。

psautomap7

 

作成したサイトマップをホームページに表示させる

ヘッダーやフッター、サイドバーなどお好きな場所へ作成した固定ページのリンクを貼りましょう。
サイトマップをホームページに表示