林檎の木の下で

iPhoneアプリやwebサービスの紹介など。ノンプログラマー、ただの主婦が奮闘してます。

Stinger5カスタマイズ。私がしたことまとめとお世話になったサイト様まとめ。

      2015/08/30

Stinger5カスタマイズ。私がしたことまとめとお世話になったサイト様まとめ。PAK85_ninasakura20140308500

こんにちは、sakurako(@0518sakurako)です。

最近はサーバー移転とともにブログのカスタマイズを久しぶりに行っていました。

プログラミングはなんせ知識がないもので、ネットで調べて恐る恐るphpを書き換えていましたが、いろいろやったこともたまってきたので、このへんでまとめてみます。

スポンサーリンク

カスタマイズ第一段階

まずはWordpressのテーマをダウンロードします。

私が使っているのはStinger5

Stinger5

SEOにも強く、沢山の人が使っているテーマです。

Stinger3の時からお世話になっていますが、本当に使いやすいテーマです。

子テーマの作成

まずはCSSだけでも子テーマを作ります。

子テーマを使うと親テーマのスタイルをいじることなくカスタマイズすることができるのでWordpress開発元からも推奨されています。

さらに子テーマを作ると親テーマがアップグレードされてもデザインを保持できるので便利です。

子テーマの作り方についてはキャリコ(@calicocatxy)さんのブログ記事を参考にさせていただきました。


使っているサーバーはロリポップ!ですが、エックスサーバーでも同じような操作をすれば簡単に子テーマを作ることができます。

次にレスポンシブデザインを崩さないために、3つのMedia Queriesを追加します。

作り方についてはアルゴリズム(@algorithm3784)さんのこちらのサイトを参考にしました。


外観→カスタマイズで外観の変更

Stinger5は外観→カスタマイズで簡単にサイトの色などを変えることができます。

ここでサイトの色を変えたり、トップのロゴを作ったりできます。

アドセンス関連

特定のカテゴリにアドセンスを挿入しないようにする。

当ブログではネット副業を紹介するページなどもあるので、念のためそういったページにはGoogleアドセンスを貼らないようにしています。

そのための方法がこちら。


アドセンスの位置を変える

Stinger5の元の位置のままでも良いのですが、記事内にアドセンスを貼りたかったのでそのためのカスタマイズです。

基本の方法はStingerの製作者であるENJI(@ENJILOG)さんのやり方を参考にさせていただきました。


またサイドバーのアドセンスをカテゴリ別にするためにプラグインのWidget Logicを採用しています。



サイドバーのカスタマイズ

次にサイドバーをカスタマイズしました。

トップページでNewPostを表示させない。

トップページでサイドバーにNewPostを表示させてしまうと内容がかぶってしまいます。

そのため、NewPostをトップページでは表示させないようにしました。

やり方はZORO(@zorolog)さんのページを参考にしています。


人気記事一覧を表示する

人気記事一覧はWordpress Popular Postsという人気のプラグインを使用しています。

サイドバーにプロフィールとSNSボタンを設置

サイドバーのプロフィールはガジェニュー(@gadgenew)さんのページを参考にしています。

ついでに固定ページにサイトの説明なども作りました。


SNSボタンについてはちゅんこ(@shufulife)さんがコピペOKのコードを公開してくださっています。本当に感謝!


その他細かいこと

iframeを表示させる

WordPressってiframeが表示されなくありませんか?

私の管理者指定が間違っているような気もするけれど。

とりあえず下の方法で解決します。


抜粋分の削除

トップページ、記事下の関連記事一覧、NewPostの抜粋分を消す方法です。


【Stinger5カスタマイズ】記事一覧の抜粋文を消す方法 | macfujilog


まとめ

他にもいろいろしたいことはあるのですが、私のphpの知識が足りないこともありうまくはかどらず。

でも、かなり自分では満足するサイトになってきました。

コードを公開してくださっているサイト様には本当に感謝です。

 - ブログカスタマイズ

   

スポンサードリンク

スポンサードリンク

Message

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

  関連記事