本日、テンプレート内で気になった箇所とコメント等で頂いた件について修正・更新を致しましたのでご報告致します。
この度の修正・更新を行わなくても使用上の不具合は出ません。
今迄使っているテンプレートに不便が無い場合はそのままお使い頂いても大丈夫です。
- 管理画面に有る『SEOアドバイザー』に沿うよう、title 及び description タグを変更しました。
- jQueryのバージョンを3.5.1から現行の3.6.0へバージョンアップしました。
- テンプレートの文字サイズと font-family を変更しました。
1 ） 管理画面に有る『SEOアドバイザー』に沿うよう、title 及び description タグを変更しました。
今迄のテンプレートでは、description タグを各エリア毎に出し分ける記述をしておりましたが、FC2管理画面に有る『SEOアドバイザー』でチェックすると、『現在の記述欄』にタグの一部しか抽出表示されていませんでした。
それについては私も確認しておりましたし、幾つか頂いたお問い合わせの度に（書き方が違うだけで）問題は無いと申し上げておりましたが、この度の更新でFC2『おすすめの記述』に合わせるよう修正致しました。
FC2のおすすめに合わせたい場合は、下記をクリックし展開したHTMLの変更部分を貼り換えて下さい。（変更しなくても問題は有りません。）
▶ FC2『おすすめの記述』
変更したのはオレンジの部分です。（ description タグ + title タグ ）
何処が範囲なのか分からない場合は、<head> から </head> までを全て貼り換えると更新後と同じになります。（但し、ご自身で追加されているものは含まれませんので再度追加して下さい。）
<head>
<meta charset="<%template_charset>">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="author" content="<%author_name>">
<!--not_permanent_area--><meta name="description" content="<%introduction>"><!--/not_permanent_area--><!--permanent_area--><meta name="description" content="<!--topentry--><%topentry_description><!--/topentry-->"><!--/permanent_area-->
<title><!--index_area--><%blog_name><!--/index_area--><!--category_area--><%sub_title> page<%current_page_num> - <%blog_name><!--/category_area--><!--date_area--><%sub_title> page<%current_page_num> - <%blog_name><!--/date_area--><!--search_area--><%template_search_entry> "<%sub_title>" page<%current_page_num> - <%blog_name><!--/search_area--><!--tag_area-->Tag "<%sub_title>" page<%current_page_num> - <%blog_name><!--/tag_area--><!--titlelist_area-->Entry List - <%blog_name><!--/titlelist_area--><!--edit_area--><%template_edit_comment> - <%blog_name><!--/edit_area--><!--permanent_area--><%sub_title> - <%blog_name><!--/permanent_area--><!--not_index_area--><!--not_category_area--><!--not_date_area--><!--not_search_area--><!--not_tag_area--><!--not_permanent_area--><!--not_titlelist_area--><!--page_area--><%blog_name> page<%current_page_num><!--/page_area--><!--/not_titlelist_area--><!--/not_permanent_area--><!--/not_tag_area--><!--/not_search_area--><!--/not_date_area--><!--/not_category_area--><!--/not_index_area--></title>
<!--index_area--><link rel="canonical" href="<%url>"><!--/index_area-->
<!--permanent_area--><link rel="canonical" href="<!--topentry--><%topentry_link><!--/topentry-->"><!--/permanent_area-->
<!--titlelist_area--><link rel="canonical" href="<%url>archives.html"><!--/titlelist_area-->
<!--category_area--><link rel="canonical" href="<%url>blog-category-<%cno>.html"><!--/category_area-->
<!--date_area--><link rel="canonical" href="<%url>blog-date-<%now_year><%now_month>.html"><!--/date_area-->
<!--tag_area--><link rel="canonical" href="<%url>?tag=<%sub_title>"><!--/tag_area-->
<!--not_index_area--><!--not_category_area--><!--not_date_area--><!--not_search_area--><!--not_tag_area--><!--not_permanent_area--><!--not_titlelist_area--><!--page_area-->
<link rel="canonical" href="<%url>">
<!--/page_area--><!--/not_titlelist_area--><!--/not_permanent_area--><!--/not_tag_area--><!--/not_search_area--><!--/not_date_area--><!--/not_category_area--><!--/not_index_area-->
<!--search_area--><meta name="robots" content="noindex, nofollow"><!--/search_area-->
<!--edit_area--><meta name="robots" content="noindex, nofollow"><!--/edit_area-->
<link rel="stylesheet" href="<%css_link>">
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss">
<link rel="start" href="<%url>" title="最初の記事">
</head>
2 ） jQueryのバージョンを 3.5.1 から現行の 3.6.0 へバージョンアップしました。
自身のテンプレートにて現行 3.6.0 で不具合が無いか見ておりましたが、動作に問題は無かったので（共有化されている全テンプレートを）3.6.0 に致しました。
但し、ご利用になられているプラグインでの動作は保証致しませんので、不具合が有った場合はバージョンを落としてみて下さい。CDNの記述位置はキーボードCtrl＋Fキーで検索窓を出し jquery.min.js と入れて探して下さい。（変更しなくても問題は有りません。）
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
3 ） テンプレートの文字サイズと font-family を変更しました。
ブログの文字サイズが小さい…古いテンプレート程この傾向が有ると思います。
私も以前は「その方が見栄えが良い」と思っていました。が、時代の流れと自分の加齢 (^_^;) で文字が小さいのは読み難いと感じるようになりました。
また、テンプレートの font-family の書き方・選び方も（不勉強だった故）少し雑だったので、この度キチンと書き直しました。（変更しなくても問題は有りません。）
① テンプレートの文字サイズ変更
対象テンプレート名：
al_responsive、candy、green、ct_responsive、genial_resp、home_resp、lace-al、lace-dc、ryo、serene_resp、youth_resp
の2カラム及び3カラム
上記は html の font-size が 1em（16px）の 83% 若しくは 85% になっていたので、これらを全て 1em（16px）の 90% に変更しました。
html{
font-size:90%; /* フォントサイズは1em(16px)の90% */
overflow-x:hidden;
}
記述位置はキーボードCtrl＋Fキーで検索窓を出し、中に フォントサイズは1em(16px) と入れて探すと1ヵ所見付かります。文字サイズを更に大きくしたい場合は、この 90% の数値を大きくして下さい。
② font-family を変更
対象テンプレート：当方共有化済み全テンプレート
「優先して表示したい font名を先に書く」という方法のみで記述していた今迄の font-family を、OS毎の欧文フォント・OS毎の日本語フォント・総称フォント で記述し直しました。（フォントも一部変更。）
body{
font-size:1.0em;
color:テンプレートによる
font-family: "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "YuGothic", "Meiryo", "Yu Gothic", sans-serif;
～～ 省略 ～～
}
- MacOSの欧文フォント「Helvetica Neue」
- Windowsの欧文フォント「Segoe UI」
- MacOSの日本語フォント「Hiragino Sans（※ Hiragino Kaku Gothic ProN）」「YuGothic」
- Windowsの日本語フォント「Meiryo」「Yu Gothic」
- 総称フォント「sans-serif」
（複数指定しているフォントの優先度は、前に書いて有る方が上です。）
※MacOS Catalinaで、font-family に「Hiragino Kaku Gothic ProN（Pro）」を指定しても、正しくフォントが表示されない問題が有るため「Hiragino Sans」と一緒に指定しています。
記述位置はキーボードCtrl＋Fキーで検索窓を出し、中に sans-serif と入れて探すと3ヵ所程見付かりますが、その中のセレクタ body に付いているプロパティ font-family が対象部位です。他のフォントにする場合はこの部分を変更して下さい。
Re: 呑兵衛あな 様へ
こんばんは。先程お伺い致しました。CSSの font-family、更新されたものに変えてましたね。(^^)
日本語フォントは今まで通りメイリオですが、この度 欧文フォント「Segoe UI」を加えたので、欧文を日本語フォントで表示するよりもバランスが良くなったと思います。
（システムフォントなのでWinユーザーなら持ってますし。）
是非これでお試し下さいませ。m(__)m
[ 返信 * 編集 ]▼ ▲