見出しのデザイン

スポンサーリンク

見出しデザインのカスタマイズですがやっと成功したようです。これまで何度サイトなどからコピペして試しても上手くいかなかったんですが、とあるサイトのツールを使用することで上手くできました。

何度も失敗しながらやっと上手く出来た方法ですけど

1.AddQuicktagとSimple Custom CSSをインストールする

プラグインからこの2つをインストールします。

HTMLとかCSSを直接弄らなくてもこのプラグインがあれば見出しをおしゃれに変更できるみたいです。詳しい原理などは知りませんけど…

2.見出しのCSSジェネレーターで好みのデザインを選ぶ

たくさんあるサイトを参考にした結果、僕がやっと成功したサイトは『WEB道』になります。こちらの見出し(リボン・吹き出しなど)のCSSジェネレーターで好きな見出しの種類や色を変更し、変換されたコードをHTMLはAddQuicktagに張り付け、CSSはSimple Custom CSSへと張り付けることでおしゃれな見出しにすることができました。

3.これまでの失敗の原因は?

これまでもAddQuicktagとSimple Customを用いた方法は色んなサイトで紹介されていましたが、その通りやってもなぜかただのh3の見出しにしかならなかったんですが自分でもよく分かりません。『WEB道』でジェネレートしたコードでは成功したので、他のサイトではただコピペするだけでは使えないようになっているのかな?ちゃんと理解していない初心者ですがとりあえず何とか目的は達せました。

 

4.JUGEMやはてなブログなどはよく出来ているね

WordPressはカスタマイズが豊富ですが、その分知識も必要です。が無料で使用できるブログサービスは制限はありますがその分簡単にデザインを変更出来たり、広告やウイジェットを張り付けることが出来ます。最初はJUGEMUですら使いこなせない僕ですが、4か月でWordPressに移行した暴挙に出たわけですが結論から言えば何とかなるみたいです。無料ブログでは不可能なこともWordPressでは出来ちゃいますから、無料ブログの有料プランを使っている方はWordPressに移行した方がお得かもです。

 

にほんブログ村

 

人気ブログランキング

スポンサーリンク