各リンク要素が下の行へ繰り越さないよう留意してください。レスポンシブデザインですのでパソコンでの作業を一定の幅だけで行わず、マウスでブラウザ幅を拡大・縮小しながら見た目を確認してくださいね。CSS各ソース内に各1箇所、計2箇所ヒットします。この処理でデフォルト設定よりも早い段階で折りたたまれるようになり、レイアウトに影響を与えません。Aboutは予備リンクです。適切なテキストに置き換えた上で、リンクアドレスを設定してください。href="ここにリンクアドレス">テキスト</a>デフォルトのままでは空リンクですので、削除あるいはリンク設定いずれかの処理をおすすめします。image冬来る、ということで結晶の画像を入れてありますが、こちらは取り除けます。オーソドックスな造りですので、デフォルト画像を削除すれば季節を問わずお使い頂けるのではないかと思います。*/で検索されますと、以下のような内容になってます。*/一枚画の設定はおすすめしません。繰り返し画像を想定したアウトライン構成になってますので、折りたたみナビを展開した際に画像がガバっと拡大されます。そこを事前にご了承頂いた上で設定をお願いします。グラデーションの変更や画像変更などでテキストリンクの色変更の必要が生じた場合には注)ヘッダー内で検索されますと該当箇所が全て出てきます(全6箇所)各々どの部位に対応しているかも記してありますので確認しながら作業を進めてください。無茶な画像設定をしないよう注意です。縦横比は不問ですが横長・長辺1500px以上で。グラデーションはジェネレータサイトがたくさんありますので上手に利用してください。不透明度つきのものも全て出てきますので上手に活用してください。不備・不具合のご報告はお気軽にどうぞ。上記3点をお約束としてくださいね。自己解決でお願いします。質問を投げっぱなしで放置する方は以降二度と回答することはありませんのでご理解をお願いします。Explorerはサポートしておりません。メールでの返信をしておりません。内緒さんほんまやぁーーー!またしても意味ふめいなミスをしてしまいました(笑)リンク先変更しました。ありがとうございます。いつものことだけど(笑)今回固定ナビなんかも全部辞めました。ホントにシンプルなものにしてみました。大きな声では言えませんが、レスポンシブ初心者の方のためというか、旧来のものと見た目が大きく変わらないものを、と思いまして。各記事に区切り(空白行)を入れたい〜既にカスタマイズされていますのでその状態からのお話ですが、トップページの各記事を「分割する(間に全体背景が見える)」のではなく「仕切り線を入れる」という解釈でよろしいでしょうか。.main-bodyで検索して頂きますとCSSソース内に2箇所ヒットしますが最初のものが対象です。色コード;を追加してください。直線で良ければsolidのままで。ボーダースタイルについてもご自身の好みで変更してください。サイドメニューのプラグインごとにも区切りを入れたい〜.side-menuで検索。5箇所あるうち最初のものが対象です。100%;の直下に先の内容(各記事間ボーダー)と同じ要領で同じ内容を追加してください。今個別記事の方を拝見したら、個別記事の方は分割されているんですね。.main-bodyはコメント投稿やトラックバックなども共通クラスですので、ここにボーダーを指定してしまうとトップページ以外・記事以外でも反映されてしまいます。色コード;}上記内容をCSSソース末尾に追加してください。クラス名は変更して頂いて構いません。13:02ご回答ありがとうございます。背景の色の疑似色を使って枠線を入れてみました。実は「分割する(間に全体背景が見える)」方式でやりたかったのですが、その場合は、どのようにすればよいでしょうか。カラーコード;追加で良いですよ。10px;に変更されてますので数字を増やすことで後続記事との距離が取れます。ここはご自身で見た目を確認しながら調整をお願いします。「共通クラスである」というのを前提に行なってくださいね。数値px;でもOKです。その際にはボーダー指定は消してください。後者を採用するとトップページの記事ならびのみ適用になります。CSSはソースの中間に置くのではなく最終に。14:48何度も申し訳ございません「分割する(間に全体背景が見える)」方式で背景に画像を使っているからか、うまくいきません。カラーコード;」に代替色を使えばうまくいくのですが。OjinAgerさん「代替色」が何を指すのかわかりませんが、原因はカスタマイズ時に.fit-sidebar-fixedにも背景色を指定しているからです。fixed;}こちらがデフォルトですが、これはスクロールアンカー用のコンテナですので、デフォルト値を変更したり色をつけたりなどはしないようにしてください。ここは全てデフォルト値に戻してくださいね。記述がある部位については基本的に「強制」を行なっていますので触らないようにしてください。02:12ありがとうございました。デフォルト値に戻したら出来ました。ありがとうございました。コメントの書体を指定する「template_comment_js」部分がスマホで確認すると、はみ出てしまうのですが、なにか方策はありますでしょうか。OjinAgerさん背景の件は完了したということで、お疲れ様でした。「template_comment_js」部分がスマホで確認すると、はみ出てしまう〜これはカスタマイズでpaddingを設けたことが原因です。コメントJSはjavascriptで出力されますので、サイズなど後付のCSS調整は無効です。コメントJS側の操作ではなくテンプレートで調整するしかありません。コメントJSの横幅は267pxですが、現状では収まる範囲が230pxしかありません。そのため超過しています。#main-containerへのpadding指定及び.main-bodyへのpadding指定の2箇所で267px確保できるよう調整をお願いします。13:00色々ありがとうございました。試してみましたが、余白が調整できず、320PX以下では、コメント書式は無くても良いかと、非表示にしてしまいました。スマホでコメントJSは使いづらい面もありますし、OjinAgerさんが納得できているのであればそれも一つの方法だと思います。22:35ページ送りの画像取得のスクリプトについて個別記事のエリア(permanent_area)をIEのデバッガーでチェックすると、途中で終了してしまいます。</body>直前のページ送りの画像取得のスクリプトを削除すると正常に動くので、その部分がどこかと干渉しているようなのですが修正できますでしょうか。OjinAgerさんこんばんは。OSとIEのバージョンを教えて頂けませんでしょうか。IEはバージョン11となります。OjinAgerさんページ送りのスクリプト云々というよりもjQueryを外せば動きますよ。IE11で開発者ツールがホワイトフリーズしたり落ちたり、というのはもう随分前から既知の問題としてMicrosoftもWindows7向けにパッチの提供もしていましたが、IEは既に開発の終了したブラウザですので直らないと思います。周りの技術はどんどん進んでいき、IEはこれ以上の開発は無いわけですからどうしようもないですね。デバッグについてはまともなブラウザで行うべきで、Windowsであれば最低でもEdgeを利用するのが良いと思います。関連についてはweb上に対策などが出ていますのでお調べになっても良いのではないでしょうか。ちなみに私の環境下のIE11もWindows10にアップグレードした時点で開発者ツールは死にました。それ以来なんの対策も取っていません。JS内容にエラーはありませんが(レガシーブラウザで解釈ができない場合は除く)、不信感がお有りならば該当ページ送りを削除されてはいかがでしょうか。それもまた一つの方法です。この件について私ができることはありません。IE11の開発者ツールのために新しい技術を排除するのは理に適っていないと思うので。06:50インデックスの番号についてはじめまして。このデザインに一目惚れしてしまい、早速お借りしております。思いついたタイトルを書き溜めて保存しておき、都度最新情報をブログアップしているため、まれにインデックスのナンバリングが30/35/34/31のようにぐちゃぐちゃになってしまっています。こちらのブログをいくつか拝見して勉強してみたのですが、やはり解決策が分からず、、ご教授頂けますと嬉しいです。あーたろうさんありがとうございます全記事一覧の特徴は以下のリンク先記事でご確認くださいね。https://vanillaice000.blog.fc2.com/blog-entry-564.html-------既に振られた番号を変更するというのはエクスポート&インポートしない限りできませんので、出来ることはそれを除けば「今後の対策」だけです。下書きはhtmlエディターやメモ帳などを用いてtxtファイルで保存しておくか、下書き用記事をひとつだけ残しておき、その一つを使いまわすか。後者の場合下書きとして保存できるのは1件だけ、ということになりますが。別に1件にこだわる必要もありませんが、下書き用が多ければその件数がそのまま欠番になりますので最小が良いですよね。記事をUPする際にそこからコピペという段階を踏まれると良いと思います。うっかり保存するとまた欠番になりますのでお気をつけください。新投稿画面の内容をエディターにペーストするとhtml内容が全て取り除かれます。新投稿画面で作成した場合には「HTML表示」に切り替え、その内容をコピー。UP時にも「HTML表示」の画面へペースト。Akiraさんとても迅速でご丁寧なご返信ありがとうございます!リンク先のブログも読ませて頂き、連番の仕組みと意味がよく理解できました。今後綺麗な連番になるように教えて頂いた手順でやってみます。ありがとうございました。それにしても美しいテンプレートで、これから記事をアップするモチベーションまで上がりました。これからも、こちらのブログにちょくちょくお邪魔して知識を増やしたいと思います。ありがとうございました。あーたろうさんこんにちは。ご期待に沿えずごめんなさいね。17:29comment_nameについていつもありがとうございます。従来、コメントの管理者ハンドルネームを区別するために管理画面「コメントの管理」→「名前の修飾」で太字にしていました。style="font-weight:bold;">yoshi</span>となり、コメントのハンドル名の表示が">yoshiとなるなど、表示が崩れてしまいます。現在は、クラス名からcomment_nameを外し、REPLYの文字リンクのtitleを消して対応しています。ハンドル名をクラス名に使うのは工夫だと思いますが、私のケースのようにハンドル名を装飾していた場合も影響が出ないよう考慮していただけたらな...というお願いです。゚Д゚)ノコメントの仕様はQ&Aに明記していますのでお読みください。「ご質問の前に「テンプレあるある」」https://vanillaice000.blog.fc2.com/blog-entry-220.html#object23よろしくお願いします。Akiraさん迅速な回答ありがとうございます。Q&Aはざっと目を通したつもりでしたが、該当することに気がつきませんでした。お手間をとらせてすみませんでした。記述に沿って対応しようと思います。ありがとうございました。yoshiさんこちらこそご理解頂きありがとうございますお手数おかけします。20:03あらためてお願いしますGenericを使わせていただいています。現在では本文と「続きを読む」の間にスポンサーサイトがあって本文と「続き」が離れているので、「続き」があると認識されないので困っています。できるだけ近づける方法はないでしょうか。本文の後に「続きを読む」が来て、その後にスポンサーサイトが表示されるとか。最新バージョンをアップしたところ、ドロップシャドウの右側が反映されません。http://usodamari.blog.fc2.com/blog-entry-158.htmlですが、右シャドウが出てこないのです。素姓乱雑さんご協力ありがとうございます。「続き」があると認識されないので困っています。できるだけ近づける方法はないでしょうか。0;赤字の部分で調整してください。本文の後に「続きを読む」が来て、その後にスポンサーサイトが表示されるとか。〜表示の順序はFC2ブログの規定内容・仕様ですので操作不可能です。スポンサーサイトを非表示にされてはいかがでしょうか。設定画面https://admin.blog.fc2.com/control.php?mode=setting&process=2#ads非表示設定をされますとCDNの利用ができなくなりますのでよくよくお考えの上でどうぞ。ドロップシャドウの右側が反映されません。{で検索すると1箇所出てきます。hidden;を削除してください。この場合には記事内で利用するhtml内容のwidth指定を正確におこなってください。ないと記事の幅が拡がってしまいます。(既存の内容を拝見したところちゃんと対策なさっているので問題はなさそうです。シャドウの幅px);}このいずれかで対処可能です。後者をおすすめします。ごめんなさい追記です。shadow-attachmentクラスをお使い頂いてるんですね。8px);を追加、という形の方がベターですね。最初から私がそう設定しておけば良かったのですが、考えたらずですみません(公式は上書きしておきます)お手数おかけします。20:30ありがとうございました。位置変更できない訳はFc2仕様ということで理解しました。marginを変更してもそんなに変わりませんので、いい方法がないかを模索して見ます。hidden;削除ですが画面が乱れると怖いので、画像を小さくして対処してみたいと思います。お忙しい中ありがとうございました。0!important;こちらも調整してください。これは「続きを読む」の上の距離になります。20:34再びお礼です。シャドーの件追加されていたのですね。ありがとうございました。素姓乱雑さんお手数おかけします。07:38その後の結果ですご指導いただいたように、両marginを少なくし、本文が縦書きなものですから一行の文字数を少なくして、画面上に本文と「続きを読む」が収まるように調整、「続き」では文字数を戻すことにしました。シャドーの件、素早い対応ありがとうございました。素姓乱雑さんこんにちは。理想に近づけたのであれば良かったです縦書きを画像ではなくちゃんとテキストで行っている点が素晴らしいと思います。(o'ω')ノ.name管理人ハンドルネーム:before太字を入れ替えます。私の場合は.name管理人Akira:beforeではなく.nameAkira:beforeです。「管理人」の漢字3文字が不要という意味です。別件サイドメニューの「最新記事」がスクリプトエラーです。日付のスクリプト構文に問題があるもよう。(o'ω')ノ不具合ではなく書き漏らしですね。利用する時は必ずその対象となるimg要素にfont-family指定が要ります。center;';}これは以前にお伝えした通りです。あとまたflexの指定が違っているようです。以前再DLして頂きましたよね。古いファイルの方からコピペされてないでしょうか。auto;でないといけませんね。今一度ご確認ください。内緒さんヘッダーはたぶんやってもあんまり意味ないですね。ヘッダーですよね?フッターでなく(一応確認)ヘッダーは大抵の場合ファーストビューに入ってます。遅延読み込みはファーストビュー「以外」に効果を発揮するものなので効能がないというかなんというか。鍵コメントの件はお任せします。ご自分がやりやすいようにしてくださいね。FC2の鍵コメントはホントに使いにくいですよね。url(横800程度の画像アドレス);}こうしてパソコン用よりも小さい画像に差し替える方法がありますよ。htmlのimg要素と違いCSSのbackground-imageは画面サイズの指定に沿っていないものは読み込みませんので、パソコン用画像アドレスが記載されていても、スマホ画面414px以内では小さい方の通信リクエストだけになります。これも一つの方法かと思います。この件についても記事を書く予定にはしています。テンプレート内自体に”http”の記述が見られるからか、または他に原因があるのか分かりません。テンプレートの”http”を勝手に変更するわけにもいかないし悩んでいます〜テンプレートに混在コンテンツの原因はありません。トラックバック先のリンクを開くためのJS。混在コンテンツ対象外(リンクなので対象外。混在コンテンツ対象外(OGPと同様httpが正規識別です)-----内緒さんのページ内で指摘されている混在コンテンツ対象はサイドメニュー部「訪問感謝」の2種・計5つの画像です。Awesomeなどのwebアイコンに変更するか、dataURIに書き換えるなどされると良いと思います。余談head内にある追加CSSファイルですが、内容量もさほど多くないですし最優先で読ませる必要のない内容です(が実際には優先順位がhighestになっています)外部ファイル化せずデフォルトCSSに含めることをおすすめします。参考記事https://vanillaice000.blog.fc2.com/blog-entry-738.htmlあと、クラス属性を追加する際には前の属性との間に半角スペースを入れることを忘れないようにしてくださいね。内緒さん(完了のご報告)こんばんは。「保護された通信」の表示を確認できました。(●'0'●)/このテンプレートなんですが、自分の好き勝手に制作した専用という感じなんですね。共有に出せるものではないなぁ、と思っています。^^;なので「カスタマイズ完全自己責任」という形で良いのであれば、共有には出さずにブログ内限定配布なら可能です。いずれにしろ取り除かなければいけない独自性など修正しまして、8月内を目処ということでよろしければ。今しばらくお待ち下さいね。内緒さん2こんばんは。今FC2ブログ変数に不具合があるようなのでちょっと遅くなるかもです。運営のお仕事次第ということで。