ワードプレステーマ simplicityのカスタマイズ 使い方その①

Googleのモバイルフレンドリーという
アップデートの影響で、

特典版のリファインSNOWなどの
レスポシブ対応していないワードプレステンプレートで
検索順位が下がる可能性が出てきた訳ですが、

無料で、レスポンシブ対応していて、
かつ、内部SEOがしっかり施されている
テンプレートでsimplicityがあるのですが、

今回、そのカスタマイズから使いかについて
開設しましたので、是非、参考にして下さい。

 
こんばんは、ハムです。

ついに、Googleもモバイル対応という事で
アップデートしてきましたね。

製品版のリファインPROやSINKAなどの
ワードプレステンプレートはレスポンシブ対応していますので、
特に、影響はないかと思いますが、

特典版のリファインSNOWや、
エフィシエントのテンプレートは
レスポンシブ対応していませんので、

テンプレート自体、変えた方が
無難と言えます。

 
そこで、今回は無料なんですが、
非常にクオリティの高いsimplicity
ワードプレステンプレートについて、
カスタマイズ方法から使い方について
まとめてみました。

 

解説動画

 

(YouTubeで見ると右下の設定部分で倍速で視聴する事が出来ます)

 

アップロードまでの流れ

 
まず、下記リンクにアクセスします。

simplicity公式サイトはコチラ

 
すると下記の画面になりますので
赤枠部分の最新版をダウンロードをクリックします。

sinpri1

 

 
画面変わって下にスクロールすると
ダウンロードのリンクがありますのでクリックします。

尚、開発版と安定板の2種類がありますが、
最新版は開発版になりますので、開発版をダウンロードします。

sinpuri2

 

 
ダウンロードが出来たら
ワードプレスのダッシュボードにログインして
①外観をクリック
②テーマをクリック
③新規追加の順にクリックします。

sinpuri3

 

 
テーマのアップロードをクリックします

sinpuri5

 

 
下記の画面になりますので、
ファイルを選択をクリックし、
zipファイルのままのsimplicityを
ダブルクリックで選択しいますぐインストールをクリックします。

sinpuri4

 

 
有効化をクリックすれば、
テンプレートがsimplicityになっています。

sinpuri6

 
sinpuri7

 

ヘッダー画像の変更方法

 
デフォルトでは、設定している
サイト名と説明文がヘッダー部分に表示されますが、
他と差別化する意味でもヘッダー画像は変えておきましょう。

 
ワードプレスにログインし、
①外観をクリック
②カスタマイズをクリックします。

sinpuri8

 

 
下記の画面になりますので、
①ヘッダー画像部分の矢印マークをクリックします

sinpuri20

 

 
そのまま下にスクロールして
①ロゴ画像にするにチェックを入れます
②画像の変更をクリックし、任意のヘッダー画像をアップロードします。
(説明文が表示させない方法についてはまた、調べておきます)

sinpuri19

 

 
デフォルトでは、ヘッダー部分の高さは
100ピクセルに設定されていて、画像がそれより大きいと
下記のように、ちょっと窮屈な感じになります。

sinpuri12

 

 
高さを変える事で、この窮屈さを
なくす事が出来ます。

先程のワードプレスのダッシュボードで
外観⇒カスタマイズ⇒ヘッダー画像の部分の順にクリックし
①サイズを任意のサイズに変更する
②保存するをクリックします。

sinpuri13

 

 
先程のトップページの画像よりも
窮屈さがなくなり自然な形になりましたよね

sinpuri14

 

まだまだ、カスタマイズする部分は
沢山あるのですが、ウィジェット機能も
搭載していて、人気記事ランキングなどの
パーツもありますので、

少ないプラグインでワードプレスブログが出来ます。

プラグインが多いと
サイト自体が重くなってしまいますので、
出来る限り、プラグインは少なくしましょう。

 
以上で、ワードプレステーマ simplicityのカスタマイズ 使い方その①
の解説は終了になりますが、

ヘッダー部分の説明文の消し方については、
後日、追記する予定ですので、よろしくお願いします。

 

いかがでしたでしょうか?参考になれば幸いです


もしも記事を読んで気に入って頂きましたら、
下記のソーシャルボタンで共有して頂きましたら、とても嬉しいです!
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ 

プレゼント付き無料メルマガをやっています(詳細は画像をクリックです↓↓)

mougennkai

 

コメントを残す