X

スポンサードリンク

スポンサードリンク

パンくずリストの配置方法

<p><img data-attachment-id&equals;"1850" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;breadccrumb-navxt&sol;attachment&sol;uhgyftdrsed&lowbar;tp&lowbar;v&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;uhgyftdrsed&lowbar;TP&lowbar;V&period;jpg&quest;fit&equals;1600&percnt;2C1066&amp&semi;ssl&equals;1" data-orig-size&equals;"1600&comma;1066" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"uhgyftdrsed&lowbar;TP&lowbar;V" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;uhgyftdrsed&lowbar;TP&lowbar;V&period;jpg&quest;fit&equals;300&percnt;2C200&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;uhgyftdrsed&lowbar;TP&lowbar;V&period;jpg&quest;fit&equals;638&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-large wp-image-1850" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;uhgyftdrsed&lowbar;TP&lowbar;V-1024x682&period;jpg" alt&equals;"パンくずリストの配置方法" width&equals;"640" height&equals;"426" &sol;><br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad1" id&equals;"quads-ad1" style&equals;"float&colon;none&semi;margin&colon;0px&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<&sol;p>&NewLine;<h3 class&equals;"style3b">wordpressでパンくずリストを設置<&sol;h3>&NewLine;<p>パンくずリストとは、グリム童話のヘンゼルとグレーテルの仲で、主人公が道に迷わないようにパンくずを目印として利用したエピソードにちなんで、その名前が定着しました。<br &sol;>&NewLine;つまり、ホームページを構成していると深い階層に入っても、自分がどこにいるか判るようにする道しるべになるものがパンくずリスト。<br &sol;>&NewLine;とても、便利ですので、薄いホームページでないかぎり、閲覧者に親切だと思いますので、設置することをおすすめします。<&sol;p>&NewLine;<p><strong>「wordpress」<&sol;strong>で、パンくずリストを設置する方法として、私は<strong>「Breadcrumb NavXT」<&sol;strong>のプラグインを使用しています。<br &sol;>&NewLine;ですので、今回は<strong>「Breadcrumb NavXT」<&sol;strong>のプラグインをインストールして有効化している前提で記述します。<br &sol;>&NewLine;<strong>「Breadcrumb NavXT」は<&sol;strong>検索ですぐ見つかります。<br &sol;>&NewLine;<strong>「Breadcrumb NavXT」<&sol;strong>を有効化すれば、サイドバーに簡単にパンくずリストを設置することができます。<&sol;p>&NewLine;<h3 class&equals;"style3b">サイドバーに設置する方法<&sol;h3>&NewLine;<p><span style&equals;"color&colon; &num;000000&semi;"><strong>「外観」<&sol;strong> &srarr; <strong>「ウィジェット」<&sol;strong> の順にクリックします。<&sol;span><br &sol;>&NewLine;サイドバーメニューに<strong>「Breadcrumb NavXT」<&sol;strong>のウィジェットをドラック&ドロップするだけ。<br &sol;>&NewLine;設定は、必ず<strong>「基本」<&sol;strong>を選択し、表示する場面をチェックいれればOK。<br &sol;>&NewLine;あと、問い合わせページなどの特に表示させる必要がないページを除外するためにはページIDを入力してください。<br &sol;>&NewLine;複数ページの場合は「 &comma; 」で区切って入力します。<br &sol;>&NewLine;ページIDがわからない場合は<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;memo&sol;wordpress-id&sol;">こちらの記事を参考<&sol;a>にしてください。<&sol;p>&NewLine;<h3 class&equals;"style3b">サイドバー以外に設置する方法<&sol;h3>&NewLine;<p><strong>「外観」<&sol;strong> &srarr; <strong>「テーマの編集」<&sol;strong> の順にクリックします。<&sol;p>&NewLine;<p>ここで、ヘッターやフッター好きな位置に下記のタグをコピペすればOK。<&sol;p>&NewLine;<pre>&lt&semi;div class&equals;"breadcrumbs" typeof&equals;"BreadcrumbList" ><br &sol;>&NewLine;このタグが、間違っていたり変更になっているかもしれませんので、タグのある場所を示しておきます。<&sol;p>&NewLine;<p><strong>「設定」<&sol;strong> &srarr; <strong>「Breadcrumb NavXT」<&sol;strong> &srarr; 右上の<strong>「ヘルプ」<&sol;strong> &srarr; <strong>「Quick Start」<&sol;strong> の順にクリックすれば、<strong>「Breadcrumb trail separators」<&sol;strong>のコードがそれに該当します。<br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad3" id&equals;"quads-ad3" style&equals;"float&colon;none&semi;margin&colon;0px&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad4" id&equals;"quads-ad4" style&equals;"float&colon;none&semi;margin&colon;0px 0 0px 0&semi;text-align&colon;center&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<&sol;p>&NewLine;&NewLine;

葉隠 瀧: このサイトを管理しているのが葉隠 瀧です。