サイト運用のためのマニュアルサイト

リンク・テーブル(表)に既存のデザインを適用するには?

他のページと同じデザインのリンクボタンや表を使いたい場合は、クラス名を設定することで見た目を揃えられることがあります。

※CMSのバージョンや作りによっては下記する「クラス」の欄が存在しない場合がございます。

リンクにスタイルを適用する方法

  1. スタイルを適用したいリンクのテキスト部分を選択
    まず、ボタン風などのデザインを適用したいリンクを選択します。
  2.  「リンク挿入・編集」を開く
    リンク設定の画面を開きます。
  3.  「クラス」欄にクラス名を入力
    「クラス」欄に、適用したいクラス名を入力してください。
    入力したクラス名に応じて、リンクの見た目が変わります。
1fe899fedc311706415c8f990237b687-1776235721.png
6b3a0c0bbb4ded785a698d851fccff4e-1776235726.png
d6204988df74c42cb76759069679abd4-1776235732.png

テーブルにスタイルを適用する方法

  1. 表の中にカーソルを置く
    スタイルを適用したい表の中をクリックします。
  2. 「表の詳細設定」を開く
    表の設定画面を開きます。
  3.  「クラス」欄にクラス名を入力
    「クラス」欄に、適用したいクラス名を入力してください。
    クラスを設定すると、表の見た目を変更できます。
cd947d58324a60d9842db81c1804ec13-1776235837.png
046ccd3b6a8d568f40fc3bd13c0235b4-1776235843.png

スマホでも表を横並びのまま表示したい場合

スマホ表示でも表を縦並びにせず、横並びのまま表示したい場合は、nodrop-table のクラスを指定してください。

戻る