メッセージへのお返事です

遅くなりましたがいただいたメッセージやコメントへのお返事です。ありがとうございます!

2024/09/25 mako さま
該当ページのコメント欄にてお返事しております、ご確認ください🙏

2024/09/29 てがろったー さま
お問い合わせありがとうございます。「てがろぐでmp3やmp4を埋め込み表示する」スクリプトはほかのテンプレート(スキン)でご利用くださって構いません!その際にはここのスクリプトを使ったよーとちらっとリンクしていただけると嬉しいです。

2024/10/02~03 CMSkinページへコメントくださった シュリンプ さま
コメントへのレスだとちょっとボリュームありすぎる感じになってしまうのでこちらで失礼します。現在配布しているCMSkinとデモとして公開しているものはデザイン以外かなり内部を書き換えているので、デモサイト内に配布しているCMSkinを適用しているページを作り紹介ページからのリンクもそちらへ貼り換えました。今デモサイトとして公開しているスキンもそのうち配布予定です。

現在配布中のものをご要望のように変更するには

トップページの諸々の順序

現在の_modulesフォルダ内footer.htmlの187~191行目あたり

//新着画像スライダー
var latest_img_slider = '<div class="latest_img_slider"><div>[[IMAGELIST:PURE]][[IMAGELIST:PURE]]</div></div>';
//更新履歴
var updatelist = '<div class="onelogbox updatelist"><div class="update_title">更新履歴</div>[[LATESTLIST:CAT(update_memo)]]</div>';
$('main').prepend(latest_img_slider + updatelist);

がスライダーと更新履歴をトップページに表示するスクリプトです。これを

//更新履歴
var updatelist = `<div class="onelogbox updatelist"><div class="update_title">更新履歴</div>[[LATESTLIST:CAT(update_memo)]]</div>`;
//新着画像スライダー
var latest_img_slider = `<div class="latest_img_slider"><div>[[IMAGELIST:PURE]][[IMAGELIST:PURE]]</div></div>`;
$('.onelogbox:nth-child(2)').after(updatelist + latest_img_slider);

としてみてください。

変更点

  • 更新履歴・新着画像スライダーに入れる文字列の括りを「'(シングルクォート)」から「`(バッククォート)」へ
  • 表示する場所と順序は上記の最終行で指定しています。ここを
    • <main>直下から二番目の記事ボックス(<article class="onelogbox">~</article>)の下へ
    • 更新履歴(updatelist)と新着画像スライダー(latest_img_slider)の順序を入れ替え
    しています

ヘッダー(グローバルナビ)の追従

現在の_modulesフォルダ内skin-cms.css内272~276行目あたりの

.global_nav {
position:relative;
height:40px;
overflow:visible;
}

.global_nav {
position:sticky;
top:0;
height:40px;
overflow:visible;
}

としてください。

カテゴリ別新着表示についてはもう少し試行錯誤したいのでしばしお待ちください。ひとまずてがろぐRSSを自サイト別ページに埋め込むJavascriptのRSSのURLを「RSSのURL&cat=カテゴリID」とすればカテゴリごとの新着を取得することができると思います。

最上部へ 最下部へ