WordPress無料テーマ「Simplicity2」カスタマイズ備忘録

思い立ったときにカスタマイズ記事をポストしている”もも吉”(@h_momokichi)です。
記事も書かずに夜な夜なこそこそとカスタマイズしていましたのでとりあえずここまでの備忘録です。

後からカスタマイズの記事を足していたりするのでちょっと読みにくいかも知れませんがあしからず(^^;

テーマSimplicity2」です。
このサイトは、月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』で運営中です。

スポンサーリンク

カスタマイズ

とはいえ、色々なサイトのカスタマイズを参考にさせて頂いたので正直オリジナリティーはあまり無いかも知れませんのであしからず(^^;

グローバルメニュー

当サイトは「Simplicity2」を利用させてもらっています。別サイトでも「Simplicity」1系を利用させてもらっているので基本サイ...

WordPressテーマ「Simplicity2」のグローバルメニューをカスタマイズしてみた
見てね 詳しくはこの記事を参考にして下さい。

メインカラムとサイドバーの枠線を消す

xm-21

僕は消しましたが、この辺はお好みでカスタマイズしてください。

記事一覧サムネイル画像サイズ変更

ウチの嫁は今頃花粉症で鼻水がダァ~状態です。そんな嫁にティッシュを配給しているもも吉(@h_momokichi)です。 今頃はイネ科の...

サムネイル画像にエフェクト

xm-20

オンマウスで画像が薄いグレーにエフェクトします。(現在は使っていませんw)

参考 WordPressテーマ「Simplicity」をカスタマイズする19のポイント

記事を読む

xm-22

背景に色を入れて右側(デフォルト:左)に設定しました。また、Font Awesomeでアイコン(f058)を付けています

デフォルトの位置がお好みの場合は「float: right;」を削除してください。
参考 Simplicityの「記事を読む」リンクの体裁を変更しました

記事内の見出し

デフォルトでも十分ですが、見出し一つでサイトイメージが大分変わる事があります。お好みやサイトイメージを考慮して見出しデザインを変えてみて下さい。

以下は僕のサイトの見出しとなります。

見出しh2

見出しh3

見出しh4

サイドバー見出し

あれあれ見出しh4と同じだ。いえいえ「border-left: 8px」になっていますよ(^^;←変えろよ)
参考 シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50

タグクラウド

タグクラウドに背景色を付けて文字先頭にアイコン「Font Awesome」を付けてみます。

xm-27

文字の大きさや背景色等はお好みで変えて下さい。
参考 STINGER7:タグクラウドのデザインをカスタマイズする方法【サイドバーウィジェット】

TOPへ戻るボタン

自作ボタンを設定しました。
「カスタマイズ」>「レイアウト(全体・リスト)」>「トップへ戻るボタンに画像を指定で編集可能です。
自作したボタンはこれです。→ xm-18

生成サイト Button Makerで作りました。って、これくらいなら自作できますねww

カテゴリー

ウチの愛犬真っ黒黒助のミニチュアダックスが祝14歳になりました。白い物もチラホラ混ざって来ましたがまだまだ元気いっぱい。もも吉(@h_mom...

ヘッダー下カテゴリーボックス

久々にカスタマイズネタで更新の”もも吉”(@h_momokichi)です。 ちょっと前になりますが、別サイトで実装している「ヘッダー/...

まとめ

もう少し細かいカスタマイズはしていますが、大まかにこんな感じです。個々のサイトで利用される場合は適時「style.css」で調整してください。

やっと記事数”3”になったぞw(´ω'/)w

この記事が気に入ったら
いいね!しよう

Twitter で

コメント

  1. サイドに設置するタグクラウドのカスタマイズ! より:

    […] WordPress無料テーマ「Simplicity2」カスタマイズ備忘録未だ記事数”2”のもも吉(@h_momokichi)です。記事も書かずに夜な夜なこそこそとカスタマイズしていましたのでとりあえずここまでの備 […]

  2. 【WordPress】サイドに設置するタグクラウドのカスタマイズ! – WOOD YGG (TKU log) より:

    […] https://momoura.com/simplicity2-customize […]

  3. サイドに設置するタグクラウドのカスタマイズ! – TKUサンプル より:

    […] 参考サイト様は、 https://momoura.com/simplicity2-customize http://web-ashibi.net/archives/660 まだまだ変更していきます。 […]

  4. […] WordPress無料テーマ「Simplicity2」カスタマイズ備忘録未だ記事数”2”のもも吉(@h_momokichi)です。記事も書かずに夜な夜なこそこそとカスタマイズしていましたのでとりあえずここまでの備忘録です。後からカスタマイズの記事を足していたりするのでちょっと読みにくいかも知れませんがあしからずmomoura.com STINGER7:タグクラウドのデザインをカスタマイズする方法【サイドバーウィジェット】今回はSTINGER7のサイドバーウィジェットで表示する「タグクラウド」のカスタ … web-ashibi.net […]