現在AMPページで画像が表示されていないようです。通常ページで閲覧下さい。

多機能プラグインSyortcodes Ultimateの【ボックス】の紹介

Syortcodes Ultimate【ボックス】

宝箱

今回はSyortcodes Ultimatの「ボックス」の紹介です。

他のサイトとの差別化を図るためには必要な機能が

ありますので、ぜひこのページで基本的な使いかたを学び

自分でカスタマイズして活用していきましょう。

 

ショートコード(ボックス)

上記画面がSyortcodes Ultimate「ボックス」の一覧になります。

タブ(コンテナ)

デフォルト(横)

タブ名タブ名タブ名
タブコンテンツ
タブコンテンツ
タブコンテンツ

デフォルト(縦)

タブ名タブ名タブ名
タブコンテンツ
タブコンテンツ
タブコンテンツ

これは、使い道があるようで、今のところ考えつかないですね。

スペースの節約には使えそうですが…

タブ(単一)

これはコンテナタブと組み合わせるようですが

よくわかりませんでした。

使い道は上記と一緒です。

スポイラー

デフォルト

スポイラーのタイトル
非表示のコンテンツ

ファンシー

スポイラーのタイトル
非表示のコンテンツ

シンプル

スポイラーのタイトル
非表示のコンテンツ

アイコンが下から選べます

  1. プラス
  2. プラスサークル
  3. プラスサークル1
  4. プラスサークル2
  5. 矢印
  6. 矢印円1
  7. 矢印円2
  8. シェブロン
  9. シェブロンサークル
  10. カーソル
  11. 正方形のカーソル
  12. フォルダ1
  13. フォルダ2

例:ファンシー+ピックアップ

スポイラーのタイトル
非表示のコンテンツ
スポイラーのタイトル
非表示のコンテンツ
スポイラーのタイトル
非表示のコンテンツ
スポイラーのタイトル
非表示のコンテンツ
スポイラーのタイトル
非表示のコンテンツ

これもスペースの節約には使えますね。

長文書いて隠せばって、意味あるのかな?

使えそうで、使えない感じで今のところ思いつきませんが

見栄えで人目は引けるかも(笑)

アコーディオン

 

スポイラーのタイトル
非表示のコンテンツ
スポイラーのタイトル
非表示のコンテンツ
スポイラーのタイトル
非表示のコンテンツ

スポイラーの数が増えた形ですね。

使い道はわかりませんがスポイラーと組み合わせられる

気がしますが、こちらは設定項目が無いので

使うならスポイラーの方ですかね。

 

引用

 

これは、デモです。やまとし

これは引用符で使えますね。

pullquote(プルクオート)

 

これは見出しです。

 

プルクオートとは抜粋見出しで、右か左に文字を寄せて使うみたいですが、

使っているの見た事ないですね。

columns(カラム)

 

これをやまとしは一番使います

画像とテキストを左右で分けることが出来ます。

画像で説明します。

[adchord]

左右1/2表示

ホームページ
ホームページ

左2/3 右1/3表示

ホームページ
ホームページ

左1/3画像 右2/3ダミーテキスト

ホームページ

Sed auctor elit a metus ullamcorper, sit amet laoreet erat malesuada. Fusce auctor gravida suscipit. Pellentesque porta ipsum non lectus hendrerit volutpat. Pellentesque lacinia pretium semper. Nulla lobortis eros in ligula lobortis, eget vehicula felis elementum. Maecenas accumsan tincidunt molestie. Aliquam convallis consequat feugiat. Sed eget arcu at nulla venenatis imperdiet at dapibus dui. Vestibulum ullamcorper ornare mi, vel vulputate arcu laoreet a. Etiam magna magna, pharetra vel mi eu, viverra congue arcu.

これは画像が大きくても縮小してくれますし

スマホ表示でも表示のバランスが崩れないので

使えると思いますので、ぜひ活用してください。

 

使い方はこちらでも紹介しています(少しですが)

 

初心者ブログから成功へ

初心者がWordPressを導入するうえで2018/04/01時点で必要なものを考えてみた。[…]

 

[adchord]

サービス

 

デフォルト

サービスタイトル
サービスの説明

 

アイコンピッカー+色変更

サービスタイトル
サービスの説明

 

アイコンピッカーのかわりに画像も使えます。

これは細かい所で使えそうな気がしますが

使うのは今後でしょうかね。

ボックス

デフォルト

これは見本です。

スタイル(泡)+色変更+ダミーテキスト

これはダミーテキストです。

Sed auctor elit a metus ullamcorper, sit amet laoreet erat malesuada. Fusce auctor gravida suscipit. Pellentesque porta ipsum non lectus hendrerit volutpat. Pellentesque lacinia pretium semper. Nulla lobortis eros in ligula lobortis, eget vehicula felis elementum. Maecenas accumsan tincidunt molestie. Aliquam convallis consequat feugiat. Sed eget arcu at nulla venenatis imperdiet at dapibus dui. Vestibulum ullamcorper ornare mi, vel vulputate arcu laoreet a. Etiam magna magna, pharetra vel mi eu, viverra congue arcu.

スタイルが選べます

  1. デフォルト
  2. ソフト
  3. ガラス
  4. ノイズ

これは使えると思います。

前、少し内部リンクに使っていましたが変更したため

今は使ってませんが、長文書けばCTAボックスの

ような使い方が出来ると思いますし、

組み合わせて使えばいいと思います。

例:スタイル(ガラス)+ダミーテキスト+リンクカード×2

 

関連記事

Sed auctor elit a metus ullamcorper, sit amet laoreet erat malesuada. Fusce auctor gravida suscipit. Pellentesque porta ipsum non lectus hendrerit volutpat. Pellentesque lacinia pretium semper. Nulla lobortis eros in ligula lobortis, eget vehicula felis elementum. Maecenas accumsan tincidunt molestie. Aliquam convallis consequat feugiat. Sed eget arcu at nulla venenatis imperdiet at dapibus dui. Vestibulum ullamcorper ornare mi, vel vulputate arcu laoreet a. Etiam magna magna, pharetra vel mi eu, viverra congue arcu.

初心者ブログから成功へ

WordpressプラグインSyortcodes Ultimateのアニメーション機能を使い、人目を惹(ひ)いてサイトの直帰率の対策をしてみよう。初心者むけ[…]

初心者ブログから成功へ

Wordpressブログで差別化を図るために必要なプラグインその中でも、これ一つで色々こなせるプラグインSyortcodes Ultimateの(コンテンツ)の紹介になります。数回にわけて紹介予定です。[…]

 

ノート

デフォルト

ノートテキスト

背景色変更+ダミーテキスト+半径20

Sed auctor elit a metus ullamcorper, sit amet laoreet erat malesuada. Fusce auctor gravida suscipit. Pellentesque porta ipsum non lectus hendrerit volutpat. Pellentesque lacinia pretium semper. Nulla lobortis eros in ligula lobortis, eget vehicula felis elementum. Maecenas accumsan tincidunt molestie. Aliquam convallis consequat feugiat. Sed eget arcu at nulla venenatis imperdiet at dapibus dui. Vestibulum ullamcorper ornare mi, vel vulputate arcu laoreet a. Etiam magna magna, pharetra vel mi eu, viverra congue arcu.

これは背景の色が変更できるみたいで、

これは使ってませんでしたが、他のサイトとの差別化で使えそうです。

また、一部分での使用などでも効果的でしょうかね…

今後使うかも知れませんが、色の選択選びが難しそうですね。

拡大

 

これはテキストの表示を小さく折畳めることができ

拡大表示できるようになっています。

 

これは便利ではあります、長文記事を書いたときに

そこまで閲覧してもらわなくてもいい部分などに、使用

するような感じでいいでしょうか、興味がある方は

拡大して読むでしょうし、アクセントにはなるでしょう。

 

Syortcodes Ultimate【ボックス】まとめ

ここは色々と組み合わせて使う感じの機能で

使いこなせれば色々と使える出番があると思います。

 

一部にアクセント的な使い方でも効果的で、他のサイトとの

差別化を図るためには地味(アクセント)な使いかたでも

いいかと思います。

最新情報をチェックしよう!
広告