このサイトでやってるStinger5のカスタマイズについてのまとめ

Stinger5のカスタマイズに関しては、ありがたいことに多数のサイト様で記事がUPされています。

そういったサイト様を参考にさせていただきました。

カスタマイザーで変更したこと

Stinger5では、カスタマイザーを使ってデザインの変更ができるようになっています。

背景色やテーマカラーの変更などがかんたんに行えるので、とても便利です＾＾

カスタマイザーから変更できるのは、

• ロゴ画像
• サイトタイトルとキャッチフレーズ
• 基本色（キーカラー）
• 色（背景色）
• ヘッダー画像
• 背景画像
• ナビゲーション
• ウィジェット
• 固定フロントページ

となっていて、ほとんどの設定はここでできてしまいます。

赤色が変更した項目です。

スタイルシート（CSS）で変更したこと

CSSでさまざまな表現が実現できます。

• ナビメニューをグローバルナビメニュー表示
• サイドバーの「NEW POST」の表示を変更　「NEW POST」はサイドバーからはずしました。
• 人気の記事の表示をNEW POSTと揃える
• サイトのキャッチフレーズ、記事タイトルに影をつける
• 画像に影をつける
• TOPページの記事一覧内にアドセンス広告を表示させる
• SNSボタンの表示の変更
• リンクに動きをつける
• アイコンフォントの導入（メニュー・ウィジェット・記事内）
• ｈ2～4タグのデザイン変更

ほかにももっと細々といじりたいところがありますが、まだまだCSSの勉強中です。
楽しみながらいろんなことを試してみたいと思っています。

ウィジェットを追加

ウィジェットをサイドバーだけでなく、フッターを3カラムにして3つと、
記事本文の上下にも差し込みできるように、合計5つ追加しました。

これは、「functions.php」を触るので、ちょっとだけ慎重に（笑）

ヘタすると画面真っ白！ぎゃあ～～／(^o^)＼ﾅﾝﾃｺｯﾀｲってことになっちゃいますからねｗ

プラグインを使って使いやすく楽しいサイトに

わたしはWEBサイトは、役に立つ情報があるのはもちろん重要なことですが、
デザインも非常に重要な要素だと考えます。

見て楽しく、遊びや驚きを覚えるもの、そういうものを自分のサイトに盛り込みたいと思っています。

インストールしているプラグイン

Meta Slider　：スライダーを設置して動きのあるコンテンツを作成

WP-Cirrus　：タグクラウドを動きのある3Dで表現

WordPress Popular Posts　：人気の記事をサイドバーに表示

Favicon Rotator　：ブラウザのファビコンとスマホやタブレットのタッチアイコンを表示

Font Awesome Icons　：アイコンフォントをビジュアルエディターに組み込む

Font Awesome 4 Menus　：メニューにアイコンフォントを表示

Widget Icon　：ウィジェットのタイトルにアイコンフォントを表示

Table of Contents Plus　：記事の目次を作成

Display Widgets　：ウィジェットごとに表示・非表示の設定

EZ zenback　：各種コードを記事内に挿入できる

Quick Adsense　：アドセンスをはじめ、アフィリエイトコードを任意の場所に設定できる

表示や表現に関するプラグインは以上です。

その他にもセキュリティーやサイト運営に必要なプラグインも多数あります。

プラグインは便利ですが、多用し過ぎるとサイトの表示が重くなったり、
CSSやJavaScriptの重複ほか、プラグイン同士の干渉などでうまく機能しなくなることもあります。
やみくもにインストールするのではなく、必要なものだけを選択するのがベストですね。

と、むやみにプラグインを入れてるわたしが言ってもなんの説得力もありませんが＾＾；

ブログパーツの導入

ヨメレバ、カエレバ　：Amazon・楽天・A8・もしも　等のアフィリリンクを簡単に取得して表示できる

WEB RING　：相互リンクでアクセスアップできるかも？＾＾；参加者募集中です。

ブログランキング

Twitter　：TLの表示

Facebookページ　：いいね！の表示

ブログやサイトのアクセントにもなる便利なブログパーツがいろいろあります。
自分のサイトにあったものを探して設置してみるのも楽しいですね。
もしかしたら、アクセスアップにつながるかもしれません＾＾

あわせて読みたい

WordPressレッスンブック HTML5&CSS準拠

posted with ヨメレバ

エビスコム ソシム 2014-06-18

Amazon

Kindle

楽天ブックス

 
 
※　ヨメレバカエレバは、AmazonJsというプラグインがStinger5は読み込めなかったので導入しましたが、 現在テーマを変更したため、AmazonJsが使えるようになりました。
 
ですので、こちら↓　↓　↓を使うようにしてます。
 
[amazonjs asin=”4897978858″ locale=”JP” title=”いきなりはじめるPHP~ワクワク・ドキドキの入門教室~”]
 
 

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

サトシオ

WEBデザインとかアフィリエイトとかやってます。 3度のメシよりWEBが好きです。気が付けばネット歴20年ｗ 月間に読むコミックスの量ならだれにも負けない自信があります！　←ジマンになってないｗｗｗ 兵庫県在住・人妻・主婦・2児（といってももうデカいよ）の母・8匹の猫飼い

最新記事 by サトシオ (全て見る)

• 丹波の黒大豆の枝豆をタジンで調理してみた -
• 【簡単手作り】　シャキシャキした食感が楽しい「れんこんハンバーグ」レシピ -
• ぶどうパンを焼いてみた【レシピ】 -
• お中元をそろそろ考えないと -
• 内職したことありますか？ -