管理装飾等

 

＞＞ユーザーログイン
＞＞RSS-XMLサイトマップ
＞＞ユーザー用サイトマップ
 
 

h1 （hwrappでSHADOW）H1見出し（タイトル自動）

h_ver2　H2見出し

h_ver3 H3見出し

 

h_ver3　

h3 class=”h_ver2″

h3 class=”h_ver4″

 

 
 

区切り線

区切線hr-1

区切線hr-2

区切線hr-3

 
 

文字装飾（文章内）

文字の大きく強く　class　bigmojiを付与
文字の大きさをミドルサイズclass　midmojiを付与
通常の文字サイズ
文字の大きさを小さく　class=”minmoji2″
文字の大きさをとても小さく　class=”minmoji”
装飾で強調したい場合
文章に線を引く。UはHTML5は非推奨。
 
 

テキストアイコン

 
　icon-yaji-up
　icon-yaji-down
　icon-point-up ⇒up ⇒right ⇒down ⇒left
　icon-arrow-right　⇒up ⇒right ⇒down ⇒left
　icon-shield
 
 

その他

 
長いとスマホで折れる矢印ボタン
 
 

 
 

DIVやLIで囲む系

 
箇条書きコンテンツは基本的にLIで囲む。DIVやLIを囲むのはWORDPRESSのP文章ラインの影響を受けないように補正している。
 

• icon1 箇条書きコンテンツに使う。スマホで文章が折り返しても、ずれたり影響がない
• icon2　箇条書きコンテンツに使う。スマホで文章が折り返しても、ずれたり影響がない
• suji(1-12)　箇条書きコンテンツに使う。スマホで文章が折り返しても、ずれたり影響がない

 
 

バルーンの吹き出しはballoon-1-bottomを付与。
 
 

注釈はDIVで囲み、クラス CLASS　mojiback1 を付与

 

 

 

ログイン

XMLサイトマップ

 
 

画像

画像はWIDTH,HEIGHTを全てはずして　CLASSにはtoukouimg　を付与が基本。小さい画像から大きい画像までレスポンシブカバー。

小さくしておきたい画像は　CLASSには　okao を付与で縦横150px以上大きくなる事はない。

画像を区切りとして使いたい、もしくは横幅一杯表示させたい場合は　CLASS　nobimax を付与　高さはオート

その中で高さを300pxに抑えたい場合（nobimax300）　

その中で高さを200pxに抑えたい場合（nobimax200）

横幅をMAX220pxとしている。英語や記号などを使うと予期せぬ所で折り返してしまう場合があるので注意。

回り込み画像を入れる場合はimgleftを付与。 一番の注意はワードプレス投稿画面でimg要素に対して段落をおかず文章を記述する事。また＜div class=”floatclear”＞＜/div＞で最後に回り込みを解除する事。基本「画右」ボタンを訂正すると分かりやすい。

影をつける場合は　プラスで（classの複数付与は半角スペースで区切り）　shadowをつける　

 
 

その他予備ヘッダー

カテゴリー

Topicテーマ

 

シェアする