HP:Embed(埋め込み)機能の紹介

投稿画面のテキスト編集で、WordPressサイトの記事のURL(https://www.shoai.ne.jp/hirakata-s/f02/)を書くだけで、このように↓ Embedカードで表示されます。投稿の引用記事の紹介やまとめ記事を作りたいときに便利な機能です。ただし、WordPress限定で松愛会HP内のリンクに限定される方法です。ダイレクトにURLを記述するだけで、WordPressが自動で展開してくれます。

『新』枚方発見 : 第2回「枚方市駅周辺再整備」

Embedカードのサイズはwidth=”500″ height=”282″ でつくられます。

従って、スマホ用のレスポンシブ対応が必要です。
/* Embed(埋め込み)機能のレスポンシブ対応 */
@media only screen and (max-width: 640px) {
.wp-embedded-content { max-width: 100%;}}


(注)同じ機能でWordPressの「関連記事カードリンク」があります。ただし、「関連記事カードリンク」は違うサイトには使用できません。

記事の中で「関連記事カードリンク」を使用してます。

Enjoy Shoai 佐藤 彰さん

使用例:

 

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP