記事の見た目について

目次

基本 h2,h3,h4,p

大見出し <h2>

中見出し <h3>

小見出し <h4>

基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章基本の文章 <p>

画像

「メディアを追加」ボタンから

※最大横幅は640pxに指定しています。

画像回り込み

div class=”cfix” で囲み、 img に class=”img_f” をつけると以下のような表示になります。

<div class="cfix">
	<img class="img_f" src="" alt="">
	<p><⁄p>
<⁄div>

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

強調表示 strong,em,mark

太字 class=”bold”

強い強調 <strong>

強調 <em>

ハイライト <mark>

背景

class=”bg”で背景がつきます。

箇条書き list

<ul class="list">
	<li><⁄li>
	<li><⁄li>
<⁄ul>

<ulにclass=”list”>をつけると中の<li>に中黒がつきます。

  • ダミーテキスト
  • ダミーテキストダミーテキスト
  • ダミーテキスト
  • ダミーテキストダミーテキストダミーテキスト

<ulにclass=”check”>をつけると中の<li>にチェックアイコンがつきます。

  • ダミーテキスト
  • ダミーテキストダミーテキスト
  • ダミーテキスト
  • ダミーテキストダミーテキストダミーテキスト

引用 blockquote

<blockquote cite=”引用元のURLを指定”>で引用を示します。

フォントサイズ

class=”fs_s” で 小さめサイズに

class=”fs_m” で 少し大きいサイズに

class=”fs_l” で 大きいサイズに

class=”fs_xl” で かなり大きいサイズに

その他

YouTubeをレスポンシブ表示

youtube埋め込みの<ifram>>要素を<div class=”youtube_wrap”>で囲むと、youtubeの画面がレスポンシブ対応になります

GoogleMapをレスポンシブ表示

googlemap埋め込みの<ifram>>要素を<div class=”google_map”>で囲むと、地図画面がレスポンシブ対応になります

一覧へ戻る