投稿本文の基本機能とHTML要素


ワードプレスの投稿本文での特有の機能について

WordPressの投稿本文では、入力の利便性を高めるために文字を自動的に処理する機能があります。WordPressを使い始めるうえで「知っておきたい機能」について簡単に説明します。

oEmbed

oEmbedは、外部サイトのコンテンツをhtmlに埋め込むための通信規約で、ワードプレスはこの機能をサポートしているので、URLを投稿本文に貼り付けるだけで、例えばYoutubeのビデオを簡単に表示できます。

CODEX oEmbed

WordPress TAG

タグは、ワードプレス特有の投稿本文に記述されたタグを使って、投稿の表示をコントロールする機能です。

よく使われるタグ

  • <!--more-->
  • ワードプレスには、投稿をリスト形式で表示するアーカイブページと、個別ページだけを表示するシングルページに大別されますが、リスト形式で表示する場合に、このタグを投稿本文に記述しておくと、アーカイブなどリストページでは、このタグ以前の文章しか表示されなくなります。概要だけを表示することが出来ます。
  • <!--noteaser-->
  • このタグは、<!--more-->とセットで使用されます。このタグが記述されている場合、リストページでは、<!--more-->の手前までの文章が表示され、シングルページでは、<!--more-->以降の文章だけが表示されるようになります。
  • <!--nextpage-->
  • このタグで、文章を区切ると、それぞれ区切られた文章が1ページとしてページ建てして表示されます。

Raindrops特有のタグ

  • [raindrops color_type="minimal" col="1″]
  • 上のタグ(記法)の場合、シングルページのカラム数を1カラム カラータイプをminimalで表示することが出来ます。color_typeは、dark w3standard light minimal colは、1-3カラムで指定することが出来ます
  • [raindrops class="my-design"]
  • このタグ(記法)は、個別投稿ページのarticle要素の親要素にクラスを追加します。(上の例だと、my-design)これによって、投稿の性質毎に自由にデザインが可能になります。必要な時にこのタグを追加すると、いつでもそのデザインを再利用することが出来るようになります。
  • [raindrops skip-excerpt]
  • このタグ(記法)は、ブログアーカイブやカテゴリアーカイブなどが概要表示設定にしてある時に使用します
    投稿本文にこの記述があると、全文表示します。
    html要素がないと、意味のよくわからない概要文になってしまう投稿に利用してみてください
  • [raindrops class="writing-mode-mix"]
  • このタグ(記法)は、縦書きを有効にするタグです。(ver1.482以降)このタグを使用可能にするためには、事前にカスタマイザーの設定が必要です。カスタマイズ/アドオン/縦書きのセクションで「はい」を設定すると投稿が縦書きで表示されます。詳細は、「Raindrops1.482がライブになりました」を参照してください。

特有のタグは、ショートコードではありませんので、本文に表示されるので<!--[raindrops color_type="minimal" col="1″]-->といった形で記述してください

WordPressは、Formatting APIにより、特定の文字が自動変換されます

例えば、"と入力した場合 “ (&8220;) に変換に変換するといった機能です。

以下の要素は、フォーマット機能が働きません

  • pre
  • code
  • kbd
  • style
  • script
  • tt

Note: ttは、廃止要素です

詳細

関数リファレンス/wptexturize

HTML要素

WordPressは、ユーザー権限により利用可能なhtml要素が異なります

権限別 投稿内で利用可能なタグ一覧
h1-h6 見出し
p 段落
ol ul dl リスト
hr 区切り線
table tr td 表
iframe object embed 埋め込み要素
form
strong em sub sup del ins ruby rt rp テキスト効果
time abbr var code kbd samp address blockquote q citeテキストの意味をあらわす要素
pre 整形済みテキスト

廃止要素一覧

  • acronym
  • applet
  • basefont
  • bgsound
  • big
  • blink
  • center
  • dir
  • font
  • frame
  • frameset
  • hgroup
  • isindex
  • listing
  • marquee
  • multicol
  • nextid
  • nobr
  • noembed
  • noframes
  • plaintext
  • spacer
  • strike
  • tt
  • xmp

1 2 3 4 5 6 7 8 9 10 11


コメントは受け付けていません