【保存版】Stinger7カスタマイズまとめ

   

【保存版】Stinger7カスタマイズまとめ

@yuichico_です。SEOが強くレスポンシブ、そして無料日本国産WordpressテーマのStinger7ですが、カスタマイズしているとどうしてもこれがわからない!これどうやってやるんだ。という疑問がでてきます。そんな悩みをいちいち検索するのが、面倒なのでここに詳しく一覧として掲載します。

スポンサードリンク

ダウンロードとインストール

リンク Stinger7親テーマと子テーマのダウンロードとインストールのやり方

子テーマの重要性を見てください。

子テーマへアップロード

リンク Stinger7で特定の親テーマのファイルを子テーマへアップロードする方法

Stinger7をカスタマイズする際に、必ず子テーマへファイルをアップロードしましょう。割愛しますが、アップロードしないと、あとあと面倒です。

ヘッダー

リンク 【Stinger7】ヘッダー画像上のブログタイトル文字をグーグルフォントでカスタマイズ

Google Fontsを使う事によってさまざまなメリットがあります。タイトルフォントをオシャレにしましょう。

メニューバー

リンク 【Stinger7】メニューバーにFontawesomeを入れる簡単な方法

Fontawesomeのアイコンを入れることで他のブログとは違った一面が、表れます。

メイン

タイトル上に投稿時間を

リンク 【Stinger7】トップページの抜粋文字をなくしてタイトルの上に投稿時間をつける方法

抜粋文字、カテゴリ、タグをなくして投稿時間を付けることにより訪問者は、投稿してどれだけ古い記事なのか、新しい記事なのかを判断できるようにします。

外枠をシンプルに

リンク 【Stinger7】外枠メインの色をカスタマイズする簡単な方法

外枠を薄い灰色で装飾することで、他とは一味違うカスタマイズになります。

抜粋文字をなくす

リンク 【Stinger7】関連記事とNEWPOSTの抜粋文字をなくしてタイトル上に投稿時間をカスタマイズ

抜粋文字をなくすことでバランスよく表示されます。タイトルがあれば十分ですので、カスタマイズしてみてください。

見出しをカッコよく

リンク 【コピペでOK】Stinger7見出しh2、h3、h4、をカスタマイズ

記事本文を読むにあたり、かならずサイト訪問者が見る見出しです。

パンくずリストをシンプルに

リンク 簡単!Stinger7でパンくずリストをコピペでカスタマイズ

SEOにかかわる非常に大事なところです。見栄えが良くなります。

トップへ戻るボタン

リンク 【Stinger7】右下のトップへ戻るボタンに5種類のアイコンを入れてみた

サイト訪問者にとってはとても便利な機能ですので、カスタマイズしましょう。

SNSシェアボタン

リンク 【Stinger7】記事下のSNSシェアボタンをオリジナルにカスタマイズする方法

少しの手間で一気にシェアボタンの風貌が変わります。幅を大きくしてPCでは縦6列横1列に、スマホでは縦3列横2列にして、表示しました。

右サイドバー

それぞれ凝ったカスタマイズをしました。右サイドバーは、サイト訪問者にとって重要です。

統一感のあるように

リンク 【Stinger7】右サイドバーのNEWPOSTと人気記事を統一感のあるデザインにする4つの手順

NEW POSTと人気記事の文字や画像サイズが同じになるのかが、書いてあります。

プロフィールをカッコよく

リンク 【Stinger7】右サイドバーでプロフィールをカッコよく表示させる方法

プロフィール左上に小さく自分の画像を設置してその横にプロフィール文章を。その下に自分のHPへのリンクとメールアドレスを明記しました。

見出しをオシャレに

リンク Stinger7の右サイドバー見出しをコピペでオシャレにカスタマイズ

見出しの文字左に丸い円形状のようなものをCSSでカスタマイズしました。

タグクラウドにアイコンを

リンク 【Stinger7】右サイドバーのタグクラウドの文字左にアイコンをカスタマイズ

タグ文字左にFontawesomeでアイコンを装飾しました。

フォローボタンを設置

リンク 【Stinger7】右サイドバーにSNSフォローボタンを簡単に設置するカスタマイズ

Twitter, Facebook, Google+, feedly(rss)のアイコンをリンクと同時に設置しました。

フッター

リンク 【Stinger7】フッターの固定ページとコピーライトを削除する2つのカスタマイズ

固定ページと All Rights Reserved.powerd by STINGER というコピーライトの文字を削除しました。

グーグルアドセンス

リンク グーグルアドセンスの審査に通過する前に実践した7つのこと

審査をする前の内部リンク、外部リンク、文字数、記事数、画像、プロフィールから設置までまとめました。

グーグルアナリティクス

リンク Stinger7でグーグルアナリティクスを設定してみよう

さまざまなWeb分析ができるアナリティクスを簡単に設定しましょう。

まとめ

カスタマイズすると、なぜかわかりませんが、もっとこうしたい!これをこうすればカッコよくなる!といった欲が出てしまいます。カスタマイズできたときの喜びは、他では表せられない、なんとも言えない喜びです。まだ、まとめとしては完璧ではないですので、またカスタマイズしたら追記で、掲載したいと思います。参考にしてみてください。

シェアしていただけると助かります。

 - Stinger7, カスタマイズ ,