2017/09/27

ELEPHANTで使える便利なショートコード【一覧】

 

この記事を書いている人 - WRITER -
JUNICHI
ELEPHANT SINGLEの開発者。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
詳しいプロフィールはこちら

ここでは、WordPressテーマ『ELEPHANT』で使える便利なショートコードを一覧にしました。

 

カラム

2カラム

 

3カラム

 

3:7の割合のカラム(スマホではカラム解除)

ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!

記述方法はこちら↓

 

 

7:3の割合のカラム(スマホではカラム解除)

ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!ここに文章を書いて、横の画像の説明したり色々できるぜ!

記述方法はこちら↓

 

スマホにもカラムが適用されるショートコード

スマホでも2カラム、PCでも2カラム

記述方法はこちら↓

 

スマホでも3カラム、PCでも3カラム

記述方法はこちら↓

 

スマホでも3:7カラム、PCでも3:7カラム

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

 

 

4カラム(PCでは4カラム、スマホでは2カラムが2段)





記述方法はこちら↓

 

黄色い蛍光ペンでアンダーライン

黄色い蛍光ペンでアンダーライン  

 

スマホの時に文字を小さくするショートコード

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

↑PCから見ただけではあまり分からないと思いますが、スマホから見るとこの文字の大きさが半分くらいになります。
(スマホでぜひご確認下さい。他の部分と比べて文字が小さくなっていると思います。)

使いどころは限られているかもしれませんが、裏技としてお使いください。

↓記述方法はこちら

 

 

ボタンリンク

ボタンリンクを作るときは必ず文字の部分にリンクを張ってください。でないと、ボタンになりません。

 

 

 

 

 

 

 

横幅固定のボタン

 

 

囲い枠

シンプルな枠線です。
 

黄色の囲いです。
 

ピンク色の囲いです。
 

水色の囲いです。
 

オレンジ色の囲いです。
 

緑色の囲いです。
 

 

吹き出し

吹き出し(シンプル)

吹き出しショートコードが追加されたよ。

JUNICHI

おおおお!それは嬉しいゾゥ。

ゾウさん

 

吹き出し(Facebook風)

吹き出しショートコードが追加されたよ。

JUNICHI

おおおお!それは嬉しいゾゥ。

ゾウさん

 

吹き出し(LINE風)

吹き出しショートコードが追加されたよ。

JUNICHI

おおおお!それは嬉しいゾゥ。

ゾウさん

 

 

LPフルワイドブロック

画面横一杯のフルワイドのブロックを作れるショートコードです。LP以外にも、シングルカラムの下部のウィジェットでも使えます。

白色のブロック

 

ピンク色のブロック

 

クリムゾン色のブロック

 

オレンジ色のブロック

 

スチールブルーのブロック

 

ミッドナイト色のブロック

 

落ち着いた緑色のブロック

 

深緑色のブロック

 

薄いグレーのブロック

 

水色のブロック

 

黄緑色のブロック

 

ダーク色のブロック

 

青色のブロック

 

他にもこんな色が欲しい!というものがあれば、追加予定です。

 

 

フルワイド画像コンテンツ

たとえば、今風の画面いっぱいに広がるランディングページで画像の上に文字やボタン、画像なんかも設置ができます。

まずはデモページをご覧ください。↓

 

 

記事幅内での画像の上にコンテンツを載せる

ニモォォォォ!!

どこだぁあああぁあぁぁ!!

 

関連記事

 

プロフィール

この記事を書いている人 - WRITER -

色んな人にブログ運営の事を教えている。得意なのはブログ集客・SNS活用法・SEOライティング。
※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
詳しいプロフィールはこちら

JUNICHI

フローチャート

〇フロー1

ここにフローを書くここにフローを書くここにフローを書くここにフローを書くここにフローを書くここにフローを書く

〇フロー1

ここにフローを書くここにフローを書くここにフローを書くここにフローを書くここにフローを書くここにフローを書く

 

 

漢字のフリガナ、傍点

こんな風に難しい漢字かんじにフリガナが振れます。

 

強調したいときは、こんな風に傍点が振れると目立ちますね!

 

 

年齢自動計算

あまり使いどころは多くない、あなたの年齢を自動で計算して表示させてくれるショートコード。

1983年12月20日生まれの僕の今日の今現在の年齢は 33歳です。

↓以下のコードを書くと年齢の数字の部分だけ出ます。プロフィールとかに使ってね。

 

 

今のところELEPHANTで使えるショートコードは以上です!

 

 

ELEPHANT SINGLEで使えるショートコードをプラグインAddQuicktagに一気に取り込む方法は以下のページを参考にしてください。

この記事を書いている人 - WRITER -
JUNICHI
ELEPHANT SINGLEの開発者。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
詳しいプロフィールはこちら




Copyright© ELEPHANT SINGLE , 2017 All Rights Reserved.