環境への取り組み

SOLARIS専用のデザインで新しく追加されたクイックタグボタン

従来のTCDテーマにも便利なクイックタグ機能は実装されていましたが、SOLARISには、サイトのデザインに合った見出しなどを瞬時に呼び出せるクイックタグボタンが追加されました。

SOLARIS専用で追加されたクイックタグボタンは以下の通りです。クイックタグはエディターが使える箇所であれば、どこでも出力可能です。

  • デザイン見出し1
  • デザイン見出し2
  • デザインライン
  • 2列画像

デザイン見出し1

まずは、最も使いやすいH2タグのデザインです。まさにこの見出し(↑)になります。SOLARISにフィットするようにマージンが調整済みの中央寄せのh2見出しが出力されます。デモサイト内の下層ページでも使用している汎用性の高いものです。下記のサンプルページ本文内にも使っています。

サービス詳細ページのサンプル

デザイン見出し2

こちらは、見出しの下にボーダーとメインカラーが適用されるデザイン見出しです。

SOLARIS内の他の箇所とも整合性の取れるデザインになっているので、多くの箇所にお使いいただけると思います。固定ページでも通常の投稿でも、自由にお使いください。1カラムでも2カラムでもフィットする仕様になっています。

デザインライン

<SOLARISのデザインライン>


<通常の「<hr>」>


デザインラインは、SOLARIS用のデザインされたボーダーになります。上下のスペースや2カラム時のデザインが調整されています。SOLARISでつくったサイト内でコンテンツを区別したい場合は、ぜひこちらをお使いください。並べて見ると通常の「<hr>」とはカラーや上下の余白が異なります。

2列画像

こちらは、画像を横並びで設置したい際にお使いください(画像をクリックして実際のページで確認できます)。

TCDテーマならデフォルトで「レイアウト2c」というものがありますが、スマホ環境では縦に並んで表示されます。SOLARIS専用の「2列画像」を使えば、スマホ環境でも横並びでレイアウトされます。スマホデバイスでも、縦に長く表示したくない場合に最適です。ぜひ上記リンクを実機で確認してみてください。

新しいクイックタグを使って自由にページを制作してみてください。

関連記事

TOP