初心者にも使いやすいツールランキング
1位 第一位はバナープラスです。 なんといっても使いやすい。難しい操作は一切なし。 あらかじめ用意されたパーツを組み合わせるだけなので、 初心者の方でも簡単にそして綺麗にバナーやヘッダー画像が作れます。 これを持っておくとオリジナルのものが作れるのでサイト作成の幅が広がりますよ。 ちなみにこのサイトのバナーは全てバナープラスで作っています。
2位 第二位はシリウスです。 シリウスには初心者の方でも簡単に使えるように初心者モードというものがあります。 それにHTMLやCSSの知識がなくても誰にでも簡単に綺麗なHTMLサイトが作れます。 SIRIUS上位版を購入すればスマホサイトも自動で作ってくれます。 手軽さ使い勝手を考えるとバランスの良いツールだと言えます。
3位 第三位は賢威です。 賢威はSEOマニュアルが付いていたり、上位表示されやすいというメリットがあります。 でも、初心者の方が簡単に使えるのかというと、そうではありません。 賢威を使うためには、やはり最低限のHTMLやCSSの知識が必要となります。 今回のランキングは初心者の方にも使いやすいのかというテーマなので、 どうしてもこの順位になってしまいます。でも、賢威は良いツールですよ。

賢威のカスタマイズ|本文の見出しの色の変え方

先日までに賢威6.2のワードプレステンプレートで、

h2やサイドバーの見出しの色の変え方をお伝えしました。

でも、前回までの記事では、本文のh3、h4、h5の色の変え方は書いておりません。

そこで今日は本文のh3、h4、h5の色の変え方を書いてみたいと思います。


今回の記事で賢威のカスタマイズもある程度出来ると思います。

色を変えるだけでも見た目は変わりますので、

賢威をデフォルトのままで使っている方は、

簡単ですので一度試してみて下さいね。

※今回の方法も賢威6.2のコーポレート版での方法です。

賢威7や他のテンプレートでは、

CSSの記述や場所が変わっている可能性がありますのでご注意下さい。


まず、賢威のデフォルトの本文の見出しはこんな感じです。


kennihonbun4

これだとちょっと見た目が寂しいですよね。

そこでこの部分を変えていきたいと思います。


kenirebyu4

変え方は前回と同じ手順で外観⇒テーマの編集を順に選びます。

するとテーマの編集画面になります。


kenih27

画面右側にあるファイルの中からdesign.cssをクリックします。

design.cssを開き本文のh3、h4、h5のコードを見てみるとこんな感じになっています。


kennihonbun1


kennihonbun2


kennihonbun3

それではこの部分のコードを変えていきます。


kennihonbun5

まずh3は赤で囲ったコードを/* */(半角)を使って無効にしていきます。

これは部分的にすぐに元に戻せるようにするためです。

もちろん削除してもかまいません。

青で囲ったコードを追加していきます。


前回のh2と同様に左にワンポイントの色を設定し背景の色を設定します。

背景に色を設定したので文字の色は白を指定します。


kennihonbun6

次にh4は赤で囲ったコードを追加します。

ここでは背景を濃いグレーに指定し、文字の色を白にします。


kennihonbun7

h5は赤で囲った部分を無効にして、青で囲ったコードを追加します。

背景を指定するのですが、これだけだと背景と文字の中心がズレて見えますので、

上に4pxの幅で同じ色の線を指定します。

こうすると背景と文字のセンターが揃って見た目も良いです。

文字の色は白を指定し、ファイルを更新をクリックします。

これでコードの書き換えは終了です。

プレビューで見てみると、


kennihonbun8

このように本文の見出しを変えることが出来ました。

今回はこのような色にしてみましたが、

色コードを変えることで好きな色に指定することが出来ます。


見出しの使い方は、h3の場合は<h3>文字列</h3>で使います。

h4やh5は上のh3をそれぞれに変えることで使う事ができます。


賢威のテンプレートをデフォルトで使っている方は、

他の方との差別化のためにも是非挑戦してみて下さいね。

そんなに難しくはありませんよ。


賢威のレビューはこちらからどうぞ。

kenirebyubotan



ブログランキングに参加しています。

このブログの気になるランキングは下のバナーをクリックすると確認できますよ。

結構いいところにいます。

宜しければ応援お願いします。

にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

Googleアドセンスで

月に3万円稼げるようになりました。

Googleアドセンスで

月に3万円稼いだ方法は

下のバナーをクリックして読んで下さい。




コメントを残す

CAPTCHA


にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

このページの先頭へ