どうも、novaです。

今回は賢威７のパンくずを小さくする方法ということでお伝えしていきます。


今回のカスタマイズは・・・

今回のカスタマイズしていくことは以下の作業になります。


この大きさのパンくずを

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-03-0-28-57
↓

こんな感じに小さくします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-03-0-29-37


では頑張っていきましょう。


まずはCSSの編集画面へ

まずはWordPress管理画面の【外観】→【テーマの編集】へと進みます。


賢威７のテーマの編集カスタマイズ

賢威７カスタマイズテーマの編集

次に画面の右端から【base.css】を開きます。

賢威７base.css


この【base.css】の、ずらっと並ぶ文字列の下までいきましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-23-14-09
ここに以下のHTMLコードを入力してください。


HTMLコードのコピー方法はこちら
→ http://creations-serialism.com/htmlchordcopy


こんな感じですね（あえて目立つように選択した状態です）

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-03-0-32-16

最後に【ファイルを更新】をポチッとすることをお忘れなく。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-23-17-47

ではWebサイトから確認してみましょう。

変更前

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-03-0-28-57
↓

変更後

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-03-0-29-37

どうでしょう。パンくずが小さくなっていますね。


最初のうちは極端に値を変化させることで、どのように変化が起きるかがわかってきます。


そんな感じでいじっているうちに、少しづつCSSに慣れていきます。


今回は「賢威７のパンくずを小さくする方法 」ということでお伝えしました。
小さくなりましたでしょうか？（笑）


では最後までありがとうございました。


ーーーーーーーーーーーーーーーーー

■ Nova公式LINE@アカデミー

ーーーーーーーーーーーーーーーーー

Nova公式LINE@アカデミーをはじめました。

ここではネットビジネス初心者が
無料で学べる環境をご用意していますし
そのための具体的な使用方法もお伝えしています。


そして今回は公開記念として、
今だけの特別なプレゼントもご用意しています。


是非お試し感覚でご登録してみて下さいませ。

■スマホの方はこちらから登録できます。
↓
http://creations-serialism.com/mhbh


■ 上記URLがクリックできない方はこちらのIDで友達検索して追加してください。
↓
@nova0（@をお忘れなく）



こちらに「賢威7カスタマイズまとめページ」を作成したので、宜しければご利用ください。
→【賢威７】カスタマイズ解体新書