スクリーンショット用ショートコード

Eel Kabayaki đến thế giới

Brand New Day

We’ve taken Lorem Ipsum to the next level with our HTML-Ipsum tool!

Hot Stuff

Widget Area For PC
( Free space )

ノーマル形式

たくさんのトラックバック
たくさんのトラックバックがある投稿。吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しか...
読みやすさのテスト
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であ...

ポートフォリオ2 : 4カラム

マガジン形式 : 3カラム

画像テスト
様々なレイアウトを考慮した画像配置や画像サイズの表示テストです。DigiPressは美しいだけでなく徹底した表示要件にも配慮されています。

マガジン形式 : 4カラム

十分大きな声でそれを口に出せば、いつもませて聞こえる; スーパーカリフラジリスティックエクスピアリドーシャス!
とても長い単語が含まれたとても長いタイトルの投稿。日本語の場合は単語の区切りにスペースを使用していないので単語の長さはあまり関係ない。タイトルの行の高さ (line-height) とタイトルエリアが狭い場合に起こりうるオーバーフローの問題...
1454 views

スライダー(4種類) : カルーセルタイプ

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

表示例

DigiPressテーマセールスページ

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

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

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

Code

[ss url="http://digipress.digi-state.com/" width="160" title="WordPressテーマ「DigiPress」のセールスページ" caption="これはリンク先ページの説明用キャプションです。" hatebu=1 tweets=1 likes=1 rel="nofollow" alt="DigiPressテーマセールスページ"]
その他、はてなブログのAPIを利用し、URLを指定するだけで任意のWebページの情報(タイトル、概要、サムネイル、はてなブックマーク数)を表示する「ブログカード」の表示もショートコードで提供されています。

ブログカード表示例

Code

[blogcard url="https://digipress.digi-state.com/"]
Widget Area For PC
( Free space )
Widget Area For PC
( Free space )

Pickups!