スライドトグルパネル用ショートコード

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 )

ノーマル形式

レイアウトテスト
Digipressテーマの文字や各種標準的なHTMLタグの表示テストです。あなたがつくりたいサイトのイメージに照らし合わせながらご覧ください!
投稿フォーマットのテスト: 動画
「投稿オプション」にて、YouTubeまたはVimeoのビデオIDを指定すると、アーカイブページ(ノーマル、またはマガジン形式)のサムネイルエリアが自動的に埋め込みムービーとして表示されます。 YouTube: https://www.yo...

ポートフォリオ1 : 3カラム、カテゴリーカラー反映

マガジン形式 : 3カラム

マガジン形式 : 4カラム

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

このショートコードはDigiPressテーマ専用のプラグインとして提供されています。

表示例

スライドトグルのタイトル1(アイコンあり)
1つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。クリックで開閉します。

Label1ショートコード内にさらに別のショートコード

dogs1
スライドの中に画像を挿入してみたよ。

このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。

スライドトグルのタイトル2
2つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。
クリックで開閉します。

スライドトグルのタイトル3
3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。

クリックで開閉します。

Code

[toggles]
[toggle title="スライドトグルのタイトル1(アイコンあり)" class="icon-gift"]
1つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。クリックで開閉します。

[label color="#83CE11" title="Label1" icon="icon-wordpress" text="ショートコード内にさらに別のショートコード"]
<img src='https://sogawa7th.com/wp-content/uploads/2013/12/dogs1-2.jpg' alt='dogs1' width='300' height='199' class='alignleft size-full wp-image-1685' />
スライドの中に画像を挿入してみたよ。

このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。
[/toggle]
[toggle title="スライドトグルのタイトル2"]2つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。
クリックで開閉します。
[/toggle]
[toggle title="スライドトグルのタイトル3"]3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。

クリックで開閉します。
[/toggle]
[/toggles]
Widget Area For PC
( Free space )
Widget Area For PC
( Free space )

Pickups!