WordPress プラグイン

WordPressプラグイン アコーディオン ボタン タブ トグル 

2014/05/18

WordPressで記事を書くときに文字の上をクリックしたら、文字の下が伸びて文字が現れるとか、固定ページにタブを作るなど簡単にできるプラグインがないかと探したところ、「Arconix Shortcodes」というプラグインを発見。実際にを使ってみました。

Arconix Shortcodesをインストールすると投稿編集画面に「Arconix Shortcode List」が出現します。

Arconix Shortcodes 1

上から順に

  • loginout
  • map
  • site-link
  • the-year
  • wp-link
  • abbr
  • highlight
  • accordions
  • accordion
  • box
  • button
  • list
  • tabs
  • tab
  • toggle
  • one-half
  • one-third
  • two-thirds
  • one-fourth
  • two-fourths
  • three-fourths
  • one-fifth
  • two-fifths
  • three-fifths
  • four-fifths

 多くのショートコードが使用できるようです。ですが、ショートコードを手書きしなければならないので、多くのショートコードを利用する人には少し不便だと思います。

コードの詳細は編集画面に現れたウィジェットにリンクがあるDocumentationに記載されている。
主なものは以下。

 icon-check-square-o [loginout]はワードプレスのログインまたはログアウトページに切り替わります。

 

 icon-check-square-o [site-link]自分のサイトへジャンプします

 Presearch

 

 icon-check-square-o [the-year] 現在の西暦

2018

 

 icon-check-square-o [wp-link] ワードプレスの本サイトへのリンク  

WordPress

 

 icon-check-square-o [abbr]文字の上にカーソルを置くと、?が出現します。[/abbr]

文字の上にカーソルを置くと、?が出現します。

 

  icon-check-square-o [highlight]文字の背景がハイライトになります。[/highlight]

文字の背景がハイライトになります。

 

 icon-check-square-o [accordions][accordion title="Accordion 1"]Accordion1Content here [/accordion][accordion title="Accordion 2"]Accordion2Content here [/accordion][accordion title="Accordion 3"last="last"]Accordion3Content here [/accordion][/accordions]

Accordion 1
Accordion1Content here
Accordion 2
Accordion2Content here
Accordion3Content here

 

 icon-check-square-o [box]ボックスに囲まれます[/box]

ボックスに囲まれます

 

 icon-check-square-o [button]ボタンを作ります[/button]

ボタンを作ります

 

 icon-check-square-o [tabs][tab title="1"]一つ目のタブ[/tab][tab title="2"]二つ目のタブ[/tab][tab title="3"]三つ目のタブ[/tab][/tabs]

一つ目のタブ
二つ目のタブ
三つ目のタブ

 

 icon-check-square-o [toggle title="ここをクリックすると開く"][/toggle]

ここをクリックすると開く

----Sponsored Link----


-WordPress, プラグイン
-, , ,