ワードプレステーマ「stingerplus」 カスタマイズ講座

無料で使えてSEO性能が高く、
かつ、レスポンシブ対応(スマホ対応)
しているワードプレステンプレートに

simplicityともう一つ、stingerplusというのが
あります。

こちらも無料とは思えないクオリティの
高さですので、是非、参考にして下さい。

 
こんにちは、ハムです。

Googleのモバイルフレンドリーアップロードで
ワードプレスもレスポンシブ対応しているものが
求められるようになりました。

今回は、無料だけどSEO性が高く
レスポンシブ対応しているstingerplusについて
カスタマイズ方法を解説したいと思います。

 

解説動画

 

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

 

解説記事 インストールまでの流れ

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

stingerplus公式サイト

赤枠部分のダウンロードをクリックします。

stinger51

 

 
ページが変わりますので
少し下にスクロールして赤枠部分の
ダウンロードのリンクをクリックします。

stinger52

 

 
ワードプレスのダッシュボードにログインし、
①外観をクリック
②テーマをクリック
③新規追加をクリックします。

stinger53

 

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

stinger54

 

 
①ファイルの選択をクリック
②zipファイルのままstingerplusを選択し
③いますぐインストールをクリックします。

stinger55

 

 
有効化をクリックします

stinger56

 

 
そのままサイトを表示させると
下記の画面になります。

stinger57

 

ヘッダー画像の変更方法について

 
テーマのインストールが完了したら
ヘッダー画像の編集になります。

ヘッダー画像の変更方法
下記の画像のように、ワードプレスのダッシュボードで

①外観をクリック
②カスタマイズをクリックします。

stinger58

 

 
デフォルトではタイトルと
説明文が表示されていますが、
ここにヘッダー画像を設定する場合、

①ヘッダー画像の矢印部分をクリック
②新規画像を追加をクリックします

stinger59

 

 
任意の画像を設定すると
下記の画像のようになります。

stinger560

また、ロゴ画像をアップロードする事で
タイトル文字部分を画像表示にし、

下記のように画像と説明文のヘッダーに
する事が出来ます。

stinger511

 

 
グローバルナビの設定方法については
リファインSNOWやsimplicityとやり方は
全く同じですので、今回は省略しますね。

参考記事 simplicityのカスタマイズ その②

 

あと、投稿記事にアドセンス設定を設定する方法について
投稿予定だったんですが、

stingerplusではウィジェットで
投稿記事上下にテキストを入れる事が出来ないので
HTMLを直接いじる必要があります。

で、僕もHTML部分をいじくり倒したんですが、
どうしても型崩れしちゃうんです(汗)

この辺りは、どうやったら表示出来るのか
分かり次第、追記したいと思いますので、
よろしくお願いします。

 
以上で、簡単ではありますが、
ワードプレステーマ「stingerplus」 カスタマイズ方法についての
解説は終了になるんですが、

もっとデザインにこだわりたい!
と思うのでしたら、有料のワードプレステンプレートを
オススメします。

TCDシリーズやデジプレスなど、
値段も安くクオリティは非常に高いので、
もし、あなたがデザインにもこだわりたいのでしたら、
TCDやデジプレスも見てみて下さい。

 

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


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

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

mougennkai

 

コメントを残す