2018年2月よりサイト運営開始、日々、見た目や記事の修正を頑張っていますので、何回も足を運んで下さいね。

多機能プラグイン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ダミーテキスト

ホームページ

Phasellus gravida risus nec urna fermentum semper. In ultricies fringilla nunc, molestie sollicitudin nisi cursus at. Integer id erat quis tellus varius convallis quis at nisl. Donec varius porta eros, at pulvinar quam iaculis quis. Donec ac ligula vel odio consequat feugiat. Fusce eu urna vestibulum, bibendum dui a, dapibus magna. Aliquam erat volutpat. Aenean scelerisque felis porta lacus dignissim venenatis.

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

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

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

 

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

 

 

Advertisement

サービス

 

デフォルト

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

 

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

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

 

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

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

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

ボックス

デフォルト

これは見本です。

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

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

Phasellus gravida risus nec urna fermentum semper. In ultricies fringilla nunc, molestie sollicitudin nisi cursus at. Integer id erat quis tellus varius convallis quis at nisl. Donec varius porta eros, at pulvinar quam iaculis quis. Donec ac ligula vel odio consequat feugiat. Fusce eu urna vestibulum, bibendum dui a, dapibus magna. Aliquam erat volutpat. Aenean scelerisque felis porta lacus dignissim venenatis.

スタイルが選べます

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

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

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

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

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

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

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

 

 

ノート

デフォルト

ノートテキスト

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

Phasellus gravida risus nec urna fermentum semper. In ultricies fringilla nunc, molestie sollicitudin nisi cursus at. Integer id erat quis tellus varius convallis quis at nisl. Donec varius porta eros, at pulvinar quam iaculis quis. Donec ac ligula vel odio consequat feugiat. Fusce eu urna vestibulum, bibendum dui a, dapibus magna. Aliquam erat volutpat. Aenean scelerisque felis porta lacus dignissim venenatis.

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

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

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

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

拡大

デフォルト

 

アイコンピッカー設置+ダミーテキスト+表示の高さ100px

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

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

 

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

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

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

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

 

Syortcodes Ultimate【ボックス】まとめ

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

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

 

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

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

いいかと思います。

WordPressカテゴリの最新記事