header-icon

NotFB – WordPress用レスポンシブテーマ

TAG TEST POSTS


【ビジュアルで編集しています】


投稿の文字色はかなり黒に近いですが、実際には黒ではありません。
この行が実際の黒で表示されています。
あまり違いはないのですが、Facebookと同様の色に設定されています。


罫線(HR)を入れました。
以下、内容が変わるごとにHRを入れます。

また、Pタグが入ると段落間に余白が入るようになります。この青文字エリアが1つのPタグの範囲内です。

【DIV/SPAN】
ここに

DIVタグを入れて表記

しました。
ここにSPANタグを入れて表記しました。


画像の挿入


<配置なし>
①フルサイズ
FRENCHGI
②大サイズ
FRENCHGI
※フルサイズ・大サイズは枠内100%の幅を超えないように設定されています。
③中サイズ
FRENCHGI
④サムネイル
FRENCHGI
<左揃え>
①中サイズ
FRENCHGI②サムネイル
FRENCHGI

<中央揃え>
①中サイズ
FRENCHGIFRENCHGI
②サムネイル
FRENCHGIFRENCHGIFRENCHGI

<中央揃え1個>
①中サイズ
FRENCHGI
②サムネイル
FRENCHGI

<右揃え>
①中サイズ
FRENCHGIFRENCHGI
②サムネイル
FRENCHGIFRENCHGIFRENCHGI

<複合>
①中サイズ・左右揃え

FRENCHGIFRENCHGI

②サムネイル・左右中央揃え
FRENCHGIFRENCHGIFRENCHGI

②サムネイル・左揃え+最後は設定なし
FRENCHGIFRENCHGIFRENCHGI


テキストに文字色を付けます。

文字色タグ

ここは赤色で表示されます。
ここは青色で表示されます。
ここは緑色で表示されます。
ここは黒色で表示されます。

基本的な文字修飾タグ

太字(B)を使用しています。
斜体(I)を使用しています。
打ち消し線を入れます。
ここはアンダーラインが入ります。

両端揃えのテキストを英文で入れます。両端揃えにすると長文の際に右端の折り返しがきれいに揃うようになりますが、ブラウザ等の条件で聞かないものもあります。

The Like Box is a special version of the Like Button designed only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites. Facebook Page URL. Width. Height.

以下は両端揃えでない場合の文章です。

The Like Box is a special version of the Like Button designed only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites. Facebook Page URL. Width. Height.


文字揃えタグ

中央揃えにします。
中央揃えのまま改行しました。

右揃えにします。
右揃えのまま改行しました。

左揃えにします。
左揃えのまま改行しました。


リストタグ

  • 番号なしリスト
  • 太字(B)を使用しています。
  • 斜体(I)を使用しています。
  • 打ち消し線を入れます。
  1. 番号付きリスト
  2. 太字(B)を使用しています。
  3. 斜体(I)を使用しています。
  4. 打ち消し線を入れます。

定義リスト(DL)

ジョン・レノン
1940年10月9日リヴァプール生まれ。これは長いテキストを入れて改行された場合のテキスト見本です。
ポール・マッカートニー
1942年6月18日リヴァプール生まれ。

定義リスト(DL compact)

ジョン
1940年10月9日リヴァプール生まれ。
ポール
1942年6月18日リヴァプール生まれ。

引用タグ

引用(Blockquote)を使用しています。
リンクを入れます。Yahoo!へリンクしました。
Blockquoteでは左に罫線が付き、基本の文字色が変更されます。
テキストに文字色を付けます。
ここは赤色で表示されます。
ここは青色で表示されます。
ここは緑色で表示されます。
ここは黒色で表示されます。


段落タグ

段落タグは全て上下に0.5行分のマージンを入れています。
また、行の高さは各フォントサイズの140%に設定しています。
H1~H6の各タグはテーマディレクトリ内のCSS→htags.cssで調整可能です。

見出し1(H1/36px)タグで記述しています。
H1タグのまま改行しています。

見出し2(H2/24px)タグで記述しています。
H2タグのまま改行しています。

見出し3(H3/21px)タグで記述しています。
h3タグのまま改行しています。

見出し4(H4/18px)タグで記述しています。

見出し5(H5/16px)タグで記述しています。
見出し6(H6/14px=通常の本文記事と同じ文字サイズ)タグで記述しています。

アドレス(Address)タグで記述しています。

整形済みテキスト(Pre)タグで記述しています。
Preタグのまま改行しています。
<テキストに文字色を付けます。>
ここは赤色で表示されます。
ここは青色で表示されます。
ここは緑色で表示されます。
ここは黒色で表示されます。

インデントタグ

インデント右に4つ

インデント右に2つ

インデント元に戻す


ここから先はビジュアル編集では対応していないものです。

テーブルタグ

【単純なテーブル】

見出し1 見出し2 見出し3
内容1 内容2 内容3
内容4 内容5 内容6
内容7 内容8 内容9

【詳細なテーブル】

より詳細なテーブル・キャプション
メニュー 説明 豆知識
パスタ倶楽部
カルボナーラ 玉子とベーコンとクリームソースのパスタ カルボナーラとは炭焼き職人という意味
ペスカトーレ エビとあさりの漁師風パスタ ペスカトーレは漁師風という意味

インラインフレーム


スモールタグ
ビッグタグ
等幅フォントタグ=Monospace123456
下付き文字 =H2O/H2O
下付き文字を入れました。

上付き文字を入れます。
上付き文字 =H2O/H2O
出典・参照先:W3C
プログラムのソースコード(この表示はCSSではなくプラグインで対応させています)

変数・引数wp-content
プログラムによる出力結果のサンプル
Keyboard入力される文字であることを示す
略語:XML
頭文字:SOHO

【文字表記方法指定(指定要素があるためCSSで記述していません)】
右から左に文字が表示されます。
左から右に文字が表示されます。

続きを読んで終わり


投稿カレンダー

2014年5月
« 4月   6月 »
 1234
567891011
12131415161718
19202122232425
262728293031  

営業日カレンダー

  • 今月(2017年3月)
          1 2 3 4
    5 6 7 8 9 10 11
    12 13 14 15 16 17 18
    19 20 21 22 23 24 25
    26 27 28 29 30 31  
    翌月(2017年4月)
                1
    2 3 4 5 6 7 8
    9 10 11 12 13 14 15
    16 17 18 19 20 21 22
    23 24 25 26 27 28 29
    30            
    (      発送業務休日)

リンク集