アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

CMS css javascript php SEO コンテンツ ブラウザ 新着情報

STINGER8でwordpess構築しpagespeed insightで満点を取る方法 ⇒ カスタマイズの手順と方法を順番に解説

投稿日:2019年5月10日 更新日:

STINGER8とは

STINGER8は国産wordpressテーマであり、SEOに強いことで知られる。

現在STINGER8の系統のテーマは4つあり、そのうち2つが無料テーマだ。

STINGER8はその無料テーマの一つで、機能が少なく自分で構築したい人向きのテーマになっている。

2016年のテーマで少し古いが、今でも十分使える。

ダウンロード及び規約 - 無料WordPressテーマ「STINGER」STINGER8は無駄なものを一切排除した骨組みのみのシンプルなテーマです。自身で一からカスタマイズされたい方に向いています。

ダウンロード及び規約 – 無料WordPressテーマ「STINGER」から引用

この連載では、STINGER8を使ってこのブログのデザインをカスタマイズしていく過程を公開する。

順番になぞることで、簡単に好きなデザインにすることができる。

注意点

STINGER8はダウンロードすると2つのテーマがある。

カスタマイズするときは、必ず「child」の方を編集すること。

これは「子テーマ」と呼ばれるもので、親のテーマがアップデートされても影響を受けない。

また誤ってテーマを壊してしまうことを防ぐこともできる。

また当然だが、編集する際は編集前の状態をバックアップしておき、いつでも元の状態に戻せるようにしておくこと。

言うまでもないが、このブログを見て行ったことで生じるいかなる事態にも、一切責任は持たない。

あくまでも自己責任で行うこと。

結果

このブログでは、STINGER8にテーマを変更した結果、google pagespeed insightのスコアが、

  • モバイル85
  • パソコン100

になった。

モバイルのpagespeed insightスコア

パソコンのpagespeed insightスコア

100のスコアが出たのには、我ながら正直驚いた。

もちろんまだトップページを作り込む前の、スカスカの状態であることも理由だろう。

それにしても、STINGER8は素晴らしい結果を出してくれた。

導入を試してみる価値は、十分にあるだろう。

連載一覧

  1. wordpessテーマのSTINGER8にしてみた ⇒ 設定その1 – アミアンインターナショナル
  2. google code-prettifyでコード表示をハイライト(動作しないので焦るが解決済み) ⇒ STINGER8設定その2 – アミアンインターナショナル
  3. サイドバーメニューの成形(1) ⇒ STINGER8設定その3 – アミアンインターナショナル
  4. ソーシャルアイコン追加-サイドバーメニューの成形(2) ⇒ STINGER8設定その4 – アミアンインターナショナル
  5. カテゴリーのデザイン-サイドバーメニューの成形(3) ⇒ STINGER8設定その5 – アミアンインターナショナル
  6. アイキャッチ画像を表示させる ⇒ STINGER8設定その6 – アミアンインターナショナル
  7. 引用を効率化するため拡張機能Format Linkをgoogle Chromeに入れる ⇒ STINGER8設定その7 – アミアンインターナショナル
  8. コード表示の最適化 ⇒ STINGER8設定その8 – アミアンインターナショナル
  9. H2タグを修飾 ⇒ STINGER8設定その9 – アミアンインターナショナル
  10. jetpack関連記事の数を増やす  ⇒ STINGER8設定その10 – アミアンインターナショナル
  11. レスポンシブ対応のロゴを表示する ⇒ STINGER8設定その11 – アミアンインターナショナル
  12. メニューとフッターのレスポンシブ対応css装飾 ⇒ STINGER8設定その12 – アミアンインターナショナル
  13. jetpack関連記事とwordpress関連記事タイトルの修飾 ⇒ STINGER8設定その13 – アミアンインターナショナル
  14. ページで 100%幅表示を可能にする ⇒ STINGER8設定その14 – アミアンインターナショナル
  15. おまけ:wordpress設定手順を公開してみて ⇒ STINGER8設定その15 – アミアンインターナショナル

-CMS, css, javascript, php, SEO, コンテンツ, ブラウザ, 新着情報
-, ,

執筆者:

関連記事

アイキャッチ画像を追加する

アイキャッチ画像を表示させる ⇒ STINGER8設定その6

アイキャッチ画像が表示されない STINGER8では投稿ページにアイキャッチ画像が表示されない。 ちょっと寂しいので、アイキャッチ画像が表示されるようにしてみよう。 single.phpを変える 投稿 …

iPhone OS 4の「iAd」はモバイル広告を変えるか?

Amplify’d from ascii.jp AppleのiAd広告配信、電通が日本で展開へ iPhone OS 4の「iAd」はモバイル広告を変えるか? アップルが2010年初頭、モバイル広告の米 …

MacBook Pro with Retina Display

MacBook Pro with Retina Displayを設定した3日の戦い

MacBook Pro with Retina Display MacBook Pro with Retina Displayを購入した。 macでは実に4年ぶりとなるリプレイスで、今回初めてtime …

フェイスブック

facebookのファンページを作りました

先日、宮松さんとお会いしたときに「facebookのファンページをすぐ作るべきだ」とご指摘いただき、さっそく作成した。 と言いつつファンページは以前から作ってはいたのだが、FBMLとか面倒くさそうで放 …

domo Todo+

iPhoneの神アプリをおすすめ【3】domo Todo+

私のiPhoneのホーム画面1画面目に鎮座する神アプリを紹介するシリーズ。 1画面目のヘビーに使い込んでいるiPhoneアプリ 第3回目は、domo Todo+を紹介する。 domo Todo+ do …