Web Shakehands
Web Shakehands

Language


Jimdoページに3Dタイトルを導入する


今回はJimdoの大見出しを3D風の文字にしていきたいと思います。

3D タイトル Jimdo

見出しを立体的にすることで、一目でこれから伝えたいことを知らせることが出来、ユーザーをホームページから離脱させないためにも重要な部分となります。

CSSの部分にタグをコピー、ペーストするだけですので大変便利です。

では、早速導入してみましょう。



右のメニュー部分「レイアウト」をクリックします。

3D タイトル Jimdo

「独自レイアウト」をクリックします。

独自レイアウト Jimdo

「CSS」のタブをクリック、開いた中に下記のタグを導入します。

CSSタブ Jimdo



これで、大見出しを作成すると、このようにタイトルが立体的に表示されます。

大見出し Jimdo

また、文字の大きさや、文字の色を変更する場合には下記のように変更します。

ソースコード Jimdo

1. font-size: 60px
文字のサイズを変更します。

2. color: #eee
文字の色を変更します。

例:color:red なら 赤色に変わります。

こちらのカラーチャートから色を選ぶことが出来ます。

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

コピー・ペーストで簡単に設置出来るこの3Dタイトル。色や文字サイズもシンプルに変更できます。

今回は3Dタイトルを導入する方法をお伝えさせていただきました。

このエントリーをはてなブックマークに追加


最新 Jimdo 記事 !

2017 1/26 Jimdoのそれぞれのページに違うメイン画像を設定する


2017 1/12 メイン画像の重要性 Jimdo版


2016 12/22 他社で取得したオリジナルドメインをJimdoで利用する方法


2016 11/09 Jimdoページに3Dタイトルを導入する


2016 09/30 Jimdoのナビゲーション部分にオリジナルアイコンを付ける


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


2016 08/18 Jimdoのコンテンツ文字部分に枠を付ける


2016 08/03 オリジナルドメインを取得する


2016 07/07 「グーグルアナリティクス」を使ってユーザーのアクセス解析を行う


2016 06/23 「Tokyo」Jimdoの新テンプレート


2016 05/12 Jimdoトップページに掲載する10のコンテンツ


2016 05/02 Q&A Jimdo ページを作成しました


E-mail を入力するだけで、あなたのHPを作るための
ノウハウメールマガジンを無料でお届けします
E-mail:
  

上部へ