WPブロックその4-引用-
この記事について
Hello World!
WordPressのブロックをコードエディターを使い、HTML視点で見てみる。
内容は以下。
これら内容は以下レンタルサーバーでのWordPress環境を使用。
シン・レンタルサーバー![](https://www16.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HLFVM)
![](https://www19.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HMIGH)
各事項については以降に書いていく。
その他、環境整備に関する新情報。
同系列WordPress特化型レンタルサーバー
WordPress専用クラウド型レンタルサーバー『wpX Speed』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZQFQA)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZRXQP)
同系列安定型レンタルサーバー
格安ドメイン名取得サービス『Xserverドメイン』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
その他キャンペーン中WordPress対応レンタルサーバー
ロリポップ公式サイト![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+64Z8Y)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+6E71D)
ドメイン管理に関しては
格安ドメイン名取得サービス『Xserverドメイン』![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www13.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1C1W8I)
![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1BRTKX)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HHVNM)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HTO1D)
WPブロックその4-引用-
該当ブロック画像
![引用ブロックの画像](https://nemunori.com/wp-content/uploads/2023/06/230613_blockquote1_78_86.png)
ブロックのコード
<!-- wp:quote --> <blockquote class="wp-block-quote"><!-- wp:paragraph --> <p>■ビジュアルエディタ時のテキスト入力エリア■</p> <!-- /wp:paragraph --></blockquote> <!-- /wp:quote -->
HTMLコードの意味
<!– wp: quote–>と<!– /wp:quote –>
<!– wp:quote –>と<!– /wp:quote –>は、その間が引用ブロックである事をWordPressへ示しているようで、編集画面でWordPressブロックとして認識される。
またブラウザは<!– コメント –>という形の部分を無視する事になっていて、ページ読者向けではなくシステム向けにコメントを残す時に用いる事が多い。その為、ブラウザや検索エンジンへの影響はないと思われる。
<blockquote>と</blockquote>
通称blockquoteタグ
<blockquote>と</blockquote>は、その間の文章等コンテンツが何処からの引用である事をコンピューターへ伝える為に使う。このblockquoteタグが段落タグの主要部と思われる。
中のPタグは副次的なもので、Pタグ以外も追加できる。
Pタグについての引用
<!– wp:paragraph –>と<!– /wp:paragraph –>
<!– wp:paragraph –>と<!– /wp:paragraph –>は、その間が段落ブロックである事をWordPressへ示しているようで、編集画面でWordPressブロックとして認識される。
またブラウザは<!– コメント –>という形の部分を無視する事になっていて、ページ読者向けではなくシステム向けにコメントを残す時に用いる事が多い。その為、ブラウザや検索エンジンへの影響はないと思われる。
<p>と</p>
通称pタグ
<p>と</p>は、その間の文章群を関連性のある一塊として、コンピューターに文の区切りを伝える為に使われる。このpタグが段落タグの主要部と思われる。
著者:ネムノリ カミマンネンドコ 出典
リンク:WPブロックその1-段落-
使い方
- 引用表現と整理
引用内容、引用元(出典)をまとめ、他と区別がつくように表記する。
補足等その他
- 引用する場合は、引用となる条件を満たす
- blockquoteタグを使用せず引用した場合、悪質なコンテンツと見られる場合がある
- SEO対策
まとめ
引用する場合はとりあえず使っておけば良い。
視覚的な部分で出典と引用部分の切り分けに工夫がいるので、港区ニートとしてはテンプレートを用意しておきたいところ。
よろしく