WordPressブロックエディタの標準ブロックのサンプル全一覧

WordPressは標準でもたくさんのブロックが使えるようになっています。

ひとつひとつ見ていきましょう。

一般ブロック

段落

通常の文章を入力するブロックです。

見出し

見出しを入力するブロックです

画像

画像を表示するブロックです。

リスト

  • リスト
  • リスト
  • リスト

箇条書きリストを表示するブロックです。

引用

吾輩は猫である、名前はまだない。

吾輩は猫である より

他の文章から引用するときは、この枠を使うのがマナーです。

ギャラリー

画像をギャラリー風に表示します。

カバー

画像の上に文字を入れられます

画像の上に文字を入れたり、色セロファンのような効果をつけることができます。

動画

ソウル明洞

WordPress内にアップロードした動画を貼り付けることができます。
※サーバを圧迫するので、通常はYoutubeにアップロードした動画を埋め込むのがおすすめです。

音声

音声ファイルを埋め込むことができます。※割愛

ファイル

PDFなどのファイルをアップロードして、ダウンロードできるようにします。(割愛)

フォーマット

カスタムHTML

HTMLを入力、の部分に、アフィリエイトコードなどをコピー&ペーストします。

商品名価格個数
りんご1505
みかん8010
バナナ2001

表を作ることができます。

ソースコード

window.onload = function() {
  setInterval(function() {
    var dd = new Date();
    document.getElementById("T1").innerHTML = dd.toLocaleString();
  }, 1000);
}

プログラミングなどのコードは、ただ貼り付けると正常に表示されません。表示するためにはソースコードブロックを使います。

<pre><code>タグで囲んでマークアップされます

整形済み

 ファボ投げるよ〜

  . \:/
 ・・・・☆・・・・
. ⋀,,⋀. ∩.\
(*・ω・)/
.(つ  ノ
.しーJ 

テキストを入力したそのまま、空白などもつめずに表示します。
AA(アスキーアート)を入力したいときに使えます。

<pre>タグでくくられます。

プルクオート

吾輩は猫である、名前はまだない。

吾輩は猫であるより

一般ブロックの引用と使い分けがよくわかりませんが、このような見栄えになります。

クラシック

旧エディタのビジュアルエディタと同じような画面で書くことができます。

雨ニモマケズ
風ニモマケズ
雪ニモ夏ノ暑サニモマケヌ
丈夫ナカラダヲモチ
慾ハナク

いまいち使い道がわからないブロックですが、こういう見た目になります。

レイアウト要素

カラム

わたくしといふ現象は 假定された有機交流電燈の ひとつの青い照明です

風景やみんなといっしょに せはしくせはしく明滅しながら いかにもたしかにともりつづける

段落を分けることができます。↑上の例は2カラムで同じ幅にしてあります。
画像でも何でも入れることができます。

スペーサー

好きなだけ余白を入れることができます。

ボタン

ボタンをクリックするとリンク先に飛べるようにできます。色も変えられます。

メディアと文章

ゴッホ展に行きました

画像と文字を並べてレイアウトすることができます。

区切り


区切り線を入れることができます。

グループ

Basicプラン

無料

アドバンスプラン

月額1000円

エキスパートプラン

月額3000円

Cocoonエディタでは真価が発揮できないのですが、他のブロックを枠で囲み、全幅で色をつけたりするのに使います。

続きを読む

『もっと読む』のリンクを設置し、これ以降の文章は別ページで開くようにできます。

<!–more–>タグが挿入されます

続きは別のページに送ることができます。

<!–nextpage–>タグが挿入されます

ウィジェット

カテゴリー

すべてのカテゴリーを挿入します。

ショートコード

あらかじめ登録してあるショートコードを入力すると、それに応じたブロックが表示されます。ショートコードはプラグインや自分でプログラムして作ります。

アーカイブ

月別のアーカイブリンクを表示させるブロックです。

タグクラウド

Class101 Cocoon COEX DELL Doop Macbook Air skype wifi お金 アクリル インターパーク エチュードハウス オンライン講座 カフェ ゲストハウス コンビニ スケッチブック セントレア ソウル駅 トイレ バス ペン画・パステル画 ホテル 不透明水彩 両替 仁川国際空港 勉強法 化粧水 地下鉄 大韓航空 失敗談 推し画 明洞 景福宮 東大門 水彩画 油絵 画材 空港リムジン 空港鉄道 色鉛筆画 鉛筆画 韓国コスメ 韓国食堂 食事

タグクラウドを表示させます。

カレンダー

2022年5月
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

カレンダーを表示させます。更新した日付にリンクが貼られます。

最新のコメント

最新のコメント一覧を表示します。(当ブログは現在コメント欄を閉じていますので、表示されません)

最新の記事

最新の記事タイトルを表示させます。

RSS

外部のブログのRSSフィードのアドレス(Wordpressの場合アドレスそのままでも可)を入力すると更新情報を見ることができます。

検索

検索ボックスを表示させます。

埋め込み

埋め込みにはたくさんの種類がありますが、中には日本では使えないサービスもあります。

埋め込みは基本的には、段落ブロックにアドレスを貼り付けると自動的に認識してくれるので、あまり意識しなくてもいいかと思います。

(インスタグラムは一覧にありますが、何故か自動埋め込みができません。)

埋め込みの例をいくつか上げておきます↓

Youtube

Youtubeのアドレスを貼り付けるだけです

Twitter

Twitterのアドレスを貼り付けるだけで表示されます(割愛)

Spotify

Spotifyの『シェア』のリンクを貼り付けるだけ

WordPressブロックを使いこなそう

WordPressの標準でついているブロックだけでも、たくさんの種類があります。

全部いっぺんに使いこなすのは大変ですが、少しずつ便利なものを取り入れていかれてはいかがでしょうか?

タイトルとURLをコピーしました