トップページを2列(2段組み)にしました

シェアする

ウェブサイトレイアウト変更

11月からHTMLとCSSをボチボチ学んでいますが・・・

ウェブサイトのレイアウト変更をやってみました。

1.見出しのHタグをおしゃれに

ウェブサイト hタグ変更

ウェブサイトが地味で、色味がなかったので・・・

Hタグを変更し、ちょっと色味をつけました。

下のタグはネットで拾ったものでしたが、上の2本線にはたくさんの時間を使いました。

疑似要素というテクニックを使うようで・・・これで半日使いました。

2.トップページを2段組みに

ウェブサイト 2段組み

売れてるサイトはトップページが2段になっている2段組みになっていることが多いです。

そんなカッコいいトップにしたいと思い・・・

ワードプレスのプラグインを使って実現しました。

WP Canvas - Shortcodes

WP Canvas – Shortcodes

これでサイトのトップページが整理されて見やすくなりました。

少しはアクセスアップになるかな?

▼ネット副業.com
ネット副業.comバナー

それよりも自分のモチベーションが上がるので、こういったウェブデザインもちょこちょこやって行きたいと思います。



人気ブログランキング バナー    ブログ村 バナー
皆さんの応援のおかげでこのブログは成り立っています。
今日もクリックありがとうございます!
スポンサーリンク
広告
広告

シェアする

フォローする

スポンサーリンク
広告