DigiPress

Highly Flexible WordPress Theme

メニュー

ss : 対象Webページのスクリーンショット付きリンクを表示

ss : 対象Webページのスクリーンショット付きリンクを表示

自他サイト(ページ)へのURLを指定するだけで、対象URLのスクリーンショット付きのリンクを表示できます。
対象URLのはてなブックマーク数、Twitterでのツイート数、Facebookのいいね数を表示するオプションもあります。

注意

このショートコードではWordPress非公式のAPIを使用しているため、今後仕様変更または利用できなくなる場合があります。

表示例

DigiPressテーマセールスページ

WordPressテーマ「DigiPress」のセールスページ

これはリンク先ページの説明用キャプションです。

このスクリーンショットは以下のショートコードで自動的に表示されています。

このショートコード

[ss url="https://digipress.info/" width="160" title="WordPressテーマ「DigiPress」のセールスページ" caption="これはリンク先ページの説明用キャプションです。" hatebu=1 tweets=1 likes=1 rel="nofollow" alt="DigiPressテーマセールスページ"]

指定可能なパラメータ

url ※必須
スクリーンショットとリンク先のURL。
title
リンク先ページのサイト名、タイトル(アンカーテキストで表示)。
width
スクリーンショットの幅(ピクセル値)。デフォルト(未指定の場合)は150。
alt
スクリーンショットのimgタグに挿入するalt属性の代替文字列。未指定の場合は “Screenshot”。
rel
リンク(a)タグに挿入するrel属性。
例えば、内部リンクの場合は検索エンジンにリンク先を辿らないよう、rel=”nofollow” にするなど。
ext
リンクを別ウインドウで開く場合か否かの設定。未指定の場合は 1 (※別ウインドウで開く)。
0 の場合は同じウインドウで開き、未指定(または1)の場合は、アンカーテキストタグに target=”_blank” がセットされます。
class
スクリーンショットのimgタグに指定するCSSのクラス属性。
例えば、スクリーンショットを左に表示し、タイトルリンクを右に表示する場合は、class=”alignleft” とする。
逆は alignright
スクリーンショットを中央に表示する場合は、class=”aligncenter”
スクリーンショットのボーダーを消したいときは、class=”bd-none bg-none” とする。
その他、DigiPressテーマで利用できる装飾用CSSクラスであればどんな値でも反映できます。
caption
リンク先ページに関する説明など。
タイトルリンクの下に表示されます。
hatebu
リンク先ページのはてなブックマーク数の表示有無。デフォルトは0 (表示しない)。
表示する場合は、hatebu=1 とする。
tweets
リンク先ページのTwtitterでのツイート数の表示有無。デフォルトは0 (表示しない)。
表示する場合は、tweets=1 とする。
※ツイート数を表示する場合は、ページの表示速度が低下します。
likes
リンク先ページのFacebookでのいいね数の表示有無。デフォルトは0 (表示しない)。
表示する場合は、likes=1 とする。
※いいね数を表示する場合は、ページの表示速度が低下します。

必要最小限のオプションを使用した例

Screenshot
このショートコード
[ss url="https://digipress.info/"]

全てのオプションを使用した例

DigiPressセールスページ

WordPressテーマ「DigiPress」のセールスページへアクセス!

これはリンク先のページの説明文です。caption属性で表示することができます。

このショートコード

[ss url="https://digipress.info/" width="180" class="alignleft" alt="DigiPressセールスページ" rel="nofollow" ext=0 title="WordPressテーマ「DigiPress」のセールスページへアクセス!" caption="これはリンク先のページの説明文です。caption属性で表示することができます。" hatebu=1 tweets=1 likes=1]