コンテンツハイライト用ショートコード

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種類) : カルーセルタイプ

このショートコードを使用するにはDigiPressテーマ専用のプラグイン(有料)が必要です

フェードアウトしてからフェードインする場合の例

最初のハイライトコンテンツ。18ピクセルで太字。
20ピクセルのフォントでブルー、太字のハイライトコンテンツ。
先頭にアイコンを表示。これはリンクです。

Code

[highlighter time=2000 fadetime=1200]
[highlight class="ft18px b"]
最初の<span class="ft22px pink">ハイライトコンテンツ</span>。18ピクセルで太字。
[/highlight]
[highlight class="ft20px blue b"]
20ピクセルのフォントでブルー、太字のハイライトコンテンツ。
[/highlight]
[highlight class="ft18px b icon-raceflag"]
先頭にアイコンを表示。<a href="#" class="icon-new-tab">これはリンク</a>です。
[/highlight]
[/highlighter]

フェードイン・フェードアウトを同時にした場合の例

以下のようにハイライトコンテンツとして画像を指定し、フェードイン・アウトを同時に行うようにすると簡易スライドショーとして利用できます。

iSGu85T8TXS9zXJ20iBU__MG_9585
kVEPcWcfSA2tgOpRz9Za__DSC0765
This is caption
camera-man

Code

[highlighter type=1 time=2800]
[highlight]
<img src="https://sogawa7th.com/wp-content/uploads/2014/05/iSGu85T8TXS9zXJ20iBU__MG_9585-620x314-1.jpg" alt="iSGu85T8TXS9zXJ20iBU__MG_9585" width="620" height="314" class="aligncenter size-large wp-image-1742" />
[/highlight]
[highlight]
<a href="https://sogawa7th.com/wp-content/uploads/2014/05/kVEPcWcfSA2tgOpRz9Za__DSC0765.jpg"><img src="https://sogawa7th.com/wp-content/uploads/2014/05/kVEPcWcfSA2tgOpRz9Za__DSC0765-620x410-1.jpg" alt="kVEPcWcfSA2tgOpRz9Za__DSC0765" width="620" height="410" class="aligncenter size-large wp-image-1743" /></a>
[/highlight]
[highlight]
<img src="https://sogawa7th.com/wp-content/uploads/2014/05/girl-flowers1-620x422-1.jpg" alt="This is caption" width="620" height="422" class="size-large wp-image-1738" />
[/highlight]
[highlight]
<img src="https://sogawa7th.com/wp-content/uploads/2014/05/camera-man-620x413-1.jpg" alt="camera-man" width="620" height="413" class="aligncenter size-large wp-image-1737" />
[/highlight]
[/highlighter]
Widget Area For PC
( Free space )
Widget Area For PC
( Free space )

Pickups!