*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

Top Page › Template › カスタマイズ › lace-al3,al2 のカスタマイズ(エントリー要約表示)
2019-04-06 (Sat)  23:21

lace-al3,al2 のカスタマイズ(エントリー要約表示)

レスポンシブテンプレート、lace-al3(3カラム), lace-al2(2カラム)の記事表示の変更方法です。
共有テンプレートDL時のトップページのエントリー表示は、2・3カラムとも記事毎の全文表示になっています。
これを要約表示に変更する方法です。

'19年4月5日の更新で、記事表示変更箇所を分かり易くするよう、HTML編集枠内のソースにコメントアウトを入れました。

lace-al3-mihon
クリックで見本を表示↑3カラム

lace-al2-mihon
クリックで見本を表示↑2カラム

◎ テンプレートの設定画面を開いてHTMLを編集する。
管理画面左の『テンプレートの設定』 →[lace-al2(3)]のHTML編集枠を開いて <!-- 要約表示用HTMLの貼り換え ここから--> という所から <!-- 要約表示用HTMLの貼り換え ここまで--> という所までを、下記↓Read More に掲載しているHTMLに変更して下さい(コピー&ペースト)。
不具合が有った時のために『複製』を作成して作業する事をお勧め致します。m(__)m

('19/04/26 の修正・更新記事の通り、追記事のHTMLソースを修正致しました。)

<!-- 要約表示用HTMLの貼り換え ここから-->
<!-- トップページ ここから-->
<!--topentry-->
<div class="con2">
<section>
<div class="entry_title"><h2 id="entry<%topentry_no>"><a href="<%topentry_link>"><%topentry_title></a></h2></div>
<div class="entry_date"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>)<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" rel="noopener"><img src="https://blog-imgs-32.fc2.com/s/o/r/sorauta1/pencil.gif" alt="<%author_name>" width="12" height="12" style="margin-left:5px;vertical-align:middle;"></a>
</div>
<!--not_edit_area--><!--not_titlelist_area--><!--not_search_area--><!--not_permanent_area-->
<!--div class="kiji1"--><!--kiji1-->
<div class="left">
<a href="<%topentry_link>"><img src="https://blog-imgs-124.fc2.com/s/o/r/sorauta1/10pxtp.png" data-src="<%topentry_image_url>" alt="<%topentry_title>" onerror="this.src='https://blog-imgs-123.fc2.com/s/o/r/sorauta1/1-1.gif';"></a>
</div>
<div class="right">
<div class="text_overflow">
<p class="moji-c"><%topentry_description></p>
</div>
<p class="right-txt clearLeft"><a href="<%topentry_link>">... 続きを読む</a></p>
</div>
<!--/div--><!--/kiji1-->
<!--/not_permanent_area--><!--/not_search_area--><!--/not_titlelist_area--><!--/not_edit_area-->

<div class="con2_body <!--not_edit_area--><!--not_titlelist_area--><!--not_search_area--><!--not_permanent_area-->kiji1 kiji2<!--/not_permanent_area--><!--/not_search_area--><!--/not_titlelist_area--><!--/not_edit_area-->"><!--permanent_area--><%topentry_body>
<!--more_link-->
<a href="<%topentry_link>#readmore">Read More</a>
<!--/more_link-->
<!--more-->
<p id="readmore" style="padding-top:3em;margin-top:-3em;margin-left:-5px;">​</p>
<!-- 記事ページの追記開閉が不要の場合はここから削除 -->
<!--permanent_area-->
<a href="javascript:void(0);" onClick="showHide('more<%topentry_no>');">Read More</a>
<noscript>
<a href="<%topentry_link>#more">Read More</a>
</noscript>
<div class="sidehide" id="more<%topentry_no>" style="padding:0;">
<hr>
<p style="margin:15px 0;"><%topentry_more><a href="#readmore" onClick="showHide('more<%topentry_no>');">Return</a></p>
</div>
<!--/permanent_area-->
<!-- 追記開閉が不要の場合はここまでを削除し、この部分に<%topentry_more>(全角山括弧を半角に変更して)を入れる -->
<!--/more-->
<!--/permanent_area-->
</div>
<!-- 要約表示用HTMLの貼り換え ここまで-->

Comment




ご質問,不具合は確認用にURLをお願いします。




管理者にだけ表示を許可