EddyK12

EddyKが追加した独自テーマでテーマを指定したページのみ指定が可能となるヘッダータイプ

ヘッダーの背景色、ボーダー色が独自のものの他、大きい画面での横並び配置を可能としています。

EddyK12:画面の大きさ関係なく常に横幅が100%

EddyK6L:PCなど大きい画面の場合は、横幅が50%(左用)、タブレットなどの場合、100%に変更

EddyK6R:PCなど大きい画面の場合は、横幅が50%(右用)、タブレットなどの場合、100%に変更

標準の仕組みで指定したヘッダータイプによりフレームのスタイル(ヘッダーの背景色・線の色)が確定するので、追加したヘッダータイプの場合、独自のCSS(ヘッダーの背景色・線の色に加え横幅を指定)を適用することにより実現。

横幅50%のフレーム(EddyK6L・R)にはマージンが必要なため、左用・右用に分けており、フレーム設置の際には左用の次に右用を並べセットで設置する必要があるのです。

このようなフレームの設置に制約がありますが、他プラグインの編集などは標準のままです。

このようなものでも試してみたいといった方はダウンロードページよりダウンロードが可能です。

EddyK6L

左用のヘッダータイプ(EddyK6L)を使用

EddyK6L:PCなど大きい画面の場合は、横幅が50%(左用)、タブレット・スマホなどの場合、100%に変更

EddyK6R:PCなど大きい画面の場合は、横幅が50%(右用)、タブレット・スマホなどの場合、100%に変更

 

細かくいうと幅は49%で左用は右側に1%のパディング(余白)、右用は左側に1%のパディングを設けています。

また、編集時は100%になるように設定しています。

EddyK6R

右用のヘッダースタイル(EddyK6R)を使用

default

標準のヘッダータイプ

primary

標準のヘッダータイプ

info

標準のヘッダータイプ

success

標準のヘッダータイプ

warning

標準のヘッダータイプ

danger

標準のヘッダータイプ