Thanks to visit codestin.com
Credit goes to mamewaza.com

箇条書きの並列配置&CSSコーディング

箇条書きが並列配置に対応し、またCSSのコーディングが可能になりました。
これら最近のアップデートについて解説します。

箇条書きが並列配置に対応

箇条書きの行を並列に配置可能になりました。
単語の羅列を見栄え良く飾ったり、表示領域の有効活用に適しています。

使い方

他の並列対応ブロックと同様に「装飾」メニューで設定します。
「行の装飾」カテゴリーにある「並び」欄で「並列」を選びます。

「並列」を選ぶと、以下で説明する「形」「スクロール」「最小幅」が選択可能になります。

行の縦横比を設定します。
初期値の「自動(引伸)」は、「最小幅」によらず領域を埋めるように幅が引き伸ばされます。
スクロール全ての行が並列に配置され、はみ出した分は自動スクロールで表示されます
最小幅行の最小幅を設定します

装飾の雛形

箇条書きの装飾雛形も一新しました。
「装飾」メニューの最初に表示される「パパッと装飾」から選んで設定できます。並列の雛形も追加したのでお気軽にお試しください。

箇条書きの装飾のその他の更新箇所

今回の更新にあたり箇条書きの装飾の一部を修正しました。

  • マークの追加
    新たにI・II・III、い・ろ・は、一・二・三、壱・弐・参、を追加しました。
  • マークの位置の調整
    マークは基本的に各項の左外側に配置されます。これを内側にも配置可能にしました。

  • マークの色・サイズ
    一部のマークが未対応だったマークの色・サイズ調整に全マークが対応しました。

  • 左右中央揃え
    テキストの左右中央揃えが可能になりました。
    中央・右を選ぶと、「マークの位置」が「内側」に自動設定されます。
  • 行の隙間
    これまで設定できた行のマージン(行の上下左右の余白)に加え、行の隙間(行と行の空間)が設定可能になりました。

CSSコーディング

「デザイン」編集で、CSSのコーディングが可能になりました。
CSSはホームページのデザイン部分を担う簡素なプログラミングです。
まめわざは、専門知識不要でホームページ運用ができることをコンセプトとしておりますが、CSSはわかりやすく、ネット上の多数の情報をコピーして使うことも想定し、直接コーディングができるように機能を追加しました。
本機能は有料プラン向けの機能です。ご了承願います。

使い方

「デザイン」の編集ページで、「もっとデザイン」の下の方にある「マイスタイル」欄で設定できます。