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

多機能プラグイン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(カラム)

 

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

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

画像で説明します。

Advertisement

左右1/2表示

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

左2/3 右1/3表示

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

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

ホームページ

Suspendisse bibendum dignissim augue, fermentum hendrerit sem feugiat dapibus. Cras mattis sed nulla sodales iaculis. In iaculis, quam id ornare mattis, mauris nisi dapibus eros, sed consequat massa ex nec eros. Mauris sit amet mi porttitor, cursus velit eget, fringilla purus. Praesent semper mi eget molestie faucibus. Pellentesque lobortis velit et sem tempus, a vehicula tortor mattis. Sed fringilla blandit nisi, ut laoreet velit consequat at. Quisque lorem nulla, gravida et diam a, rhoncus rhoncus odio. Nulla facilisi.

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

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

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

 

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

 

 

Advertisement

サービス

 

デフォルト

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

 

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

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

 

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

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

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

ボックス

デフォルト

これは見本です。

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

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

Suspendisse bibendum dignissim augue, fermentum hendrerit sem feugiat dapibus. Cras mattis sed nulla sodales iaculis. In iaculis, quam id ornare mattis, mauris nisi dapibus eros, sed consequat massa ex nec eros. Mauris sit amet mi porttitor, cursus velit eget, fringilla purus. Praesent semper mi eget molestie faucibus. Pellentesque lobortis velit et sem tempus, a vehicula tortor mattis. Sed fringilla blandit nisi, ut laoreet velit consequat at. Quisque lorem nulla, gravida et diam a, rhoncus rhoncus odio. Nulla facilisi.

スタイルが選べます

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

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

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

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

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

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

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

 

関連記事

Suspendisse bibendum dignissim augue, fermentum hendrerit sem feugiat dapibus. Cras mattis sed nulla sodales iaculis. In iaculis, quam id ornare mattis, mauris nisi dapibus eros, sed consequat massa ex nec eros. Mauris sit amet mi porttitor, cursus velit eget, fringilla purus. Praesent semper mi eget molestie faucibus. Pellentesque lobortis velit et sem tempus, a vehicula tortor mattis. Sed fringilla blandit nisi, ut laoreet velit consequat at. Quisque lorem nulla, gravida et diam a, rhoncus rhoncus odio. Nulla facilisi.

 

ノート

デフォルト

ノートテキスト

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

Suspendisse bibendum dignissim augue, fermentum hendrerit sem feugiat dapibus. Cras mattis sed nulla sodales iaculis. In iaculis, quam id ornare mattis, mauris nisi dapibus eros, sed consequat massa ex nec eros. Mauris sit amet mi porttitor, cursus velit eget, fringilla purus. Praesent semper mi eget molestie faucibus. Pellentesque lobortis velit et sem tempus, a vehicula tortor mattis. Sed fringilla blandit nisi, ut laoreet velit consequat at. Quisque lorem nulla, gravida et diam a, rhoncus rhoncus odio. Nulla facilisi.

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

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

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

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

拡大

 

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

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

 

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

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

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

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

 

Syortcodes Ultimate【ボックス】まとめ

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

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

 

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

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

いいかと思います。

WordPressカテゴリの最新記事