勢いがあるうちに記事にしておきます。
今使用しているライブドアブログのテンプレート
「メディア2021」ですが、トップ画面にあるスライド部分を変更しました。

↑この部分の変更です。
★スライド部分の内容的には画像をクリック画像の記事のリンクへ飛ぶ
画像は選べる
★記事の日付と 記事のカテゴリと 記事のタイトル
の要素があります。
組み合わせとか、リンクとか、慣れていればそれ以上の改造や使い道があると思います。
イベントやアンケートフォームに移動など。
一応、公式に方法が載っています。
書いてある順に変更すれば可能ですがややこしいので、一応手順をまとめました。
※素人なので参考までにお願いします
◇◇◇◇◇準備◇◇◇◇◇◇
1カテゴリ内の1つの記事 をえらぶ
2 ↓ のURL
3 ↓ の画像のURL
4 ↓ の記事投稿日
5 ↓ のカテゴリのURL
6 ↓ のカテゴリの名前
7 ↓ の記事URL
8 ↓ の記事タイトル
を準備する
7と8は宣伝ページなどに誘導が可能なリンクかと。
スクロールが5つまで可能なので、5記事まで作成可能かと。
4つしか作らないと4つしかのらない。
私のだとこんな感じ
1カテゴリ内の1つの記事 をえらぶ 文具女子博
2 ↓ のURL http://wshinchan-next.blog.jp/archives/42044335.html
3 ↓ の画像のURL https://livedoor.blogimg.jp/wshinchan/imgs/1/5/157b309a.jpg
4 ↓ の記事投稿日 2023年12月22日
5 ↓ のカテゴリのURL http://wshinchan-next.blog.jp/archives/cat_392363.html
6 ↓ のカテゴリの名前 ★☆文具女子博・第1回~☆★
7 ↓ の記事URL http://wshinchan-next.blog.jp/archives/42044335.html
8 ↓ の記事タイトル 文具女子博2023★戦利品
を、5つ分用意する
◇◇◇手順◇◇◇
必ず
デザイン設定→PC→保存で 今の状態を保存しておく。
その後
デザイン設定→カスタマイズ→トップページのHTMLを
2つのメモ帳にそれぞれコピーをして
1つには「復活用」として保存しておく。(PCのフリーズなどに備えておく)
上のライブドアのサイトの手順通りに保存用ではないメモ帳の方を変更していく
<IndexArticlesNoFeedLoop>〜</IndexArticlesNoFeedLoop> までをコメントアウト、または削除する
<IfDontDisplay>と</IfDontDisplay>を削除、またはコメントアウトする
↑は、書いてあるように消してゆけばOK。
↓差し替えするのはこの部分なので、メモ帳などに5つコピーして
始めに準備したURLを貼り付けていく
<li class="swiper-slide">
<a href="https://staff.livedoor.blog/archives/51988828.html"><img src="https://livedoor.blogimg.jp/staff/imgs/f/4/f4fc2029.png" alt="見出し画像"></a>
<div><span><time>2021年09月27日</time></span>
<div>
<span><a href="https://staff.livedoor.blog/archives/cat_0015.html">新機能・お知らせ</a></span>
<!-- 2個めのカテゴリがあったらコメントアウトを外す <span><a href="カテゴリURL">記事カテゴリ名</a></span> -->
</div>
<div><a href="https://staff.livedoor.blog/archives/51988828.html">「ローカルブロガープログラム」ブロガー募集ページを公開しました</a></div>
</div>
</li>
私のだと
<li class="swiper-slide">
<a href="http://wshinchan-next.blog.jp/archives/42044335.html"><img src="https://livedoor.blogimg.jp/wshinchan/imgs/1/5/157b309a.jpg" alt=""></a>
<div><span><time>2023年12月22日</time></span>
<div>
<span><a href="http://wshinchan-next.blog.jp/archives/cat_392363.html">★☆文具女子博・第1回~☆★</a></span>
</div>
<div><a href="http://wshinchan-next.blog.jp/archives/42044335.html">文具女子博2023★戦利品</a></div>
</div>
</li>
↑こんな感じに当てはめて、それを5つ分つくり
↑メモ帳上で5つつなげた物を
始めに作った「色々削除や変更を加えたメモ帳」の
<!-- IfDontDisplay --><!-- コメントアウト用独自タグ -->
<ul class="autopagerize_page_element">
ここに入れる
</ul>
<!-- /IfDontDisplay --><!-- コメントアウト用独自タグ -->
<ul class="autopagerize_page_element">
ここに入れる
</ul>
<!-- /IfDontDisplay --><!-- コメントアウト用独自タグ -->
そして、全てを選択し
デザイン設定→カスタマイズ→トップページのHTMLに書き換える。
更新をすれば変更がされていると思います。
↓設定した物に変更になりました
作業自体はややこしいけれど
操作自体はそんなに難しくはありませんでした。
後は色を変更とか、いろいろ試してみたいです。
久々にブログランキングに力を入れはじめました!どうぞよろしくお願いします! ブログランキングとはランキング形式で紹介するサイトです。クリックで投票!他の方のブログもたくさん読むことができます! | |
にほんブログ村 ↓click! | 人気ブログランキング ↓click! |
|