使い方
html5です。カスタマイズはどうぞご自由に。カスタマイズの有無に関わらずサポートはしていません。PC/タブレット/スマホ向け、PC編集者向け。html&css初心者には不向きです。ガラケーは未確認、スタイルシート多用しています、おすすめできません。
動作確認
Win7 (GoogleChrome/IE) iPhone6(GoogleChrome,Safari,デコブラウザ) 各端末OS、ブラウザともにバージョンは最新版。端末・ブラウザの違いによるデザイン崩れは想定していません。改行について
”ホムペ設定”⇒”その他共通設定”の”改行を<br>に変換して表示”を「しない」フォントについて
テンプレート公開時に<HEAD>の<link>が消えてしまうのを避けるため、外部スタイルシートはすべて@importしています。ヘッダー、見出し
OPENFONTLIBRARYのCDNフォントを使用しています。OPENFONTLIBRARYはアイコンフォントも充実していますが、表示されるまで数秒かかってしまいます。ヘッダーのアクセントに使っている「A」もフォントです。文字が限られていますが他のアルファベットもありますので、カスタムしてください。
OPENFONTLIBRARY『EB GARAMOND』https://fontlibrary.org/en/font/eb-garamond
アイコン
アイコンにはFont Awesome フォントを使用しています。一覧は下記サイトで参照できます。
『Font Awesome』http://fortawesome.github.io/Font-Awesome/icons/クラス指定
class="en"
<h2 class="en"></h2>
など、要素にclass="en"をつけると英語は
EB Garamondに。日本語は
明朝体になります。
class="bg1"
<div class="bg1"></div>
など、要素にclass="bg1"をつけると灰と白の斜めストライプ背景になります。※つけなくても既に指定している要素があります。
class="bg2"
<div class="bg2"></div>
など、要素にclass="bg2"をつけると濃灰と黒の斜めストライプ背景になります。※つけなくても既に指定している要素があります。