新着記事
ランディングページ作成機能の使い方       ·       バージョンアップ情報(ver.1.2)       ·       Mingle Forumでフォーラムを作成する       ·       バージョンアップ情報(ver.1.1)       ·       「Shortcodes Ultimate」プラグインの設定と使い方       ·       ヘッダー上部のログインフォームを非表示にする方法       ·       投稿記事トップのアイキャッチ画像をセンター寄せにする方法       ·       リンクにマウスオーバーでツールチップを表示させる方法       ·       投稿記事のアイキャッチ画像を動画に置き換える方法       ·       ヘッダー上のログインフォームを有効化する方法       ·       フォーラムの最新情報をサイドバーに表示する方法       ·       ピックアップ記事をアイキャッチつきでサイドバーに表示       ·       サムネイル画像つきの投稿記事一覧をサイドバーに設置       ·       サイドバーにYouTube動画を設置       ·       サイドバーに広告を設置       ·       ウィジェットの使い方       ·       フッターテキスト設定       ·       メタタグ設定       ·       ソーシャルボタン設定       ·       広告ボックスの設定       ·       コメント表示設定       ·       グローバル設定       ·       ナビゲーションメニューの設定       ·       ロゴ画像の設定       ·       テーマのインストール       ·       YouTube動画投稿のデモ       ·      

「Shortcodes Ultimate」プラグインの設定と使い方

2014年 11月10日  by 
2014年 11月10日  by 
2014年 11月10日  by 
2014年 11月10日  by 
2014年 11月10日  by 

 

「Shortcodes Ultimate」をインストールして有効化すると管理画面の左メニューに「ショートコード」が追加されます。

bandicam 2014-11-10 23-17-28-936

 

「ショートコード」→「設定」→「About」で、プラグインの概要や解説動画を確認できます。(解説動画は英語です)

bandicam 2014-11-10 23-18-04-776

 

基本的な設定は「ショートコード」→「設定」→「設定」から行いますが、特に変更する必要はありません。 ただ、他にショートコード系のプラグインを使用している場合はショートコードの接頭辞を変更しておいたほうがいいでしょう。

bandicam 2014-11-10 23-18-25-281

 

CSSに詳しい方は、「ショートコード」→「設定」→「カスタムCSS」からショートコードのカスタマイズが可能です。(上級者向き)

bandicam 2014-11-10 23-18-36-684

 

「ショートコード」→「例」をクリックすると、様々なショートコードの使用例の項目が表示されます。

bandicam 2014-11-10 23-39-30-289

 

例として、「アンリミテッドボタン」をクリックするとボタンのサンプルが表示されるので、コードを取得をクリックしてみます。

bandicam 2014-11-10 23-39-59-040

 

ボタンのサイズ別にショートコードが表示されるので、使いたいものをコピーしてエディタに貼り付け、テキスト部分を書き換えればOKです。

bandicam 2014-11-10 23-40-27-584

 

実際の投稿での使用方法

実際に投稿記事にショートコードを適用させる場合には、エディタ上部に追加された「ショートコードを挿入」ボタンを使用します。

bandicam 2014-11-11 00-03-15-430

 

ショートコードを挿入したい箇所にカーソルを置き「ショートコードを挿入」ボタンをクリックすると、下の画像のように数十種類のショートコードが表示されます。 ここでは例として「タブ」を選択しました。

bandicam 2014-11-11 00-08-26-622

 

「タブ」の設定画面が開くので、それぞれの項目を埋めていきます。

bandicam 2014-11-11 00-09-22-567

 

プレビューで表示を確認し、よければ「ショートコードを挿入」ボタンをクリックします。

bandicam 2014-11-11 00-10-06-331

 

エディタ上に下のようなショートコードが挿入されました。

bandicam 2014-11-11 00-17-00-058

実際のタブのサンプルはこちらです。 ↓

Title 1Title 2Title 3
コンテンツ 1
コンテンツ 2
コンテンツ 3

 

あまりにも種類が多いため、すべては紹介し切れませんが、ショートコードをうまく活用して、見栄えの良いコンテンツの作成に役立ててください。

 

Socialise With Us

backtotop