Jimdoのカスタマイズや+α をする方法 

初心者向け★簡単にちょっとカッコ良くなる方法

 

趣味としてこのサイトも作っているレベルなので、ものすごくカッコよくする方法や難しい技を使う方法は解りません。

 

が、初心者でもできるちょっと取り入れてみたくなる技をご紹介します!

 

※あくまでネット上で調べてみたまとめです。各サイトの制作者の方に著作権があり、変更などがあり不具合が起きても責任はとれません。

個人的に″いいな”と思ったものを共有したいなという思いで″紹介”しています。

 

1.見出しの背景に色をつける

↑まさにこんな感じです。このサイトでは、「見出し1」だけこの方法を使用しています。

 

jimdo ジンドゥー 見出しに背景をつける
ページ右側の歯車マーク「設定」を開き、その中の「ヘッダー部分を編集」をクリックする
開いた画面の枠の中に下のコードをコピーして貼り付け、「保存」をクリックすれば完了!

↓下のコードをコピーして貼り付ける

 

<style type="text/css">

/*<![CDATA[*/

 

h1 {
  background: #d2b48c;
  padding: 2px
}

 

/*]]>*/
</style>

ジンドゥー コピペで見出しに背景をつける

上のコードの中の赤い文字を変えると、それぞれ背景の色と帯の幅が変えられます。

 

#d2b48c → 文字の色(色見本はこちら)

2px → 見出しの帯の幅

 

ちなみに、上記のままだとこのサイトと同じようになります。

「見出し1」の文字自体の色は「白」にしています。

見出しの文字の色を変更する

 

2.ヘッダーのタイトル文字を一部分だけ変える

 

Jimdo(ジンドゥー)はとても簡単で、色々なことができて、楽しくて、しかも無料で・・などなど良いところばかりですが、管理人もちょっと惜しいと思っていたのが、

そう、ページのタイトル部分です!

 

普通にタイトルを設定すると

 

Jimdo ジンドゥー タイトルの文字

 

こんな感じになりますよね。

シンプルで解りやすいですが、もうちょっと一ひねりしたいな~という感じです。

ネットで調べていたら、何とここもカスタマイズ出来ちゃうようです!!

 

jimdo ジンドゥー タイトル文字を変える

 

こんな感じです♪♪実際にジンドゥーでホームページを作られている方はこの画期的な感動が分かる方も多いのではないでしょうか?!

 

この場合も、上記1.2.と同様に「設定」→「ヘッダー部分を編集」→下記のコードを貼りつけて→「保存」で完成です。

 

※下記のコードは一行目(上の行)の文字を変えるものです

 

<style type="text/css">
/*<![CDATA[*/
 

#emotion-header-title:first-line{

    font-size:45%;

    color:#ccff99;

    font-family:富士ポップ;

}

/*]]>*/
</style>

 

ジンドゥー タイトルの文字を一部分だけ変える

上の色の付いた部分を変えるとそれぞれサイズ、色、フォントの種類を変更できます。

 

※変えたくないものはその一行を消しちゃってください。

・font-size:45%;  → 文字の大きさ

 (下の行(元のサイズ)を100%として考える)

 

・color:#ccff99; → 文字の色

 こちらの色見本を参考にすると解りやすいです)

 

・font-family:富士ポップ; → 文字フォントの種類

 (「フォントの種類を変える」もご参考ください)

 

 

 

 

↓↓下のフォームから今すぐJimdoに登録できます♪

Jimdoの登録

このサイトは完全無料

で作成されています。

難しい知識も一切不要

 

あなたのサイトも

今すぐ出来ます!

ジンドゥー

ジンドゥーに登録しよう!

書籍紹介

Jimdo 本 無料で作るホームページ

見た目にこだわる Jimdo入門

中古価格
¥4,200から
(2019/3/25 22:40時点)

jimdo スタイル