Webデザインの技術アップ

便利なWP Canvas – Shortcodes

まず「WP Canvas – Shortcodesplug」をプラグインに新規追加して、有効にする。

あなたのWordpress管理画面の左メニュー「プラグイン」→「新規追加」→WP Canvas – Shortcodesをインストール(下記画像参照)

インストールして「プラグインを有効」にして、いよいよ作業開始。
ビジュアル画面にWP Canvasのメニューが2個表示(下図参照)されました。

画像を横に2列に並べることもできるこのプラグインは他にこんなこともできます。

■Elments→Buttons:リンクボタンの表示

こんなボタンもサクッとできる↓
[wc_button type=”primary” url=”http://webplantmedia.com” title=”Visit Site” target=”self” position=”float”]ボタンができる[/wc_button]

[wc_button type=”primary” url=”http://webplantmedia.com” title=”Visit Site” target=”self” position=”float”]Sample Content[/wc_button]

 

こんなフォントアイコンが作れる

Elments→Skillbar:プログレスバーの表示

人気投票やアンケート、その他などの表示に利用できる。サイトの説得力もアップ。パーセントや色、コメント自由に変更できる。

[wc_skillbar title=”支持する” percentage=”100″ color=”#6adcfa”]

[wc_skillbar title=”効果があった” percentage=”80″ color=”#CFEFBC”]

jQuery>Accodionアコーディオンメニュー

[wc_accordion collapse=”0″ leaveopen=”0″ layout=”box”]

[wc_accordion_section title=”Section 1″]

口コミ

[/wc_accordion_section]

[wc_accordion_section title=”Section 2″]

おすすめポイント

[/wc_accordion_section]

[/wc_accordion]

こんなタブ記事もできる(画像挿入OK)

デフォルトはタブが2つだけど、タブを増やすこともできるよ。

[wc_tabgroup layout=”box”]

[wc_tab title=”男性用”]

男性の身だしなみにかかせない香水選びのポイントを紹介。

[/wc_tab]

[wc_tab title=”女性用”]

女性のさりげないおしゃれに香水はかかせない。

60796711

[/wc_tab]

[wc_tab title=”子ども用”]

最近は子供用お香水も発売されキュートな香りが人気だ。

[/wc_tab]

[/wc_tabgroup]

Elements>Testimonialで吹き出しができる

体験談や口コミ、自己紹介などに便利。コンテンツの見栄えもよくなる。

[wc_testimonial by=”桜子さん” url=”” position=”left”]1週間で化粧ノリがよくなった![/wc_testimonial]

Elments→Pricing Tavle:価格表の表示

グーグルマップも簡単挿入

この他にも
・ハイライト(背景色)
・ソーシャルアイコン
・フラグ付きの画像
・トグル
・カラムとセクション
・ボーダー
・通知
・価格表
・カウントダウン
・任意の投稿の表示
・様々な種類のアイコン

など色々できるので、実際に試してみよう。

この記事が気に入ったら
いいね ! しよう

関連記事

  1. ASPのオファー率を上げるお問合せフォームプラグインContact F…

アフィリエイトで稼ぐ5STEP

アフィリエイトの基礎サイトを作ってみるサイトをキレイにデザインする売れる記事の書き方サイトを収益化




稼げる無料レポート配布中

儲かるキーワードの発見法・稼ぎ方

SEOに強いWPテンプレート

読まれる記事にこだわる

文賢

PAGE TOP

アフィリエイトサイト作りの基本

アフィリエイトサイトは育てながら稼ぐという根拠と手法

アフィリエイトサイト作りの基本

初心者が稼ぐためのサイトの収益化を図解で正直に解説

アフィリエイトサイト作りの基本

サイト作成のスピード化を図り、同時に報酬アップにつなげやすい体験談を書いてもらう…

アフィリエイトを始める準備と手順

超簡単!アフィリエイトの始め方や仕組みを図解で徹底解説

アフィリエイトサイト作りの基本

自分の強みを生かした専門店型アフィリエイトサイト作りのコツ