賢威6.2 パン屑ナビ 全カスタマイズ方法を網羅した。

ネットビジネスで最短時間で稼ぐ実践情報を公開 TOP
便利ツール（ソフト）
賢威6.2　パン屑ナビ　全カスタマイズ方法を網羅した。

賢威6.2　パン屑ナビ　全カスタマイズ方法を網羅した。

2014年11月30日 [便利ツール（ソフト）, ワードプレス, 賢威]

賢威6.2,パン屑ナビ

パン屑ナビと聞いて、すぐにその機能を思いつけないかもしれません。

パン屑ナビとは記事ページ上部にあり、

サイト上のどこにいるかを示す情報になります。

このパン屑ナビがあると無いとでは

訪問者の使い勝手が大きく違い、

直帰率や再法律にも影響が出てくる部分です。

今回はこのパン屑ナビの編集方法を紹介していきます。

賢威6.2パン屑ナビ編集方法は？

ワードプレス管理画面より『外観』⇒『エディター』と移動し

『design.css』の内容を変更することで編集することが可能です。

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-in{ padding-top: 1.5em; }　　　 /*←パン屑ナビ上の余白幅の指定*/


/*●メイン画像*/
#main-image{
	padding-top: 1.5em;
}

#main-image-in{
	position: relative;
	padding-bottom: 1.5em;
}

#main-image img{
	width: 100%;
	height: auto;
}

#main-image .catch-copy{
	position: absolute;
	top: 1em;
	left: 1em;
	color: #fff;
	font-size: 3em;
}


/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	margin-bottom: 1.5em;　　　/*←パン屑ナビ下の余白幅の指定*/
	font-size: 1.2em;　　　　　 /*←パン屑ナビの文字大きさ変更*/
}

#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;　　　　 　/*←パン屑ナビ上下の余白幅の指定*/
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(./images/icon/icon-brc.gif) center right no-repeat;
}