Fall - FC2ブログテンプレート

Fallテンプレート

Fallテンプレートはレスポンシブウェブデザインです。
パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。
「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。
設定ページ

名称
Fall
ふぉーる
動作確認ブラウザ
Google Chrome Firefox Safari Vivaldi Edge
ブログタイプ
要約
記事見出しレベル
h2 〜 h6
jQuery
Lazyloading
ダークテーマ対応
パン屑リスト
個別記事前後ページサムネイル
構造化マークアップ
その他機能
  • プロフィール
  • 最新記事サムネイルリスト
  • 画像にドロップシャドウ
  • YouTube動画縦横比固定
  • 見出し装飾
  • その他
使い方など詳細は ARTICLE DEMO 参照
Lighthouse
ライセンス
Required 必須事項
  • Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
  • Modification 改変
  • Personal Use 個人利用
  • Commercial Use 商用利用
Forbidden 禁止事項
  • Distribution 再配布
  • Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
パソコン
タブレット
スマートフォン
最終更新 2023.10.14
  • リンクに関する設定を追加
更新履歴 2022.10.3
  • 公式タグプラグインの位置ズレの対策
  • サムネイル付き関連記事リストを全体リンクに
更新履歴 2022.9.22
  • No imageの設定方法を変更
  • YouTube縦横比を自動調整
更新履歴 2022.8.29
  • Twitter名称・ロゴ変更に対応
  • カスタムプロパティ加増
  • 『全記事リスト』の名称を『インデックス』に変更(FC2多言語の表現を踏襲)
  • グローバルナビゲーションからカテゴリリストを削除
  • ユーザビリティの最適化
  • idセレクタによるスタイリングをclassセレクタに統一
  • RSSリンク削除
  • コメント削除アラート追加
  • その他UI調整

カラム入れ替えや記事最大横幅の調整、色彩の変更等、簡単にできるようになりました。想定されるほとんどのCSSカスタマイズはスタイルシートの 注)主要カスタマイズ(variables) でできるかと思います。

カテゴリ階層表示とChromiumグリッチについては以下の記事をご覧ください。

FC2ブログ「親子カテゴリ」の階層の話とパンくずリスト

FC2ブログ「親子カテゴリ」の階層の話とパンくずリスト

FC2ブログには 親子カテゴリ化 という機能があります。通常「親子」という場合には フォルダ階層(ディレクトリ) が関わっており、親のフォルダの下層に子のフォルダ、という形ですが、FC2では偽装しているだけで親も子も階層のレベルは同じですよ、というお話。パンくずリスト にも関わってきますので興味のある方はご覧ください。...

Chromium系ブラウザでページロード時にtransitionがかかってしまう件の対処

Chromium系ブラウザでページロード時にtransitionがかかってしまう件の対処

表現が難しいのだけれど、ページを表示したときに、「CSSが適用されている最中なのか?」と思わせるような挙動と言えば伝わるでしょうか。なんかガチャガチャとレイアウトが動いてから正常表示になるという感じの挙動というか。本記事はその原因と対策についてです。...

更新履歴 2022.1.6
  • iOS14でサムネイルが時折表示されない件修正
  • FC2ブログ新機能「SEOアドバイザー」対応のためのhead要素記述方法変更

カスマイズ済みなどで再適用が困難な場合でもまずは修正済みテンプレートの再DLを行ってください。最新のhtmlと比較しての作業をおすすめします。

【ページナビJS修正】
<script>document.addEventListener を目印に検索し、このscript要素を以下の内容と差し替え。

<script>document.addEventListener("scroll",function(e){<!--preventry-->const u_p="<%preventry_url>";fetch(u_p).then(res=>res.text()).then(text =>{const el=new DOMParser().parseFromString(text,"text/html");const el_h=(el.head.children);Array.from(el_h).map(v=>{const p=v.getAttribute("property");if(!p) return;const og_i=v.getAttribute("content");const og=document.getElementsByClassName("pager-prev-image");for(var i=0;i<og.length;i++){og[i].style.backgroundImage="url("+og_i+")"}})});<!--/preventry--><!--nextentry-->const u_n="<%nextentry_url>";fetch(u_n).then(res=>res.text()).then(text=>{const el=new DOMParser().parseFromString(text,"text/html");const el_h=(el.head.children);Array.from(el_h).map(v=>{const p=v.getAttribute("property");if(!p) return;const og_i=v.getAttribute("content");const og=document.getElementsByClassName("pager-next-image");for(var i=0;i<og.length;i++){og[i].style.backgroundImage="url("+og_i+")"}})});<!--/nextentry-->e.target.removeEventListener(e.type,arguments.callee)});</script>
<script>document.addEventListener("scroll",function(e){<!--prevcategoryentry-->const uc_p="<%prevcategoryentry_url>";fetch(uc_p).then(res=>res.text()).then(text=>{const el=new DOMParser().parseFromString(text,"text/html");const el_h=(el.head.children);Array.from(el_h).map(v=>{const p=v.getAttribute("property");if(!p) return;const og_i=v.getAttribute("content");const og=document.getElementsByClassName("pager-prev-cate-image");for(var i=0;i<og.length;i++){og[i].style.backgroundImage="url("+og_i+")"}})});<!--/prevcategoryentry--><!--nextcategoryentry-->const uc_n="<%nextcategoryentry_url>";fetch(uc_n).then(res=>res.text()).then(text=>{const el=new DOMParser().parseFromString(text,"text/html");const el_h=(el.head.children);Array.from(el_h).map(v=>{const p=v.getAttribute("property");if(!p) return;const og_i=v.getAttribute("content");const og=document.getElementsByClassName("pager-next-cate-image");for(var i=0;i<og.length;i++){og[i].style.backgroundImage="url("+og_i+")"}})});<!--/nextcategoryentry-->e.target.removeEventListener(e.type,arguments.callee)});</script>
<script>function changeTextValue(e){document.getElementById("subject").value=e};</script>

script要素を1つから3つ分割に変更しています。

【head内容変更】
<head prefix を目印に検索し、このhead要素を最新バージョンのそれと差し替え。

更新履歴 2020.5.28
  • ページ送りのJSを修正
更新履歴 2020.3.30
  • コメント返信のJS変更
更新履歴 2020.3.23
  • 個別記事ページ送りの複製を可能にしました

複製時の注意点含め本記事の章を追加しましたのでご確認ください。
章をすぐに確認する

更新履歴 2019.11.22
  • コメント主のリンク表示用JS及びデザインの変更
  • NEWマークJS変更
更新履歴 2019.10.16
  • コメント受付停止(コメント受け付けない + コメント表示)を選択した際にコメント投稿フォームが非表示にならない件を修正。
  • サイドメニュー部プロフィール画像の縦横比が崩れる件修正

再ダウンロードが困難な方はお手数ですが自主修正をお願いします。申し訳ございません。

id=comment_form で検索するとhtml内に2箇所ありますので2箇所とも id="comment_form"変更。こちらが投稿フォームの修正です。

#side-prof-pic { で検索するとスタイルシート内に1箇所ありますので、ルールセット内 height: 100%; の直下に object-fit: cover;追加。こちらはプロフ画像縦横比の修正です。

本ページの内容は2023年8月29日メンテナンス以降のバージョンが対象です。

ふぉーる
承認されました。ありがとうございます。今回は超シンプル。

サンプル

Samples

TOP PAGE DEMO
画像クリックでデモ画面へ
ARTICLE PAGE DEMO
画像クリックでデモ画面へ

カスタマイズのコツ

A few tips on customizing

1. カスタマイズ対象部位の見つけ方
カスタマイズをブラウザ上で行う方は
Ctrl + F --- Windows
Command + F --- Mac
キー検索を利用するとページ内の対象文字列をすぐに見つけることができます。

2. ご質問の前に
カスタマイズされるであろうと想定される部位については 予めガイダンスを付けてあります
注)
で検索すると出てきますので、カスタマイズ前にご確認ください。
もしかしたら既に答えが記されているかもしれません。

3. 全角スペースの利用に注意
ソースコードの見た目(文頭)を揃えるために 全角スペースを利用してしまう方が大変多いです
この全角使用が思わぬレイアウト崩れを引き起こすことがあります。
ソース内でスペースを打つ必要がある時はキーを押下する前に半角に変更する癖付けをしましょう。

お受けできないご質問・ご相談

I'm sorry I couldn't be of any help.

  • デフォルトテンプレートと無関係なhtml, CSS, JS等導入の手引き
  • テンプレートの仕様やデザインを著しく変えてしまうようなカスタマイズの手引き
  • アフィリエイトの都合を優先した仕様変更の指南

必須個人設定

Necessary personal settings

スマートフォン版の表示設定「利用しない」

スマートフォン版の表示設定「利用しない」

レスポンシブ設定。パソコン・タブレット・スマートフォンなど全てのデバイス閲覧を本テンプレートで共通化します。この設定を怠るとスマートフォンではスマートフォン専用テンプレートで表示されてしまいます。

検索バーの設定「利用しない」

検索バーの設定「利用しない」

タブレット端末で検索バーがビューポートを超過する(はみ出す)ため。

メタタグの設定 > OGP設定「有効にする」

メタタグの設定 > OGP設定「有効にする」

個別記事ページ送りに前後ページのサムネイル画像を表示できます。この設定を怠ると表示できません。

テンプレート共通カスタマイズ

Common customization.

ほぼ全てのテンプレートで共通する内容についは以下の記事をご参照ください。

テンプレート共通カスタマイズ

テンプレート共通カスタマイズ

* FC2提供全テンプレートを意味するものではありません。vanillaice(Akira)作テンプレートのみを指します。 2023年9月時点で共有されているテンプレートの、ほぼ全てに共通するカスタマイズ項目の説明です。...

記事編集リンクについて

The position of edit link.

記事編集リンクは 個別記事フッターの管理人アイコン をクリックすると別タブで開きます。

ご質問・ご相談時のお願い

Cautions before asking for something.

ご質問 不備・不具合のご報告はお気軽にどうぞ。
その際には

・ ご自身のブログアドレスの明記 (鍵付きで構いません)
・ 該当テンプレートを設定状態に
・ 右クリック禁止の解除

上記3点をお約束としてくださいね。
お守り頂けない場合にはお答え致しませんので 自己解決でお願いします。

また、質問を投げっぱなしで放置する方は以降二度と回答することはありませんのでご理解をお願いします。

いつもありがとうございます (●'0'●)/

nadeshikobuta
2019/11/12 (Tue) 17:23

はじめまして。

Pinboardを気に入って使わせて頂いてます。ありがとうございます。
今は年月日しか出ませんが投稿時間やコメント時間が入れられたらと思いますが可能でしょうか?
どこをどのようにすればいいのかお時間のある時に教えていただければ幸いです。
こちらはPCの素人なので宜しくお願いいたします・。
私のブログのurlです。
https://haijitaga.blog.fc2.com/

vanillaice (Akira)
Akira
2019/11/12 (Tue) 19:19

To nadeshikobutaさん

こんばんは。

こちらはFallテンプレートの記事ですが、Pinboardの件をお尋ねでしょうか。
該当テンプレートの専用記事に於いてのみご質問を受け付けていますので正しい記事でお尋ねくださいね。
よろしくお願いします。

テンプレート一覧
https://vanillaice000.blog.fc2.com/blog-entry-283.html

はんのすず
2020/02/23 (Sun) 17:57

いつもお世話になっております。

こちらのテンプレートがシンプルで、ステキだと思いました。
色調などは、VeryMerry のような雰囲気にしたくて、できる範囲でカスタマイズしました。
今回、個別記事下部の、entry-footer-sns の表示を丸いタイプで中央に揃えたいのですが、どのように変更したらよいかわかりません。お時間あるときでかまいません。お手数おかけしますが、どうぞよろしくお願いします。

vanillaice (Akira)
Akira
2020/02/25 (Tue) 01:04

To はんのすずさん

こんばんは ('0')/

まずFallのスタイルシート内
/* sns on article footer */
から(上記文字列含む)
/* author */
の直前まで(上記文字列含まず)を削除。

VeryMerryを
/* sns */
で検索すると2箇所ヒットします。最初の方は
/***------------------------------------------
related post, trackback list
------------------------------------------***/
の直前までを、2箇所目は

.c-facebook,
省略

のルールセット1つ分を、それぞれFallのスタイルシート末尾へコピペ。
注) ルールセットは以下を参照

例)
.xxx {
内容
}

{ から } までの一括のことを言います。

コピペした内容の
.entry-footer-sns-ul

#entry-footer-sns
に全て変更
.entry-footer-sns-ul li

.sns-list
に全て変更。
.entry-footer-sns-ul li a

.sns-list a
に全て変更。
.c-facebook

#e-facebook
に。この要領でブランドカラーは全て頭が
.c-
になっているものを
#e-
に変更します。ただしlineだけはコピペ内容にはありませんので

#e-line {
background-color: rgb(235,226,217);
border-radius: 100% 80% / 80% 85% 80% 90%;
color: white;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,.2);
}
#e-line:hover {
background: rgb(22,207,1);
color: white;
}

を追加してください。
何かを移植する際、例えば今回は ul要素 で、移植元も移植先もhtmlはほぼ同じで装飾用のクラス名やアイディー名だけが違いますので、そのすり合わせをして(class, idを移植先の正しい名称に修正すること)くださいね。
よろしくお願いします。

はんのすず
2020/02/25 (Tue) 22:42

ありがとうございました。

お忙しいなか、すぐに返信いただき本当にありがとうございました。
プレビューで確認しながら作業しました。
今回全体のBGカラーをピンクっぽく設定したので、#e-line:hover {
background: rgb(22,207,1);
color: white;
} にすると、ほとんど見えなかったので、hover時の色変更は削除しました。
SNS brand colorの丸いSNSマークが並びました。ありがとうございました。
又、わからないところでお世話になるかと思います。これからもよろしくお願いします。

vanillaice (Akira)
Akira
2020/02/29 (Sat) 04:04

To はんのすずさん(完了のご報告)

こんばんは。お返事遅くなりました (*_ _)

うまくいったようで安心しました。SNSボタンのとプロフィールの間に余白を取ると良いかもしれませんね。

#entry-footer-sns {
margin-bottom: 15px;
}

数値は任意です。お疲れ様でした :)

はんのすず
2020/03/01 (Sun) 17:29

見ていただいてありがとうございました(お返事不要)

SNSボタン下に余白が入り、安定した感じになりました。
いろいろお世話になり、ありがとうございました。

ねね
2020/04/14 (Tue) 15:50

プロフィールについて

Akiraさん、こんにちは
Fallテンプレートを使わせていただいています。

とても初心者な質問で申しわけないのですが、
プロフィールについて
サイドバーのプラグインで「プロフィール」を削除しても消えません。

また記事の最後にもプロフィールが出てくるので、自己主張の強い人みたいになって困っています。
スマホ版もプラグインの「プロフィール」を削除したのですが、出てきてしまいます。

なにか設定を間違えてしまっているのでしょうか。
お忙しい中お手数ですが、回答いただけますとありがたいです。

どうぞよろしくお願いします。

vanillaice (Akira)
Akira
2020/04/14 (Tue) 20:35

To ねねさん

こんばんは ('0')/

確認ですが、テンプレートにはプロフィール出力が2箇所あります。サイドメニュー部最上部にあるものと、個別記事下にあるものです。

> サイドバーのプラグインで「プロフィール」を削除しても消えません。〜

とあるんですが、プラグインは表示されていませんので、今あるサイドメニュー部のものはテンプレートhtmlに書いてあるものです。
なので削除するにはテンプレートのhtml修正が必要です。

注)プロフィール不要の方ここから削除
で検索すると該当箇所が出てきますのでガイダンスに従って削除してください。本記事内に説明のある通り、カスタマイズが予想される箇所はあらかじめガイダンスを入れてありますので、事前に確認を行ってくださいね。

個別記事下のプロフィール削除も必要でしたらその旨お伝えください。
(ただしこの部位はプロフィール画像が記事編集用のリンクになっていますので、削除すると機能を失います)

よろしくお願いします。

ねね
2020/04/15 (Wed) 16:53

To Akiraさん

返信ありがとうございます。

そうだったのですね。
ちゃんと見ておらず、お手数をおかけして申しわけありませんでした。
指示いただいたとおりに削除をしたら無事に?プロフィールは消えました。
本当にありがとうございました。

(解決のため、返信不要です)

-
2021/03/19 (Fri) 09:37

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

UI
2021/03/19 (Fri) 09:51

すみません(汗)

先程コメント投稿についてのお問い合わせをしたUIです。
シークレットモードの意味が分からず、投稿をシークレットにして質問してしまいました。
大変申し訳ありませんでした、すみません(汗)

1.コメントを投稿するところの文字を太字にする等のボタンの表示が崩れてしまいました。
2.個別記事下のプロフィールの表示を削除したい
の2点、教えていただけると有難いです。
お手すきの時で大丈夫です。
どうぞよろしくお願い致します。

vanillaice (Akira)
Akira
2021/03/19 (Fri) 23:12

To UIさん

こんばんは ('0')/

まず、シークレットコメントの件はどうぞお気になさらず :)

> ボタンの表示が崩れてしまいました〜

コメント装飾ツールのことかなぁ、と思うんですが、「崩れている」というのが私の方では目視確認できません。
なので、もしかするとFC2ブログの一時的不具合かもしませんし、私が見る部位を間違えている可能性もあります。
今一度ご確認頂いて、やはりおかしいという場合にはスクリーンショットをご提示頂けないでしょうか。お手数おかけします。
(症状が今も確認ができ、かつスクリーンショットの撮り方がわからない、という場合はPCのOS名(windows または macなど))を併せてお知らせください。)

> 個別記事下のプロフィールの表示を削除したい〜

<div id=author-block>
で検索するとhtml内に1箇所ありますので、この行を含め、近接の
</footer>
の上まで(</footer>は含めず)を削除してください。

よろしくおねがいします。

UI
2021/03/21 (Sun) 08:20

To Akiraさん

早々にお返事有難うございます。
コメント欄ですが、直っている記事もあれば崩れている記事もあり、、、

が、画像の送り方がわからなくて…

規則性が分からないのですが、
どうもカテゴリから記事を選んだ場合のみ崩れているような気もします…。
お手数おかけして申し訳ありません。

プロフィールの件、有難うございました!

UI
2021/03/21 (Sun) 08:51

To Akiraさん

何度もすみません、「コメント欄」というブログの記事に画像を載せました。
パスワードは 1234 です。
よろしくお願い致します。

vanillaice (Akira)
vanillaice (Akira)
2021/03/22 (Mon) 23:08

To UIさん

お返事遅くなりました (*_ _)

なるほどー。全ページではない、ということですよね。その場合は直接ジャンプできるように該当ページのURLをお知らせ頂けると確認作業がスムースです。
いくつか開きましたが私の方では目視確認が叶いませんでした。

で、ページを確認できない以上原因の特定というのもできないんですが、ひとつお伝えすべきことは「wordでの下書きはブログ投稿に向かない」という点です。wordに限らず、power point, pages(mac)なども同様です。

参考記事: Wordで記事を書くとテンプレートが崩れることがあります
https://vanillaice000.blog.fc2.com/blog-entry-906.html

wordなどのアプリケーションはweb上での公開を目的としていません。印刷やスライドなどで完結させれば良い類のものですから、独自フォント(そのアプリケーションでしか使えないフォント)や、独自タグ(webの正規html構文ではないもの)などが含まれます。
もしかするとそれらがいたずらしている可能性も。

特に
<o:p></o:p>
といった内容が点在していて、これは一見htmlタグのようですが正規には実在しないものです。なのでword利用ページの平均エラー数は90から100あまりあります。こうなるとご自身で「何が問題になっているのか(構文エラーの発見・修正)」が非常に困難ですし、私でも100近いエラーから特定の原因を探すのはなかなか厳しい ^^;

他にもフォント指定(通常のwebでは表示できないフォント)とともに、サイズ指定が pt という単位になっており、このptという単位も主に印刷用に用いるものであって、web上ではよほど特殊な場合を覗いては px を使うことになっています。
とまぁ、色々と弊害がありますので、できればwordでの下書きはやめた方が良いと思います。

アプリでも「メモ帳(windowsのテキストエディター)」のように文章を書き留めるだけのもの(実際はhtmlを利用して書くものではありますが、htmlを使わなければいけないものではありません)であれば影響は出ません。

まだ原因不明ですが、「今後は」と捉えて頂ければ、と思います。
ページ特定ができるようでしたら再確認しますのでお知らせくださいね。よろしくおねがいします :)

UI
2021/03/23 (Tue) 13:39

To Akiraさん

早々にお返事ありがとうございます。
個別記事ページのURLは例えばこのページ
https://survivor2021.blog.fc2.com/blog-entry-21.html
などです。
やはり普通に表示されるページと直っていないページの法則性が分かりません(; ;)

wordの件、wordで下書きした記事だけタグがやたらに多いなと不思議に思っていたので大変勉強になりました。
有難うございます!

vanillaice (Akira)
Akira
2021/03/23 (Tue) 16:23

To UIさん

こんにちは ('0')/

複数ページで見受けられる場合は比較対象のためにサンプルが多い方が正確な検証ができます。
全て同じ原因とは限りませんが、とりあえずこのページだけで原因「かもしれない」ものをお伝えします。というのは私の環境ではやはり視覚的な問題は出ていないためです。

----- 記事内に記したリンク(a要素)の構文エラー

・トラッカー:詳しくはこちらで書きます。

とある部位、html内容が以下のようになっています。
(注: 変換を避けるためURLに ** を含めていますが実際には存在しません)

・トラッカー:詳しくは<a href="h**ttps://survivor2021.blog.fc2.com/?preview_entry=&editor=&key=ebb1bc262c25fef9a45027d5764d722ef576624a7a69060ab27ea25503f972eb&t=1616019809" title="トラッカー" target="_blank"><a href="h**ttps://survivor2021.blog.fc2.com/blog-entry-12.html" title="トラッカー" target="_blank">こちら</a></a>で書きます。

赤字部位は不要です。こちらはクリティカルエラー(致命的エラー)なので修正必須
(a要素の中にa要素を含めることはできません)

同じく、

・日記:詳しくはこちらで書きます。

・日記:詳しくは<a href="h**ttps://survivor2021.blog.fc2.com/?preview_entry=&editor=&key=3a20d14daef7eba4dff5b5660030e403fbba4b088b10489e052a287d00fc9f0d&t=1616020605" title="デイリーログ" target="_blank"><a href="h**ttps://survivor2021.blog.fc2.com/blog-entry-20.html" title="日記" target="_blank">こちら</a></a>で書きます。

-----
この2箇所です。a要素のエラーというのは視覚的影響が出やすいんですが、カラムが崩れたり、「見た目に気づきやすもの」ではなくて、表示されるべきものがされていない、マウス反応範囲がおかしい、など「見た目では気づきにくいもの」が多いです。
そして「私の環境では確認できません」とお伝えしましたが、ブラウザやOSによって見た目に影響が出たり出なかったりするのもa要素エラーの特徴です。

作業する際a要素は必ず赤字の方を削除してくださいね。こちらに指定されている遷移先は「記事作成中の一時的ページ」のアドレスなので正しく遷移できません。

他のページは検証できませんが、恐らく同様のエラーが原因ではないかと思います。一度お試しくださいね。

UI
2021/03/23 (Tue) 21:10

To Akiraさん

有難うございます!赤字部位を削除したら直りました!

>クリティカルエラー(致命的エラー)なので修正必須
>ブラウザやOSによって見た目に影響が出たり

色々と注意しなければいけない事があるのですね…。
気軽に始めたブログですがタグについて等々、もっと勉強しながらやっていこうと思いました。
お忙しいところ何度もお手数おかけして申し訳ありませんでした。
有難うございました!

vanillaice (Akira)
vanillaice (Akira)
2021/03/24 (Wed) 22:16

To UIさん(完了のご報告)

こんばんは ('0')/

修正できたということで安心しました。
私の方こそなかなか時間が取れず、解決までに時間がかかってごめんなさいね。
お疲れ様でした :)

UI
2021/03/25 (Thu) 20:48

To Akiraさん

とんでもないです、色々と細かく教えて頂いて感謝です。
わざわざ返信頂いて恐縮です。有難うございました!

みらくる
2023/04/16 (Sun) 00:24

パンくずリストについて

Akiraさん初めまして、みらくると申します。
Fallテンプレを使わせて頂いています。

さっそくですが、パンくずリストについての質問です。
現在はホーム>子カテゴリ>現在のページ名になっておりますが、
これをホーム>親カテゴリ>子カテゴリ>この記事
にしたいのですが、どんな感じにしたらよいでしょうか。

vanillaice (Akira)
vanillaice (Akira)
2023/04/17 (Mon) 21:33

To みらくるさん

こんばんは ('0')/
FC2ブログのカテゴリ階層については以下の記事にまとめていますのでご覧ください。

参考記事: FC2ブログ「親子カテゴリ」の階層の話とパンくずリスト
https://vanillaice000.blog.fc2.com/blog-entry-1077.html

記事に記したような特徴がありますので、単純に独自変数の操作やhtmlの操作では実現できず、JSが必要です。そのためのhtml構造も必要です。
なので、個人的なカスタマイズとしての指南・説明の提供ができずごめんなさい。今後何かの折にテンプレートの仕様変更として行う可能性はあります(今のところ予定はありません、すみません)

wash_ashore(2021.8.11共有開始)を含め、以降のテンプレートはこの点を改善しています。Fallの仕様を変更するとすればこれらと同じ仕組みへ変更するつもりです。

みらくる
2023/04/17 (Mon) 23:42

To Akiraさん

解説ありがとうございます。

過去記事にパンくずの説明があったんですね。
見逃していました。

ちなみに先日までは長年、Promise-Meを使用しておりましたが、
ページ送りがFallの様な感じがよくて、変えたばかりでした。

みらくる
2023/10/14 (Sat) 23:30

サイドメニューの文字色&リンク色

Akiraさん、こんばんは。

Fallテンプレにて、
リンクの文字色や、ホバー色を変えようと思い、
↓本カラム(左)の方だけ上手く行きました↓

/***------------------------------------------
link
------------------------------------------***/

a {
text-decoration: none;
color: rgb(0,75,175);/* 注)基本リンク色 */
transition: .3s ease-in-out;
}

a:hover {
text-decoration:underline;
color: rgb(0,100,0);
}

右カラムも左カラム同様にする場合はどうしたら良いでしょうか?

vanillaice (Akira)
vanillaice (Akira)
2023/10/15 (Sun) 00:03

To みらくるさん

こんばんは ('0')/

大きなカスタマイズはされていないようなので、再DLして頂いて、以下の太字部位を変更してください。

基本リンク(記事内, グリッド内リンク一部)色変更
--color-link: rgb(92,123,46);/* リンク(緑) */

ホバー色指定
--color-link--hover: var(--color-link);/* リンク ホバー */

サイドメニュー リンク色
--sidemenu-link: var(--sidemenu-color);/* リンク色 */

サイドメニュー リンクホバー
--sidemenu-link--hover: var(--sidemenu-color);/* リンクホバー */

みらくる
2023/10/15 (Sun) 01:13

To vanillaice (Akira)さん

Akiraさん、ありがとうございました(^o^)丿

vanillaice (Akira)
vanillaice (Akira)
2023/10/17 (Tue) 19:22

To みらくるさん

こんばんは ('0')/
ご希望に添えたようで良かったです。お疲れ様でした :)

コメントに関する注意事項
  • テンプレートに関するご質問は各テンプレート専用記事でのみ受付致します。また、よくある質問をまとめているページも事前にご参照ください。
  • 専門的なご質問の場合、記事内容と明らかに関連の無い内容はお控えください(雑談の場合はその限りではありません)
  • 第三者が不快と感じる内容や論調でのコメントはお控えください(性的,高圧的,暴力的など)