スティンガー5(stinger5) カスタマイズ第10回目 固定ページのぱんくずリストの変更方法

運用中のホームページはこちら

2015年1月から運用中です。
よかったら覗いてみてください。
カスタムして運用中!!「リサイクルショップ宝島 ホームページ」はこちら

スティンガー5(stinger5) カスタマイズ第10回目 固定ページのぱんくずリストの変更方法
今回は上記画像部分 固定ページのぱんくずリストの変更方法を紹介します。

企業のホームページを作成しているのですが、デフォルトだとパンくずリストの文字の大きさが少し大きいので変更します。

style.cssファイルの編集

1000
ワードプレスのダッシュボードから、テーマの編集を選択してstyle.cssファイルを開きます。

上記画像のように新しくコードを追加し、「ファイルを更新」を選択します。

追加コード

.pannkuzu-entry-title {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin-bottom: 10px;
       
}

page.phpファイルの編集

ワードプレス固定ページのカスタマイズ

次に固定ページテンプレート (page.php)を開き、上記画像の部分「entry-title」を「pannkuzu-entry-title」に変更します。

最後に完成した画像

ワードプレスstinger5のカスタマイズ
文字を少し小さくしたことにより、バランスがよくなりました。
本当は右に表示させるようにしたかったのですが、うまくいきませんでした(笑)

スティンガー5のカスタマイズまとめ記事はこちら

ワードプレスのテーマ「stinger5」をカスタマイズして、企業のホームページとして2015年1月から運用します

stinger5カスタマイズ、今回までの記事

[stinger5]スティンガー5をビジネステンプレートみたいに、カスタマイズする方法 第1回「企業ロゴの追加」

[stinger5]スティンガー5をビジネステンプレートに、カスタマイズする方法 第2回「ヘッダーに企業電話番号の追加」

[stinger5]スティンガー5をビジネステンプレートに、カスタマイズする方法 第3回「グローバルナビの変更」

スティンガー5 カスタマイズ 第4回「グローバルナビの下に「Meta Slider」を使用して、スライド画像の挿入」

スティンガー5 カスタマイズ 第5回「トップページ 新着情報表示の変更」

スティンガー5 カスタマイズ第6回目「サイドバーの変更」企業のホームページみたいに!!

スティンガー5(stinger5) カスタマイズ第7回目「サイドバーの変更」要約文の省略方法

スティンガー5(stinger5) カスタマイズ第8回目「コンテンツ部分の幅を広げる方法」

スティンガー5(stinger5) カスタマイズ第9回目「サイドバー」新着入荷日(記事のエントリー日)の表示

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です