素敵なサムシングを独断と偏見で一方的に紹介するブログ(´・ω・`)

IT

投稿日:

【一工夫が大事】WordPressのEmbed機能でいい感じのリンクを追加する方法

ねこじゃすり

created by Rinker
PEPPY(ペピイ)
¥3,640 (2023/05/21 15:37:31時点 Amazon調べ-詳細)

猫を魅了する魔法の装備品!

Anker PowerCor

created by Rinker
Anker
¥4,990 (2023/05/21 15:41:00時点 Amazon調べ-詳細)

旅行には必須の大容量モバイルバッテリー!

【最新機種】GoPro hero11 Black

created by Rinker
GoPro(ゴープロ)
¥65,800 (2023/05/21 15:37:31時点 Amazon調べ-詳細)

最新機種でVlogの思い出を撮影しよう!

[ノースフェイス] THE NORTH FACE メンズ アウター マウンテンライトジャケット

created by Rinker
THE NORTH FACE(ザノースフェイス)
¥37,200 (2023/05/21 15:40:42時点 Amazon調べ-詳細)

防水暴風で耐久性抜群なので旅行で大活躍です!

ペヤング ソースやきそば 120g×18個

created by Rinker
ペヤング
¥3,012 (2023/05/21 15:37:32時点 Amazon調べ-詳細)

とりあえず保存食として買っておけば間違いなし!

MOFT X 【新型 ミニマム版】 iPhone対応 スマホスタンド

created by Rinker
MOFT
¥2,880 (2023/05/21 15:37:34時点 Amazon調べ-詳細)

Amazon一番人気のスマホスタンド!カード類も収納出来てかさ張らないのでオススメです!

サンディスク microSD 128GB

スマホからSwitchまで使える大容量MicroSDカード!

スポンサーリンク

336×280




別の記事を紹介したい

テキストリンクは効果が弱い

WordPressで記事を書いている際、関連する自サイトの記事や参考にさせて頂いた別サイトの記事を紹介したい場合があると思います。

その場合に、単純にaリンクで紹介するだけではイマイチ読者にクリックしてもらうことが出来ないと思います。

Embed機能とは?

そんな時はWordpressのEmbed機能を利用してみましょう。

Embed機能とは、外部URLからコンテンツを読み込んで表示してくれる機能です。

アイキャッチ画像ページタイトル記事概要まで表示されるので、単純にリンクを貼るよりも読者に伝わりやすくかつクリックしやすいリンクを挿入することが可能になります。

挿入の仕方はとても簡単なので、手順を紹介致します。

手順

埋め込みコードの追加

WordPressで記事を作っている場合は、以下のようにコードを挿入することで埋め込みが可能です。

たったこれだけで、いい感じに埋め込みリンクが生成されます。

確認

試しにツイッターの投稿を埋め込んでみましょう。
サンプルとして以下を追加してください。

しっかりと埋め込みされていますね♪

終わりに

埋め込み機能に対応しているサイトであれば、上記のように簡単に埋め込みリンクを生成する事が出来ます。

また、埋め込み時のレイアウト等もCSSでお好きなようにカスタマイズ出来ますので、是非お試しください。

336×280




336×280




CATEGORIES & TAGS

IT, , , , , ,

blogenist

Author: blogenist

関連記事

YouTubeも見てね♪

お名前.comサイドバー