2017/08/18

新しいカラム分けのショートコードを追加しました

Warning: Use of undefined constant full - assumed 'full' (this will throw an Error in a future version of PHP) in /home/junichi-2nd/blog-marketing-school.com/public_html/elephant/wp-content/themes/elephant2/single.php on line 56

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

JUNICHI

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

詳しいプロフィールはこちら

2017/8/18のELEPHANT2のバージョンアップ1.1.7で以下のショートコードが新しく使えるようになりました。

かゆいところに手が届くようになるショートコードです。

是非使ってみてください。

1 PCのみに適用されるカラム
2 スマホにもカラムが適用されるショートコード
3 スマホの時に文字を小さくするショートコード

PCのみに適用されるカラム

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

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

記述方法はこちら↓

[colwrap][col37]
こちらに左側のコンテンツ（画像などがおすすめ）
[/col37][col73]
こちらに右側のコンテンツ（文章などがおすすめ）
[/col73][/colwrap]

[colwrap][col37]

こちらに左側のコンテンツ（画像などがおすすめ）

[/col37][col73]

こちらに右側のコンテンツ（文章などがおすすめ）

[/col73][/colwrap]

7：3の割合のカラム（スマホではカラム解除）

記述方法はこちら↓

[colwrap][col73]
こちらに左側のコンテンツ（文章などがおすすめ）
[/col73][col37]
こちらに右側のコンテンツ（画像などがおすすめ）
[/col37][/colwrap]

[colwrap][col73]

こちらに左側のコンテンツ（文章などがおすすめ）

[/col73][col37]

こちらに右側のコンテンツ（画像などがおすすめ）

[/col37][/colwrap]

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

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

記述方法はこちら↓

[spcolwrap][spcol2]
ここに左側コンテンツ
[/spcol2][spcol2]
ここに右側コンテンツ
[/spcol2][/spcolwrap]

[spcolwrap][spcol2]

ここに左側コンテンツ

[/spcol2][spcol2]

ここに右側コンテンツ

[/spcol2][/spcolwrap]

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

記述方法はこちら↓

[spcolwrap][spcol3]
ここに左側コンテンツ
[/spcol3][spcol3]
ここに中央コンテンツ
[/spcol3][spcol3]
ここに右側コンテンツ
[/spcol3][/spcolwrap]

[spcolwrap][spcol3]

ここに左側コンテンツ

[/spcol3][spcol3]

ここに中央コンテンツ

[/spcol3][spcol3]

ここに右側コンテンツ

[/spcol3][/spcolwrap]

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

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

4カラム（PCでは4カラム、スマホでは2カラムが2段）

記述方法はこちら↓

[colwrap][col4]
ここにコンテンツ
[/col4][col4]
ここにコンテンツ
[/col4][col4]
ここにコンテンツ
[/col4][col4]
ここにコンテンツ
[/col4][/colwrap]

[colwrap][col4]

ここにコンテンツ

[/col4][col4]

ここにコンテンツ

[/col4][col4]

ここにコンテンツ

[/col4][col4]

ここにコンテンツ

[/col4][/colwrap]

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

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

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

↓記述方法はこちら

[spfont]
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
[/spfont]

[spfont]

[/spfont]

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

[spcolwrap][spcol37]
ここに画像などのコンテンツ
[/spcol37][spcol73]
[spfont]
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
[/spfont]
[/spcol73][/spcolwrap]