blog_h9

ホームページ制作

Jimdoのホームページ制作でページごとにデザインを変える場合

2016/08/02

Jimdoではひとつのホームページにはひとつのテンプレートしか設定できません。独自レイアウトを駆使すればなんとか出来るのかも知れませんが、基本的にはページごとにテンプレートを変更することはできません。しかし、ヘッダー画像や背景画像などを各ページで変更することはそれほど難しくありません。それ位の変更の方がホームページ全体としてはまとまりがあって良いのではないでしょうか。

Jimdoでは各ページごとにページidが設定されています。よって、各ページのidごとにヘッダー画像や背景画像にcssで指定すればページごとに切り換えることが可能です。

ページidは各ページのソースを表示させることでわかります。
ホームページの内容にもよりますが、ソースを表示させると、最初は<link><meta><script>などがずらずらと記述されていますが、それらが</head>で括られたすぐ下あたりに例えば以下のように記述されています。

<body class="body cc-page cc-pagemode-overlay cc-content-parent" id="page-123456789">

この場合はページidがpage-123456789となり、このページの背景に画像を設定する場合は以下のようにします。
背景画像のsample.jpgはJimdoにアップロードしておく必要があります。

#page-123456789 #content {background-imageurl(sample.jpg);}

同様に他のページでもページidを取得すれば、ページごとにデザインを変更することが可能です。

-ホームページ制作
-, ,

pick up

blog_h8 1
Jimdoの旧レイアウトでボタン機能のデザイン変更

いつの間にかJimdoにボタン機能が追加されていました。とても便利な機能ですが、 ...

blog_h11 2
Jimdoでトップページのブログ表示をデザインする

Jimdoの「ブログ表示」はとても便利な機能ですが、ホームページ内で使用する場合 ...

blog_h9 3
Jimdoのホームページ制作でページごとにデザインを変える場合

Jimdoではひとつのホームページにはひとつのテンプレートしか設定できません。独 ...