Canaryテンプレートのレスポンシブウェブデザイン・機能を最大限活かすため、 「スマートフォン版の表示設定」を「無効にする」ことをおすすめします。 1. カスタマイズ対象部位の見つけ方 カスタマイズをブラウザ上で行う方は Ctrl + F --- Windows Command + F --- Mac キー検索を利用するとページ内の対象文字列をすぐに見つけることができます。 2. ご質問の前に カスタマイズされるであろうと想定される部位については 予めガイダンスを付けてあり…
HTMLの class属性 id属性 そしてCSSの classセレクタ idセレクタ が何のために必要なのか、という説明です。 役割 というのを理解していると、テンプレートのHTML, CSS(スタイルシート)のコードに何らかの変更、あるいは追加や削除などを行う際、作業工程に関しての悩みどころを減らせるかもしれません。 そして上記がCSSの classセレクタ と idセレクタ です。 いずれも主な役目は ターゲッティング だと思えば概ね正解です。サンプルコードのようにセレ…
よくあるご質問「トップに固定した記事の日付を消したい」件について、その対処法とFC2ブログの仕様説明及び日付表示の意義なども含め記します。 一般的に 固定記事 や 固定ページ 呼ばれるものがあります。これは 日付・時系列の概念を必要としないページ のことを指します。 例えば『企業情報』『プライバシーポリシー』など。これらはそのページ(記事)をいつ公開したかは重要ではありません。時系とは関係ない、ほぼ永続的な内容を掲載します。 一方F2ブログで比較的新しい機能として 記事固定
Capricious/Ranchuテンプレートのレスポンシブウェブデザイン・機能を最大限活かすため、 「スマートフォン版の表示設定」を「無効にする」ことをおすすめします。 本ページの内容は2023年6月3日メンテナンス以降のバージョンが対象です。 Sakuraシリーズの背景違いです。 細かい部分の修正を入れておりますが 特に目新しいものはありません 1. カスタマイズ対象部位の見つけ方 カスタマイズをブラウザ上で行う方は Ctrl + F --- Windows Comman…
『同じ日付 = 編集していない』ならば編集日表記は不要だよね、ということで。 本来はFC2独自変数を利用したサーバーサイドでの処理が望ましいのですが、利用できる変数がありませんので表示上の操作のみでHTML自体が変化するものではありません。display: none での視覚操作なので気になる方は利用を控えると良いでしょう。 編集月をサーバーサイドで出力する変数です。この変数の直近に投稿日を出力する を含むHTML要素があるはずです。 div やその他であればtimeに変更。…
対象は配布中の全テンプレートです(既に導入済みのものについては手を入れていません) が実装されていませんでしたので導入しました。ご希望の場合は新規ダウンロードで適用されます。個人カスタマイズ済の方は安全のため 既存のテンプレートを保持した上での再ダウンロード を行ってくださいね。 Pianissimo - FC2ブログテンプレートPianissimoテンプレートのレスポンシブウェブデザイン・機能を最大限活かすため、 「スマートフォン版の表示設定」を「無効にする」ことをおすすめ…
FC2のコメント欄は バリデートエラー対象がいっぱい 問題(笑) 今回はコメント内にURLと思しきものが記載された際に自動でリンクになるようにするJSの導入方法と、コメント欄とバリデートの関係についても少し触れます。... これで、FC2ブログのオートリンク機能を利用するとリンク部位が と、余分なダブルクォーテーションが付いて、正しいURLとして機能しない(つまりクリックしても開けない)ので、 と、正しくなるようにしましょうよ、と。でも思ったんです HTMLやCSSの一部とし…
テンプレートのカスタマイズをよくしている、という方に 「HTMLエディター」 をおすすめしたいと思います。「テキストエディター」という呼び方もされます。 なんとなく上級者向けなイメージがあるかもしれませんが、寧ろ初心者の方ほど積極的に使って欲しい と思います。 htmlやCSSというのは何かしらのミスが有った時に、ブラウザの画面では問題の特定が非常に困難です。 特にスペースなど目に見えないものを探す 時にテンプレート管理画面、つまりブラウザ画面上で行うには相当な苦労を要します…
スマホだと画像がぼや〜っと不鮮明になってしまう場合の原因と対策ですー (´・ω・｀) そしてもうひとつ、画像がスキっと表示されずに上からベロベロ〜って感じでゆっくり表示されてしまう場合の原因についても(後者は「ついで」的にですが) 結論から言うと スマートフォンは高解像度ディスプレイ(高dpi)なので元画像のサイズが小さすぎる ためです。 私のテンプレート All_about_us の説明文を例に取りますと… All_about_usのサイドメニュー部分は横300pxしかあり…
テンプレートのカスタマイズが大好き。jQueryやCSSも色々やってみたい。 という方に気をつけて頂きたい点をまとめようと思います。 色々やりたい気持ちはわかりますしやっても全然構いませんけれども、head内がゴッチャゴチャのグッチャグチャになっている方がとても多いんですね (∵`) head内の外部ファイルリンクというのは ページ表示速度に影響します ので、一度整理されてはいかがでしょうか。 こんな感じでやりたいことが一つ見つかるとそれに関するCSSファイルを個別に作成して…
レスポンシブデザインテンプレートでの画像の横並べがちょっとコツが要るんですね (´・ω・｀) htmlコード的コツと併せて 思考のコツ も必要です。今回は画像の並列htmlソースコードをいくつか提案しようと思います。 2020.4.29 iOSでのバグ回避のために若干コード内容を変更しています。また説明も随時追加しています。 まず、なんでこんな記事を書いているかというところから。レスポンシブは横幅が常に一定ではない という点を忘れてはいけません。いかなるデバイスでも画面幅にフ…
「カテゴリページのみ最初の1ページ目にクエリが付かないのは不具合ではないか」という件ですが、結論としては 仕様 ということで確定です。 独自変数に不具合が生じているのではないか、という仮定のもとに書いています。具体的な内容としては リスト型ページ送りで1ページ目に戻った際に正しいページが表示されない、あるいは404 not foundになる というものです。どちらになるかは エイリアス機能を利用しているかどうか で分かれます。また、不具合ではなく仕様変更の可能性もあります。.…