FREEDOM.

edit.php コマンド一覧に項目追加

めんどくさいソース入力をクリックひとつでやる
<li class="insert_item"><div class="flex_image"> </div></li>
<li class="insert_item"><div class="grid_image"> </div></li>
<li class="insert_item"><div style="display: none;"> </div></li>
<li class="insert_item">{1}{2}{3}{4}{5}</li>
<li class="insert_item">{6}{7}{8}{9}{10}</li>
<li class="insert_item">{11}{12}{13}1{4}{15}</li>
<li class="insert_item">{16}{17}{18}{19}{20}</li>

div装飾の追加クラス一覧と追加したCSSコード

<汎用装飾>
decoration1 …　強制的に画像を横に並べる image-flex
.decoration1 {
display: flex;
gap: 5px;
}

[[NEW]]表記の調整

skin-onelog.html
[[NEW]]で文字を入れることでCSSのクラス名を変える
背景色が掲載期間中に変わる文字(設定で変動するので変更したらそれにあわせること)

NEW!の文字を表示するために掲載期間中クラス名を変える
<span class="[[NEW]]newsign">NEW!</span>
NEW!の掲載期間中日にちを表示しないようにするため日にちと曜日時間にそれぞれspanをわけて掲載期間中クラス名を変える
<span class="postdate[[NEW]]">[[DATE:G.N.]]</span><span class="postdate2[[NEW]]">[[DATE:w.h:m.]]</span>

tegalog-dusk.css
[[NEW]]で文字を入れることでCSSのクラス名を変えたところの調整

掲載期間中"NEW!"の文字をいれるためのコード
   .newnewsign {
      display: inline-block;   /* インラインブロック化 */
      color: var(--color-a-hover);         /* 文字色 */
      font-size: 0.8em;      /* 文字サイズ */
      margin-right: 0.35em;   /* 外側下の余白量 */
   }
掲載期間後"NEW!"の文字を消すためのコード
   .newsign {
      display: none;
   }
掲載期間後の文字トップに時計のアイコンを入れるためのコード
   .postdate::before {
      font: var(--fa-font-icon);
      content: "\f017";
      margin-right: 0.3em;
      color: var(--color-bg-bar1);
   }
掲載期間中の文字トップに時計のアイコンを入れるためのコード
時計アイコンを::beforeで入れるため曜日時間の前にいれないようにするためクラス名を変える
   .postdate2new::before {
      font: var(--fa-font-icon);
      content: "\f017";
      margin-right: 0.3em;
      color: var(--color-bg-bar1);
   }
掲載期間中日にちを表示しないようにするためのコード
   .postdatenew {
      display: none;
   }