WordPressで記事の埋め込みコードを発行する方法を考えてみた

スポンサードリンク

WordPressでTwitterのような「埋め込みコード」を発行できたら便利かなと思い、無い知恵を絞って考えてみました。

ちなみに超ゴリ押しでやったので発行されてるコードはダサダサ且つ長々のみっともないコードになりますので悪しからず・・・w

使い方

下記のコードを埋め込みコードを発行したい場所(ソース内)にコピペすると、コードを発行してくれるテキストボックスが生成されます(※下記のソースはコードを発行するプログラムで、埋め込みコードではありません

あとはそのテキストボックスに表示されているコードをコピーして記事本文(HTML)に貼り付ければ表示されます。

 

うちのサイトのように画像が必ず使われているようなサイトは

 →「本文の最初の画像を取得するタイプ」

 

画像をあまり使っていない&アイキャッチ画像を固定しているサイトは

 →「アイキャッチ画像を取得するタイプ」

 

アイキャッチ画像を使っていないサイトは

 →「画像を取得しないタイプ」

 

という感じでお使い下さい。

本文の最初の画像を取得するタイプ

※このコードを使う場合は下記の対応が必要となります

→参考:記事内の最初の画像を取り出す

 ※2013/08/10追記

プラグイン「PM Thumbnail Picture Menu」を利用している場合はpm-thumbnail-picture-menu.php内に既に関数「catch_that_image」が存在する為、下記の対応を行なって下さい。

 

【修正前】 catch_that_image($tpm_pict_rand_switch)

【修正後】 catch_that_image($tpm_pict_rand_switch = false)

 

WordPressで記事の埋め込みコードを発行する方法を考えてみた

WordPressでTwitterのような「埋め込みコード」を発行できたら便利かなと思い、無い知恵を絞って考えてみました。 ちなみに超ゴリ押しでやったので発行されてるコードはダサダサ且つ長々のみっとも…

(via:Qlay)

 

※下記ソース内の「ここは利用しているテーマ名を入れる」の部分はwordpressのテーマ名を入力して下さい(例:twentyeleven)

<textarea  readonly onclick='this.select();'><div style="border:2px solid #ddd;padding:5px;width:250px;margin:auto;background:#fff;"><span><img src="<?php echo catch_that_image() ?>" width="250"></span><p style="border-bottom:1px solid #ddd;font-size:15px;font-weight:bold;"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'ここは利用しているテーマ名を入れる' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></p><p style="font-size:11px;border-bottom:1px solid #ddd;"><?php echo mb_substr(get_the_excerpt(),0, 100);?>...</p><p style="font-size:10px;text-align: center;">(via:<a href="<?php bloginfo('url') ; ?>"title="<?php bloginfo('name'); ?>"><?php bloginfo('name') ; ?></a>)</p></div></textarea>

アイキャッチ画像を取得するタイプ

WordPressで記事の埋め込みコードを発行する方法を考えてみた

WordPressでTwitterのような「埋め込みコード」を発行できたら便利かなと思い、無い知恵を絞って考えてみました。 ちなみに超ゴリ押しでやったので発行されてるコードはダサダサ且つ長々のみっとも…

(via:Qlay)

 

※下記ソース内の「ここは利用しているテーマ名を入れる」の部分はwordpressのテーマ名を入力して下さい(例:twentyeleven)

<textarea  readonly onclick='this.select();'><div style="border:2px solid #ddd;padding:5px;width:200px;margin:auto;background:#fff;"><span><img src="<?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id, ”, true); echo $image_url[0]; ?>" width="200"></span><p style="border-bottom:1px solid #ddd;font-size:15px;font-weight:bold;"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'ここは利用しているテーマ名を入れる' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></p><p style="font-size:11px;border-bottom:1px solid #ddd;"><?php echo mb_substr(get_the_excerpt(),0, 100);?>...</p><p style="font-size:10px;text-align: center;">(via:<a href="<?php bloginfo('url') ; ?>"title="<?php bloginfo('name'); ?>"><?php bloginfo('name') ; ?></a>)</p></div></textarea>

画像を取得しないタイプ

WordPressで記事の埋め込みコードを発行する方法を考えてみた

WordPressでTwitterのような「埋め込みコード」を発行できたら便利かなと思い、無い知恵を絞って考えてみました。 ちなみに超ゴリ押しでやったので発行されてるコードはダサダサ且つ長々のみっとも…

(via:Qlay)

 

※下記ソース内の「ここは利用しているテーマ名を入れる」の部分はwordpressのテーマ名を入力して下さい(例:twentyeleven)

<textarea  readonly onclick='this.select();'><div style="border:2px solid #ddd;padding:5px;margin:auto;background:#fff;"><p style="border-bottom:1px solid #ddd;font-size:15px;font-weight:bold;"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'ここは利用しているテーマ名を入れる' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></p><p style="font-size:11px;border-bottom:1px solid #ddd;"><?php echo mb_substr(get_the_excerpt(),0, 100);?>...</p><p style="font-size:10px;text-align: center;">(via:<a href="<?php bloginfo('url') ; ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name') ; ?></a>)</p></div></textarea>

まとめ

取り敢えずコピペですぐ使えるように無理矢理やってます、色々見苦しい部分も多いですがまた時間のある時にでも改造しますね。

なお、うちのサイトでもコードの発行を行なっていますので良かったら埋め込んでやってください(記事の下のほうにあります ※PCテーマのみ)

この記事をサイトに埋め込む
スポンサードリンク
この記事をシェアする
RSSリーダーに登録する

 RSSリーダーで購読する

Facebookの反応