Digipress Attractiveにアドオンの「Shortcodes for Digipress」を入れて試してみる。
入れなくても、使えるものもあり。
いろいろな見出し
見出しH2
見出しH3
見出しH4
見出しH5
スクリーンショット
リンク先のウェブサイトのスクリーンショットはりつけ。非公式APIのため、いつなくなっても文句が言えないらしい。
[ss url=”https://zenryokuhp.com” title=”全力HP” caption=”全力と名がついているが、まるで全力じゃないウェブサイト” hatebu=1 tweets=0 likes=0 class=”” width=”180″ alt=””]
カラー下線
カラー下線（オレンジ）
カラー下線（緑）
マーカー
マーカー
マーカー（緑）
マーカー（赤）
ボタンリンク
有料プラグインなしでも使える。html+class指定。
ボタンリンク
ボックス
ラベル
ちょっと目を引く小見出し？みたいなもの。
有料プラグインなしでも使えるけど、ショートコードじゃなく、HTML+clas指定で。
ラベルラベル右のテキスト
カスタムカラーボタン
ショートコードで書けるボタン。アイコン指定ができる。
html+classで書いてもさほど変わらないかな。
[button color=”red” title=”ボタンタイトル” url=”#” icon=”icon-right-light” size=”” class=”” newwindow=””]
カスタムカラーラベル
ショートコードで書けるラベル。アイコン指定ができる。
情報の整理用に良いかも。
[label title=”ラベルタイトル” color=”blue” icon=”icon-thumbs-up” text=”ラベル横のテキスト” class=””]
カスタムフォント
サイズ、太字、斜字、色、背景色などを文字に対して指定できる。ただのそれだけ。
HTMLじゃなくてショートコードでかけることで多少価値がある…のかな？
[font color=”” bgcolor=”” class=”” size=18 bold=1 italic=””]カスタムフォント[/font]
アコーディオンパネル
同時にひとつしか開かないパネル。
使い道がわからん。
[accordions]
[accordion title=”スライドタイトル1″ class=””]
スライドの内容
[/accordion]
[accordion title=”スライドタイトル2″ class=””]
スライドの内容
[/accordion]
[accordion title=”スライドタイトル3″ class=””]
スライドの内容
[/accordion]
[/accordions]
スライドパネル
開いたら開きっぱなしのパネル。
うーむ、なんだろこれ。
折りたたみ式の目次とかに使うのかな。
[toggles]
[toggle title=”スライドタイトル1″ class=””]
スライドの内容
[/toggle]
[toggle title=”スライドタイトル2″ class=””]
スライドの内容
[/toggle]
[toggle title=”スライドタイトル3″ class=””]
スライドの内容
[/toggle]
[/toggles]
タブパネル
必要だけど、さほど見られないものを省スペース化するのに役立つパーツ。
「カテゴリ」「月別アーカイブ」「コメント」とかをまとめるとかかな。
[tabs]
[tab title=”タブのタイトル1″ class=”” icon=””]
1つ目のタブ内のコンテンツ。
[/tab]
[tab title=”タブタイトル2″ class=”” icon=””]
2つ目のタブ内のコンテンツ。
[/tab]
[tab title=”タブタイトル3″ class=”” icon=””]
3つ目のタブ内のコンテンツ。
[/tab]
[tab title=”タブタイトル4″ class=”” icon=””]
4つ目のタブ内のコンテンツ。
[/tab]
[/tabs]
PRボックス
オシャレだけど、何に使うんだろう？
[promobox column=2]
[promo title=”PRボックスタイトル1″ titlecolor=”” titlehovercolor=”” icon=”icon-home” iconstyle=”circle” iconcolor=”” iconhovercolor=”” iconsize=”38px” iconalign=”top” url=”#”]
ここにプロモーション用の説明文を書きます。
[/promo]
[promo title=”PRボックスタイトル2″ titlecolor=”” titlehovercolor=”” icon=”icon-bookmark” iconstyle=”round” iconcolor=”” iconhovercolor=”” iconsize=”38px” iconalign=”top” url=”#”]
ここにプロモーション用の説明文を書きます。
[/promo]
[/promobox]
ハイライター
昔の「ホームページ」を思い出す。疑似動画みたいな演出で使うのかな。
[highlighter time=2000 fadetime=1200 type=0]
[highlight class=””]
一つ目のここにハイライトコンテンツ。type=1 を指定するとフェードインフェードアウト。
[/highlight]
[highlight class=””]
ここにハイライトコンテンツ。
[/highlight]
[highlight class=””]
ここにハイライトコンテンツ。
[/highlight]
[/highlighter]
プロフィール
けっこういいかも。
[profile name=”名前” namesize=18 namecolor=”” authorurl=”#” profimgurl=”https://zenryokuhp.com/wp-content/uploads/2014/10/IMG_14111-e1413074561771.jpg” profshape=”” profsize=100 topbgimgurl=”https://zenryokuhp.com/wp-content/uploads/2014/10/odenya2.png” profbdwidth=5 twitterurl=”#” facebookurl=”#” googleplusurl=”#” youtubeurl=”#” pinteresturl=”#” hoverfx=1 bgcolor=”” desccolor=”” descfontsize=”12px” border=3 bdcolor=”#ccc”]
ここにプロフィールを記載。HTMLタグも可。
[/profile]
スライドショー
派手だけど、何に使うんだろうなぁ…。GIFアニメの代わりとか？
手順説明とかで、縦に長いページになるのがヤダ！ってときにいいかもね。
[dpslideshow fx=”fade” autoplay=true showtime=3500 transitiontime=1200 hoverpause=false showcontrol=true controlpos=”center” showpagenavi=true pagenavipos=”center” captionblack=false nexttext=”Next” prevtext=”Prev” class=”” style=””]
[dpslide imgurl=”https://zenryokuhp.com/wp-content/uploads/2014/10/PIC00009.jpg” caption=”” url=”” class=”” style=””][/dpslide]
[dpslide imgurl=”https://zenryokuhp.com/wp-content/uploads/2014/10/odenya2.png” caption=”” url=”” class=”” style=””][/dpslide]
[dpslide imgurl=”https://zenryokuhp.com/wp-content/uploads/2014/10/zenryoku005-e1412433410398.jpg” caption=”” url=”” class=”” style=””][/dpslide]
[/dpslideshow]
テーブル
テーブルをショートコードで。
ホバー効果をつけたり、ソート機能をつけたりできる。アイコンを簡単につけられるがまあ、便利かな。
ホバー効果とかソート機能は見た目いいけど、まあ使わないかな。
[table width=”100%” class=””]
[tablerow title=”1行目のタイトル” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
1-1番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow title=”2行目のタイトル” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=”””]
2-1番目のセル
[/tablecell]
[tablecell class=”blue icon-crown” bgcolor=”#F4FEC9″]
2-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow title=”3行目のタイトル” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
3-1番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-4番目のセル
[/tablecell]
[/tablerow]
[/table]
QRコード
QRコードをショートコードで出せる。
似たようなプラグインありそうだけど、まあ、いちおう。
スマホ向けのリンク集とかにいいかな。
[qrcode url=”https://zenryokuhp.com” size=”340″]
▲zenryokuhp.comのQRコード
イメージフィルタ
画像をぼかしたり、グレースケール化したり、セピア調にしたり…と加工できる。
IE9以下では、グレイスケール、ぼかしのみ使える。IE10以降では反映されません…って、じゃあ、ダメじゃないのか。
面白いけど、使っちゃダメっぽい機能、No.1。
[filter url=”https://zenryokuhp.com/wp-content/uploads/2014/10/zenryoku005-e1412433410398.jpg” blur=1 blurval=4 class=”” width=”” alt=””]
まとめ
あ、見出し（h3）にも、class指定でアイコン表示できるんだね。これはいいかも。
ちなみに、私も最初気が付かなかったのだが、会員ページにAddQuickTag用のインポートデータがあるので活用しよう。
AddQuickTagはタグとかショートコードとかを覚えておいてくれれて、クリックすると編集画面でコードを挿入してくれるというありがたプラグインだ。
まあ、そんな感じ。このショートコード集は、なくてもいいけどあると少し使い勝手が良くなる…というレベルかな。ぼちぼち使っていくことにして、今回の日記を終わる。