ダッシュボード使い方 パンクズを設置しよう

パンクズを設置しよう

パンクズを設置すると自分のホームページに訪問してくださった方に迷わずページの閲覧をして頂ける便利な機能です。

パンクズのCSS

.breadcrumb {
list-style: none;
}
.breadcrumb::after {
display: block;
content: ”;
clear: both;
}
.breadcrumb li {
position: relative;
float: left;
}
.breadcrumb li:not(:first-child) {
margin-left: 1.5em;
}

ワードプレスのダッシュボードから
外観→テーマファイルエディター

ワードプレス ダッシュボード使い方で  パンクズを設置するでワードプレスのダッシュボードから「外観→テーマファイルエディター」とクリックしている画面

「Cocoon: スタイルシート (style.css)」の画面を下側へスクロールし
先ほど リスト(箇条書き)のマークの画像のCSSを貼り付けた下に「パンクズのCSS」を貼り付けます。

そして「ファイルを更新」をクリック

ワードプレス ダッシュボード使い方で  パンクズを設置するで先ほど「リスト(箇条書き)」のマークの画像のCSSを貼り付けた下に「パンクズのCSS」を貼り付けている画像

「ファイルの編集に成功しました。」と表示されればOKです。

ワードプレス ダッシュボード使い方で  パンクズを設置するで「ファイルを更新」をクリックし「ファイルの編集に成功しました。」と表示されている画像

 設置例
パンクズを投稿ページ「自作pc CPUの選び方」に設置しました。

ワードプレス ダッシュボード使い方で  パンクズを設置するで「自作pc CPUの選び方」のページにパンクズを設置し正しく「パンクズ」が表示されている画面

コメント

タイトルとURLをコピーしました