スポンサーリンク

wordpressで外部サイトが埋め込みできない方法を解決

時々twitterでもツイートしているんですが、検索しても自分の思ったものがなかなか出てこなくて四苦八苦しました。

スポンサーリンク

想定キーワードで検索したが、再現できない

やりたいことは、「自分の記事の中に、他のサイトのリンクをサムネイルと紹介文込みで四角く囲ったやつを出す」です。

一言でいうとはてなのブログカードです。

 

すでに自分のサイト内であれば、記事のURLをそのまま入力すれば実現できていました。

が、同じように外部サイトをやってみたのですが、全くできず、単にURLがベタで表記されているだけ。

ちなみに、検索キーワードで当初探していたのは、「wordpress 他人のサイト 埋め込み」です。

これで検索すると、wordpressにembed機能というのがあって、記事入力時にただのURLを記入することで、サイトのサムネイルや、説明文などがカードのように表示されるんだそう。

検索であがったサイトをのぞいてみるも、すでに機能が実装されていて、カスタマイズまで話が出てる。

WordPress 投稿の埋め込み(Embed)機能の表示方法 - by Takumi Hirashima
WordPress の投稿の埋め込み(Embed)機能の表示やカスタマイズする方法を紹介します。例えば、投稿の引用記事の紹介やまとめ記事を作りたいときに便利な機能です。

WordPress 投稿の埋め込み(Embed)機能を表示やカスタマイズする方法

私の欲しい情報ではありませんでした。
embedコードってなんだ?って。

 

WordPressの Embed(埋め込み)機能が意外とオモシロイ。何がどう貼られるか確認してみた
投稿画面に WordPressサイトの記事のURLを書くだけで Embedカードで置けるそうなので、どんなカードが貼られるのか試してみました。 画像の縦横比によってカードのレイアウトが変わったり、Wo

WordPressの Embed(埋め込み)機能が意外とオモシロイ。何がどう貼られるか確認してみた | *Web Design 覚え書き*

こちらも実装ベース。
それからSSL化しているとSSL化していないのは張れないと。

だから、そういうのが欲しいのではなくて。

なぜカスタマイズの話が必要なかったのかというと、「wordpress サイト 埋め込み」で検索していたときに、すでに実装済みだよという記事を読んだからです。

 

WordPressならURLを貼るだけで「サムネイル画像付きリンク」が設置できるよ。
先日、公開した「Facebookが煽りや釣りタイトルを排除する機能をニュースフィードのアルゴリズムに追加!」の…

wordPressならURLを貼るだけで「サムネイル画像付きリンク」が設置できるよ。 | WEBマスターの手帳

で、何度やってもできない。

キーワードを変えて検索してみる

私が欲しかったのは、wordpressで実際に外部サイトを埋め込みしている人がいるので、一般的な方法でできるのだろうと思っていて、どこをどう設定するのかの情報でした。

今利用しているのはsimplicity2というテーマだったんですが、試しに「寝ログ ブログカード」で検索してテーマ作者さんのサイトで確認してみました。

URLを記入するだけ!WordPressに内部ブログカードを実装するカスタマイズ方法
自分のブログ内のURLを、Wordpressのブログエディターに貼り付けるだけで、簡単にブログカード表示できるカスタマイズ方法です。

URLを記入するだけ!Wordpressに内部ブログカードを実装するカスタマイズ方法

しかし、こちらも思ったような情報ではありませんでした。
主に自分のブログの表記だったり、カスタマイズだったり。

作者さんのサイトで読みたい情報が出てこないとなると、検索した下の結果はもう見ないことに。

あえてテーマ名である「simplicity2 ブログカード」でやってみました。

 

Simplicity2の「ブログカード」なる機能を利用してみた。
ついさっきまで知らなかったのだが「はてなブログ」でよく見かける、 以下のようなリンク先の「画像」と「文章の一部…

Simplicity2の「ブログカード」なる機能を利用してみた。

そうしたら、ここにブログカードの設定がメニューから選べるという情報が。

さっそく、私も確認しました。

あるじゃないですか!!

ブログカードに内部リンクと外部リンクって。

(このメニューはダッシュボードの外観→カスタマイズから表示されます)

内部リンクを確認したら、すでに機能をチェック済み。

 

ようやくここで理解しました。自分の記事のURLをそのまま書いてもカード化されたのが。

そして、外部リンクのほうはというと。

なんのチェックもされていませんでした。

そうだよね。

 

ということで、チェックして更新。

 

まとめ

記事を書きながらプレビューで確認していましたが、機能を有効にしたのに、なぜかURLそのままの表記になっていました。

 

原因:ブログカードはURLのみ1行で書くところをshift+enterで前後の文章を書いていました。

 

直接URLを記入するときは、前後1行の改行はenterのみにしないとカード化されないようです。

 

そろそろ検索エンジンもキーワードだけで探し出すのがつらい時代になってきたような。

コメント