レスポンシブテンプレート、serene-resp2c（2カラム）, serene-resp3c（3カラム）の記事表示の変更方法です。共有テンプレートDL時のトップページのエントリー表示は、2・3カラムとも記事毎の全文表示になっています。これを要約表示に変更する方法です。↑これを↓こんな風に（見本は3カラム。クリックでちょっと大きく表示します。）◎ テンプレートの設定画面を開いてHTMLを編集する。管理画面左の『テンプレートの設定』 →［seren...
どなるど 様へ * by aki
当方のテンプレート管理画面は、滅茶苦茶沢山の複製が有ります。^^;
ああでもない・こうでもない、でも忘れると困るから、いやいつかのために、等々…そのうち整理しないといけないなぁ～と思いつつ増えていってます。。
色々不備・不具合の更新も有って、ユーザーの方々にはご迷惑をお掛けしております。
皆様のお気付きが有ってのテンプレートと言いますか、当方もテンプレートも一緒に成長させてもらっております。(^-^;
本当に、いつも有難うございます。m(__)m
ああでもない・こうでもない、でも忘れると困るから、いやいつかのために、等々…そのうち整理しないといけないなぁ～と思いつつ増えていってます。。
色々不備・不具合の更新も有って、ユーザーの方々にはご迷惑をお掛けしております。
皆様のお気付きが有ってのテンプレートと言いますか、当方もテンプレートも一緒に成長させてもらっております。(^-^;
本当に、いつも有難うございます。m(__)m
ありがとう御座います。 * by どなるど
akiさん、こんばんは(^-^)
詳しくいろいろ教えてくださり、ありがとう御座います。
コピペなら私でも出来そうなので、
複製いっぱい作って頑張ってみます(^^)v
カスタマイズ記事にしていただけるのは嬉しいです♪
テンプレートがバージョンアップして更新された時に、
過去のカスタマイズの仕方を教えていただいたコメントを
毎回、探しながら貼り替え作業してたので助かります(≧∇≦*)
詳しくいろいろ教えてくださり、ありがとう御座います。
コピペなら私でも出来そうなので、
複製いっぱい作って頑張ってみます(^^)v
カスタマイズ記事にしていただけるのは嬉しいです♪
テンプレートがバージョンアップして更新された時に、
過去のカスタマイズの仕方を教えていただいたコメントを
毎回、探しながら貼り替え作業してたので助かります(≧∇≦*)
管理人のみ閲覧できます * by -
どなるど 様へ * by aki
テンプレート内に既に記述して有るscript（コメントOpen用）を使って、トップページでの追記開閉が出来ます。
昔作った（更新2014年の）テンプレートには付いているのですが、それだと個別ページに誰も来てくれないからという事で、レスポンシブ化に伴って個別記事での開閉に変更しておりました。
『個別記事への移動→クリックして開く』という追行為が面倒な場合も有りますので、後日カスタマイズとして記事にさせて頂きますね。
で、先にコメントとして掲載させて頂きます。(^-^)
HTML編集枠1/3程スクロールした所に
<!--more_link-->
という部分が有ります。
（PCのキーボードで『Ctrl＋Fキー』を押して開いた窓に<!--more_link-->を入れて検索すると一ヵ所だけ有ります。）
場所を見付けて頂いたら、その個所から
<!-- 全文表示用HTMLの貼り換え ここまで-->
を下記に貼り換えて下さい。
<!--more_link-->
<p><a href="javascript:void(0);" onClick="showHide('more<%topentry_no>');">Read More</a></p>
<noscript>
<a href="<%topentry_link>#readmore">Read More</a>
</noscript>
<div class="sidehide" id="more<%topentry_no>">
<%topentry_more>
<p><a href="#more<%topentry_no>" onClick="showHide('more<%topentry_no>');">Return</a></p>
</div>
<!--/more_link-->
<!--more-->
<p id="readmore" style="padding-top:1.8em;margin-top:-3em;margin-left:-5px;"></p>
<%topentry_more>
<!--/more-->
</div>
<!-- 全文表示用HTMLの貼り換え ここまで-->
後は更新ボタンを押して頂ければ完了です。
それと、このテンプレートはスマホ等小さい画面で表示する際（420px以下）で要約表示に変化します。
https://sorauta1.blog.fc2.com/blog-entry-320.html
このページに小さい画面でも全記事表示方法が有りますので、必要であれば追加カスタマイズをお願い致します。（お手数おかけしますが、簡単です(^-^;）
不具合が有った時のために、複製を作ってから作業して頂くと安心です。m(__)m
昔作った（更新2014年の）テンプレートには付いているのですが、それだと個別ページに誰も来てくれないからという事で、レスポンシブ化に伴って個別記事での開閉に変更しておりました。
『個別記事への移動→クリックして開く』という追行為が面倒な場合も有りますので、後日カスタマイズとして記事にさせて頂きますね。
で、先にコメントとして掲載させて頂きます。(^-^)
HTML編集枠1/3程スクロールした所に
<!--more_link-->
という部分が有ります。
（PCのキーボードで『Ctrl＋Fキー』を押して開いた窓に<!--more_link-->を入れて検索すると一ヵ所だけ有ります。）
場所を見付けて頂いたら、その個所から
<!-- 全文表示用HTMLの貼り換え ここまで-->
を下記に貼り換えて下さい。
<!--more_link-->
<p><a href="javascript:void(0);" onClick="showHide('more<%topentry_no>');">Read More</a></p>
<noscript>
<a href="<%topentry_link>#readmore">Read More</a>
</noscript>
<div class="sidehide" id="more<%topentry_no>">
<%topentry_more>
<p><a href="#more<%topentry_no>" onClick="showHide('more<%topentry_no>');">Return</a></p>
</div>
<!--/more_link-->
<!--more-->
<p id="readmore" style="padding-top:1.8em;margin-top:-3em;margin-left:-5px;"></p>
<%topentry_more>
<!--/more-->
</div>
<!-- 全文表示用HTMLの貼り換え ここまで-->
後は更新ボタンを押して頂ければ完了です。
それと、このテンプレートはスマホ等小さい画面で表示する際（420px以下）で要約表示に変化します。
https://sorauta1.blog.fc2.com/blog-entry-320.html
このページに小さい画面でも全記事表示方法が有りますので、必要であれば追加カスタマイズをお願い致します。（お手数おかけしますが、簡単です(^-^;）
不具合が有った時のために、複製を作ってから作業して頂くと安心です。m(__)m
Read Moreについて * by どなるど
akiさん、こんにちは(^-^)
今回のテンプレート【serene-resp】のRead Moreなのですが…個別ページに飛ぶことなく、トップページのまま開閉させる事はできないでしょうか？
全文表示のテンプレートなので、
出来ればそのままニョーンとさせたいのですが…
出来そうなら教えていただきたいですm(_ _)m
今回のテンプレート【serene-resp】のRead Moreなのですが…個別ページに飛ぶことなく、トップページのまま開閉させる事はできないでしょうか？
全文表示のテンプレートなので、
出来ればそのままニョーンとさせたいのですが…
出来そうなら教えていただきたいですm(_ _)m
ゆきゆず 様へ * by aki
いつもご愛顧有難うございます。(^-^)
折角の可愛い猫にゃん達のトップ画像でしたのに…（ちょっと勿体無い気が。^^;）
では、またカスタマイズしてゆきゆず様用に彩って下さい♪
因みにトップに使っている画像サイズは750px×350pxになっていて、
padding-top:40%; /* トップ画像の高さ */
の数値で、縦横比を保ちつつはみ出た部分を非表示にして拡大縮小します。
このテンプレートは背景色のみで画像を設定しておりませんので、必要な場合はスタイルシートの body に
background: url(画像のURL) repeat fixed;
を追加して下さい。（記述が分からない場合は、カスタマイズされる時にお問い合わせ下さいね。）
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m
p.s. 別件で、貴ブログに鍵コメ入れましたのでご確認下さいませ。
折角の可愛い猫にゃん達のトップ画像でしたのに…（ちょっと勿体無い気が。^^;）
では、またカスタマイズしてゆきゆず様用に彩って下さい♪
因みにトップに使っている画像サイズは750px×350pxになっていて、
padding-top:40%; /* トップ画像の高さ */
の数値で、縦横比を保ちつつはみ出た部分を非表示にして拡大縮小します。
このテンプレートは背景色のみで画像を設定しておりませんので、必要な場合はスタイルシートの body に
background: url(画像のURL) repeat fixed;
を追加して下さい。（記述が分からない場合は、カスタマイズされる時にお問い合わせ下さいね。）
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m
p.s. 別件で、貴ブログに鍵コメ入れましたのでご確認下さいませ。
No Subject * by ゆきゆず
ご無沙汰しています。
久しぶりにパソコンを開いたら
こんな素敵なテンプレートが！！
さっそく使わせて頂きます。
いつもありがとうございます♪
要約表示にしてみました～！！
バッチリです( *´艸｀)
久しぶりにパソコンを開いたら
こんな素敵なテンプレートが！！
さっそく使わせて頂きます。
いつもありがとうございます♪
要約表示にしてみました～！！
バッチリです( *´艸｀)
こちらのテンプレート【serene-resp】のトップ画像のことで質問です。
下記のゆきゆず様への返信を拝見した時に思ったのですが、
トップ画像は、はみ出た部分は非表示されると書いてありましたが、切れないように表示させることはできないでしょうか？
今、使っているテンプレート【ct_responsive】だと
表示画像の高さ ÷ 表示画像の幅 × 100 で計算して%を書き換えれば、どんな大きさの画像でもオッケーだったので、ちょっと悩んでおります(T^T)
（見る側の環境によって切れ方が違うのでトップ画像デザインの難易度が高くて。。。）
出来るようであれば、教えていただきたいです。
度々すみませんm(_ _)m