Jimdoコンテンツ部分にオリジナルタイトルを作る

Language

Jimdoコンテンツ部分にオリジナルタイトルを作る

前回、文字の周りに枠を付け、おしゃれに見やすくするような手法をお伝えさせていただきました。

これは、HTMLとCSSを書くことで実現しました。

今回もHTMLとCSSを書く手法を使って、オリジナルのタイトルバーを作成したいと思います。

基本的にはタグをコピー、ペーストして使えるようにしています。

もちろん、改良して良くしていくのもOKです。

上にあるのがJimdoの見出しボタンで作れる見出しです。

下にあるのがオリジナルで作成した見出しです。 Jimdo タイトルバー

まずはウィジットボタンを押します。 Jimdo ウィジット

（下記のタグをコピー・ペーストします。）

タグをウィンドウの中にペーストします。 Jimdo ウィジット

タグの解説を掲載させていただきます。 Jimdo HTML

１．border: 1px

borderで文字の周りに枠を作っています。
「1px」は線の太さを指定しています。

２．solid grey

線の種類を選択できます。solid以外にも2本の線、doubleなど、色々な種類があります。

こちらのページに種類が載っています。

http://www.w3schools.com/css/css_border.asp

grey = 色を指定します。

こちらのカラーチャートから選択できます。

http://www.tagindex.com/color/color_name.html

３．padding: 8px

文字からタイトル枠までの距離を指定できます。

４．background-color:#7e7eff;

タイトルのバックの色を設定しています。

今回はブルーにしています。

５．color:white;font-weight:bold;font-size:30px;

この部分はタイトルに書かれている文字の色、太さ、大きさを指定しています。

color:white = 白色

font-weight:bold = 太文字

font-size:30px = 文字の大きさ

見出しはホームページをのコンテンツを読んでいく上でとても大切な部分です。

新聞でもまず、見出しから読んでいきます。

この見出しを目立たせるような作りをしていくのも、ユーザーの興味をそそる一つの方法です。

Jimdoコンテンツ部分にオリジナルタイトルを作る

最新 Jimdo 記事 !

最新お知らせ !

Jimdoコンテンツ部分にオリジナルタイトルを作る

最新 Jimdo 記事 !

最新 お知らせ !

最新お知らせ !