【実録】Jimdoでサイト構築 · 09日 2月 2021

jimdoでCSSによるデザイン-基礎①

こんにちは中小企業診断士、ストリートコンサルタントのCyphs（サイフス）です。

Blogを更新して3か月が経ちました。

デザインはほぼ無視で、キーワードやBlogの文章量に特化した展開をしてきましたが、文章が長くなれば長くなるほど、見づらくなってしまいました。

そこでそろそろデザインにも目を向けなければいけないと思いjimdoにおいてスタイルシートを調整することにしました。

CSSを反映させるためには

単純な作業ですが、まずはスタイルシートを反映させなければなりません。

<style type="text/css">

/*<![CDATA[*/

この部分にCSSを記載できます。

PであればP{　　}、ｈであればｈ｛　　｝で囲みます。

また、個別指定のdivであれば.div｛　　｝で囲むことでデザインを変更することが可能です。

/*]]>*/

</style>

このスタイルシートの変更コードを入力しましょう。

これでデザイン変更ができますので。

ヘッダー編集に赤枠のように差し込めば、h1、p等の個別設定が可能となります。

また、HTML側にClass、divを設定することで、範囲をより絞った編集が可能となります。

なお、jimdoでは基本となるスタイルシートの影響が強いため、CSSが反応しない場合もありますのでご注意ください。

SEOに影響があるわけではありませんが、サイト流入後の滞在時間に影響を与えますので、段々と修正をかけていくことにします。

コメント: 0