デザ活

デザ活

Stinger5の子テーマ「SIMPLESTER」を実装するための忘れてはならない設定!

約 4 分

スポンサードリンク

Stinger5の子テーマ「SIMPLESTER」を実装するための忘れてはならない設定!

こんばんは。iPhoneを卒業したnexusユーザーmaco(@maco_yamase)です。

WordPressブログのカスタマイズについての記事を書かせていただきます!

私が使っているテーマはこちら!超有名Stinger5! びっくりするぐらいカスタマイズの記事があって、まったくphpとか読めない私でも調整できるかなぁ、、、と思いお世話になると決めました。

ただ、ちょっと幅を広くしたい、、、とかいろいろあり、カスタマイズするなら子テーマたるものを使用した方がいいということを知り、早速いろいろと探してみました!

すごく好み!こちらの子テーマ 「SIMPLESTER」 !!

さっそく実装していきたいと思います!

使い始めるのがめっちゃ簡単!

ちょうど最新版のStinger5(20150505b)にも対応用のものがあり、超簡単にインストールできました!!

[speech_bubble type=”fb” subtype=”L1″ icon=”601.png” name=”企画担当六谷さん”] テーマをインストールする場所と同じようにインストールして有効化したらOKです! [/speech_bubble]

[speech_bubble type=”fb” subtype=”L1″ icon=”6601.png” name=”開発担当六井さん”] SIMPLESTER有効化前 [/speech_bubble]

20150623-01

[speech_bubble type=”fb” subtype=”L1″ icon=”6601.png” name=”開発担当六井さん”] SIMPLESTER有効化後はこんな感じ [/speech_bubble]

20150623-02

このように、幅が広くなりました!やった!

ヘッダー画像やロゴ画像を調整していきましょう!

[speech_bubble type=”fb” subtype=”L1″ icon=”701.png” name=”デザイン担当七瀬さん”] 3分でロゴとヘッダー画像を準備しました!仮です! [/speech_bubble]

20150623-04

ロゴはこちらの記事の指示にしたがいまして、50pxに設定。

20150623-05

ヘッダー画像は1116×270pxにしましたよ^^

[speech_bubble type=”fb” subtype=”L1″ icon=”601.png” name=”企画担当六谷さん”]では作った画像を以下のところからアップロードします! [/speech_bubble]

20150623-06

[speech_bubble type=”fb” subtype=”L1″ icon=”501.png” name=”設計担当五代主任”]ん?なんやねんこの隙間。。。 [/speech_bubble]

20150623-07

[speech_bubble type=”fb” subtype=”L1″ icon=”401.png” name=”四角課長”]本家様のサイトをよく読むんだ。。。 [/speech_bubble]

親テーマのfunction.phpの数値を変更する必要があります。これによって1116pxのヘッダー画像を設定することが出来ます。

ということで、こちらの記事を確認しながら修正していきます。

テーマのための関数(function.php)>「カスタムヘッダー の中の部分の数字を書き換えました!

「980」⇒「1116」   「250」⇒「270」

色を変えたい部分に手を入れます!!

20150623-11

すると、、、、、

20150623-12

かんたんに色もいじっちゃいましょう!

20150623-09

20150623-10

[speech_bubble type=”fb” subtype=”L1″ icon=”701.png” name=”デザイン担当七瀬さん”] 子テーマって素敵ですね!親テーマをいじらないのでリスクも低そう。初心者には手を出しやすいカスタムです!!ありがとうございます!![/speech_bubble]

細かな修正やダッシュボードの設定は追々頑張ります!

ではまた明日!

 

 

Youtubeチャンネル

LEAVE A REPLY

*
* (公開されません)

CAPTCHA


*

このブログを書いている人

I_プロフィール画像250m maco

イラストとデザインが大好きです。このブログでは日々作ったものの報告と、ハウツーまとめ、あと、デザインを多くの人に身近に感じていただける記事を書いています。
スポンサードリンク

twitter

macoのYoutubeチャンネル

macoYoutubeリンクバナー