【お得】Amazonギフト券をチャージするとポイント還元 >>

WordPressテンプレートをStingerに変更

Wordpress

WordPressのテンプレートを変更

WordPressをつかって数年経ちましたが、最近デザインを変更しました。
巷でSEOに強いと噂のStingerという無料テンプレートです。

これまでいくつかのWordpressテンプレート(wp.Vicuna Ext. Custom → Arthemia Premium → NewsPlus)を使ってきましたが、このStingerは余計な機能をはぶいている分、シンプルですっきりとした感があります。
また、なにがなんだかわからない状態になっていたプラグインもこの際きれいに棚卸しました。
個人的にはデザインもシンプルで使い勝手がよいので、無料テンプレートStinger 3に落ち着きそうです。

Stinger公式サイトはこちら: SEO対策に強い無料WordPressテーマ「Stinger」
Stinger作者のサイトはこちら: ENJILOG

Stingerカスタマイズメモ

デフォルトのテンプレートに下記サイトを参考にしながら、自分好みに若干カスタマイズをしております。

注意点としては、今後のアップデートを考慮して、Stingerのデフォルト設定を直接いじることはしないようにWordpressの子テーマを作成して、そちらへスタイルシートなどをコピーして変更する部分を修正しました。
まったくの度素人なので、function.phpはさわらないようにしています。

 

まずは子テーマを作成する

子テーマでコピーしたのは、Style.css, home.php, header.php, footer.phpあたりです。
子テーマについてはこちらが参考になります。
→ SaaSes Staff Blog: WordPressテンプレートのカスタマイズは子テーマで
→ The Present Note: 【重要】WordPressテンプレートのカスタマイズ前に・・・子テーマをつくってのカスタマイズ方法 -CSS篇-

 

自分好みにカスタマイズしてみる

取り急ぎ私が修正した点は以下の通り。

①背景色変更
②文字フォント変更
③文字装飾(PC向け、スマホ向け)
④ヘッダー固定メニューカスタマイズ(ソーシャルアイコンにWEBフォント利用)
⑤抜粋文字調整(4行→3行)
⑥Adsense広告位置の変更(記事中)
⑦ファビコン変更(プラグイン停止→オリジナル修正)

またプラグインのプラグインはWord Press Popular Postを利用して、サイドバーへ人気記事ランキングをサムネイルで表示しております。

参考にしたのは次サイトです。

①②③⑤
◆えけこのくるる
記事タイトルの装飾
トッページ記事タイトルの装飾
トップページの記事の抜粋部分をコンパクトにする
背景色の変更
フォントの変更


◆Balance Note
singer3の特別テーマ「Hunter」を使用してみました。

◆kotala’s note
[wordpress][Stinger2]画面最上部に固定されたメニューバーの作り方

◆株式会社LIG
Retinaでもボケない「シンボルアイコン」を使いこなそう!

◆Webpark
ソーシャルアイコンをWebフォントで表示する方法を色々ご紹介

このあたりの先行者様のサイトを参考にすると、自分なりにカスタマイズができると思います。

ブログ
自宅でも「おうち時間」を楽しく過ごす方法
  • 名作からヒット作品まで、映画やドラマも「見放題」
  • ビジネス書から漫画や雑誌も「読み放題」の読書体験!
  • お好みの音楽が200万曲の中から「聴き放題」

\今なら30日間無料体験/
Amazon Primeを見てみる

Amazonでお得に買物する方法

Amazonで少しでもお得に買い物をするなら、Amazonでの買い物に使える「Amazonギフト券」の購入チャージがオススメです。
通常会員は最大2.0% プライム会員は最大2.5%もポイントで還元されるので、Amazonで購入する前に現金チャージするとお得です。

この記事を書いたのは

dalahast_shikaku2

dalahast(ダーラヘスト; @dalahast_jp)です。ほぼ週末限定の趣味のお料理以外に日々の暮らしのなかで興味をもったこと等を 気の向くままに徒然に綴っています。
詳しいプロフィールはこちら

この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
\ シェア /
\青丹よしのフォローはこちら/
テキストのコピーはできません。