中級向け・HTML/CSSの編集

中級向け・ヘッダー編集を使う

以下、紹介する内容は「ヘッダー編集」への記述し、もう一歩ランクアップのカスタマイズを可能にする中級者向けです。

ただし、記述を誤るとホームページ全体のレイアウトに影響が発生する可能性があります。ご注意の上、自己責任でご利用ください。

 

◎「(コンテンツの)HTML編集」と「ヘッダー編集」へのCSS記述の違いをざっくりと。

 

「HTML編集」でCSSを設定する→ その箇所だけが反映される

「ヘッダー編集」でCSSを設定する → 複数箇所まとめて反映することが可能。

ヘッダー編集箇所

準備)style宣言

「管理メニュー」→「基本設定」→「ヘッダー編集」に、style(css)を使いますよ、という宣言を書きます。

 

<style>

ここに書きます。

</style>

 

 

※保存すると、赤字のコードが自動的に表示されますが、問題ありません。

<style>
/* <![CDATA[ */

/*]]>*/
</style>

こんなことができます。

▼普通に設定すると罫線が太め。

▼すっきり本来の太さで表示される。

朗報:ジンドゥーのカスタマイズの本がでるそうです!

ジンドゥークリエイター 仕事の現場で使える!

カスタマイズとデザイン教科書 (日本語)

発売日:2020/1/20