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

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

テンプレート
2020/04/01 35
vanillaice (Akira)
vanillaice (Akira)
HTML5 CSS4 RWD Darkmode
Haloテンプレート

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

最終更新 2020.5.28
  • ページ送りのJSを修正
名称 Halo
動作確認済みブラウザ
トップページ記事並び 要約表示タイプ
記事内で使える見出しレベル h2からh6まで
jQuery導入 なし (Vanilla JSのみ)
Font Awesome導入 なし (インラインSVG)
Lazyloading導入 あり
OSダークモード対応 あり
構造化マークアップ 個別記事のみ
BreadcrumbList(パン屑リスト)
BlogPostiong
Page Speed Insigtsスコア
固有機能 ・ 見出し装飾
・ YouTube縦横比固定
使い方詳細はARTICLE DEMOを参照
推奨カスタマイズ 色調変更
ライセンス Required 必須事項
・Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
・Modification 改変
・Personal Use 個人利用
・Commercial Use 商用利用
Forbidden 禁止事項
・Distribution 再配布
・Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
備考 IE非対応
パソコン タブレット スマートフォン
2カラム 2カラム or 1カラム
(デバイス幅依存)
1カラム
サイドメニュー --- 右 サイドメニュー --- 右 or 下 サイドメニュー --- 下
最終更新 2020.4.13
  • 個別記事ページナビのhtml誤記を修正

へいろー
承認されました。ありがとうございます。

サンプル

Samples

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

* OSのダークモードON/ OFFで背景色が切り替わりますのでご確認ください。

FAQ
DOWNLOAD

カスタマイズのコツ

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設定「有効にする」

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

コメント設定 > コメンテーターの情報「記憶する」

コメント設定 > コメンテーターの情報「記憶する」

管理人コメントにプロフィールアイコンを表示できます。この設定を怠ると表示できません。

IE非対応

This theme is incompatible with Internet Explorer.

全バージョンのIE非対応です。対応(フォールバックやポリフィルの導入等)のお手伝いも致しませんので予めご了承ください。

IEユーザーへの注意書きが必要な方は以下のページをご参照ください。

【IE撲滅運動】IE利用者への啓蒙オーバレイ表示

ぼっちんさん に教えて頂きました。「こんなのあるぜ?」って感じで(笑) 最近は「IE非対応サイト」も徐々に増えつつあります。非対応というのは要は「IE向けCSSフォールバックは書かないからデザイン崩れてても知らーん」ってことです。大抵は。...

ダークモード対応について

Supporting Dark Mode - how it works

本テンプレートはOSのダークモードに対応しています。詳細についてはお手数ですが下記リンク先の ダークモード対応について の章をご確認ください。

El-zigzag - FC2ブログテンプレート

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

記事横幅調整を行いやすくしました

Now you can easily change column width of article.

スタイルシート内に /* メイン最大横幅 */ という項目があり、デフォルトは 900px です。記事の横幅が900pxだ、という意味ですね。増減を行いたい方はこの900の数値を変更するだけで全体幅など自動調整できるようにしておきました。

注意点としては、個別記事以外のページも全体幅は連動していますので、あまり狭くしすぎると「トップページのアイテムが3つ並んでいたのに2つしか並ばなくなった」など生じます。全体幅が小さくなれば物理法則の当然の結果です。つまりどのページも全体横幅は同等になりますのでこの点だけ留意してカスタマイズを行ってください。

グローバルナビゲーション内のブログタイトル表示について

About your blog name in global navigation

ナビゲーションは縦サイズが限定されていますのでブログタイトルを安易に表示させると不味いことになり、実はなかなか処理が難しいんですが、今回は比較的 長いブログ名 の方は折り返して表示が行われるようにしてあります。ブログ名が長い、というご自覚をお持ちの方は調整の必要が生じるかもしれませんのでこの章を熟読して頂ければ、と思います。

パソコン(デフォルト最大横幅1250px)

デフォルトのナビゲーション最大横幅は 1250px です。ただし前章の「記事横幅調整」のカスタマイズを行った場合は指定内容に応じて増減があります。各部位の横幅は揃っている方が見た目に美しいのでそういう処理にしてあります。

かなり長いブログタイトルなんですがちゃんと収まっていますね。しかしタブレットやスマホなどデバイス変更やブラウザ幅が狭くなったりすると当然表示範囲は狭くなります。

タブレット(768px)

折り返して3行になりました。3行が限界かな、と思います。

スマートフォン(320px)

もうこれは ダメ ですね。ブログ名が省略されたり見切れたり、というのは好ましくありませんので、タブレット・スマホで折り返して3行以上になる、という方は フォントサイズを小さくする という処置しかありません。ブログ名が長い、というご自覚の有る方は 必ずタブレット及びスマートフォンの実機を利用するかブラウザ横幅を狭くするなどで、目視確認を行ってください。

フォントを小さくする必要のある方は /* ナビゲーション ブログタイトル文字サイズ */ で検索するとスタイルシート内に1箇所あります。10px の赤字部位の数値を 小さく変更 します。といっても9pxが限界だとは思いますが。

また、逆にフォントサイズを大きくしたくなることがあるかもしれませんが、ナビゲーション部位のフォントサイズ変更は非推奨 です。自力でちゃんと調整ができる、という方だけ行ってください。

もう一点注意があります。ナビゲーションは一定横幅を下回ると アコーディオンに切り替わります。その切り替わりのタイミングは調整が必要な場合があります。こちらもブログ名が長い場合ですね。折返しが増えて3行以上になってしまう前に折りたたみを有効化してください。右側の各種リンクが隠れますので表示範囲が広くなり多少収まりが良くなります。

/* navi breakpoint default 661 */ で検索するとスタイルシート内に1箇所あります。この文字列の直下にある 661 の数値を 大きく します。

グローバルナビゲーション内のファビコン表示について

About favicon in global navigation

独自ファビコンを設定している方はそのアイコン、未設定の方はFC2のデフォルトファビコンであるユニコーンアイコンが表示されます。この機会に独自ファビコンを設定したい方は以下の記事をご参照ください。

FC2ブログでオリジナルファビコンを設定する方法2020年版

ファビコン設定についてです。最近ではデバイスが多様化しており、昔のようにhead要素内に1つhtmlを追加、というだけではカバーできませんので、どんな記述が必要でどう設置すれば良いかの説明をしたいと思います。...

また、ファビコン表示はGoogleのホストを経由しています。ファビコンの認識に約1週間前後かかりますので、ファビコンが正しく設定されていても新規設定の場合はしばらくユニコーンが表示されることもあります。あまりに長い期間ユニコーンのまま、という場合には設定ミスも考えられますので一度ご相談ください。

ヘッダー画像について

Tips when changing header image

今回のヘッダー画像は ブラウザ横幅100%で表示されます ので、画像選びにコツが要るかもしれません。

  • 上下の大半が見切れても意味のわかる画像
  • 画像内のオブジェクトの位置

画像の上下は大きくカットされます

特にパソコン閲覧時の表示は上下の見切れ範囲が大きくなりますので、見切れが発生すると何の画像だかさっぱりわからなくなるようなものは避けましょう。ただし画像内のオブジェクト(被写体)に注目したときに、表示位置合わせで上手く調整できることもありますので、注意点2点はセットで考えてください。例えば以下のような画像の場合。

サンプル(縮尺掲載)

上記をテンプレートのURL差し替えのみで変更した場合の表示は以下の通りです。

パソコンでのヘッダーの様子
スマートフォンでのヘッダーの様子

スマートフォンの方は良いんですが、パソコンだとなんやわけわからん (´・ω・`)
この時点で完全に「向かない」と判定される画像もありますが、このサンプルの場合は「オブジェクト表示の調整」で上手く行くかもしれません。

オブジェクト表示位置の調整

オブジェクト表示に係るテンプレートのデフォルト内容は 垂直がbottom、平行がcenter です。つまり見切れは発生するけれども、画像の垂直方向下辺部位と平行方向中央は極力表示させる、という意味です。サンプル画像の場合、男の子の位置は「垂直がtop(上)、平行がleft(左)」ですから、位置の指定を変更してみます。

パソコン「top left」
スマートフォン 「top left」

男の子が写っていることはわかるようになりました。

スタイルシート内に /* ヘッダー画像垂直位置 *//* ヘッダー画像平行位置 */ という目印がありますので、それぞれ :(コロン) の 右側topleft に書き換えます。コロンの左側は変更しないように注意してください。

こうして垂直位置と平行位置とを単独で変更できるようにしてあります。またあるいはサンプルだと男の子の頭がちょっと隠れています。これは上部にある グローバルナビゲーションの高さ40px です。その分が隠れていますので、垂直位置の方を top 40px と書いてください。この意味は「上から40px」です。以下のようになります。

パソコン「top 40px left」
スマートフォン 「top 40px left」

同じように平行位置も必要があれば数値をpxで入れてください。ちなみに私であればこの画像は「不向き」と判定します ^^;

画像はサイズ違いで2つ準備

スマートフォン用とパソコン用で分けてあります。デフォルトサイズはスマートフォン用が横800px、パソコン用が横1600pxです。スマートフォンでは1600pxもの大きな画像は必要ありませんので、負担を軽減するために小さい画像を用います。

準備が面倒という方は、横1600pxの大きいサイズを準備し、2箇所に同じURLを記載 してください。本来はもっと良い方法がありますが、初心者さん向けにこれが一番簡単だと思います。統一処理の仕方がわかる方はもちろん行って頂いて構いません(というかたぶん処理方法がわかる方は画像の準備もされるだろうと思います)

ダークモード時の画像について

About image grayscale in darkmode

ダークモード時は画像の彩度を若干抑えています(その方が好ましいという統計結果が出ているため)が、不要と思われる方は以下の部位を削除してください。

filter: grayscale(20%); を目印に検索し、これを含む

  img {
    filter: grayscale(20%);
  }

を削除。すぐ下にある } を巻き込み削除しないよう注意。

記事編集リンクについて

Location of edit icon

個別記事タイトル下の管理人プロフィール画像がリンクになっています。閲覧者が気づきにくいようにカーソル表示を無効化してあります。

カラム入れ替えの仕方

How to reverse the direction of rows.

#main-container { で検索するとスタイルシート内に2箇所ヒットし、2つ目 が対象です。そのルールセット内にある max-width: var(--width-max); の直下に flex-direction: row-reverse;追加

続きまして #primary { で検索するとスタイルシート内に1箇所ありますのでルールセット内 margin-right: var(--gap); の赤字部位 rightleft変更

webフォントを利用しない場合

If you do NOT want to use Google fonts...

ブログ名などの一部フォントはGoogle Fontsを利用しています。このフォントを排除したい場合は

注)webフォント不要の方

で検索し、ガイダンスに従って頂くわけですが、ちょっと意味がわかりにくいかもしれませんので補足します。

wf-target で検索するとhtml内に11箇所ヒットします。これらを以下の要領で削除します。

① クラス名が単独の場合

id=blog_title class=wf-target

緑部位を削除して以下の通り。

id=blog_title

② クラス名が複数の場合

<div class="another-title wf-target">

該当クラス名以外はそのまま残して以下の通り

<div class="another-title">

webフォントは読み込まれるまでにタイムラグがありますので、FOUT現象(flash of unstyled text, フォント種が切り替わる際に点滅するように見える)が発生します。それを避けるための処理を行っており、それ故正しい手順で削除しないと文字が表示されませんのでご注意ください。上記手順に沿って削除するとテンプレートで指定されているデフォルトフォント種に戻ります。

カテゴリオーバーレイ表示の際のメインコンテンツぼかしについて

CSS blur doesn't work in Firefox browser.

ナビゲーション内にある「CATEGORY」をクリックするとオーバーレイ表示が行われ、背面になるコンテンツにぼかしがかかるようになっていますが、現時点ではFirefoxに対応していませんので予めご了承ください。オーバーレイが機能しないわけではなく単に後ろにぼかしがかからない、という意味です。

スピード強化について

Behavior about navigation

Lazyload, service worker, prefetchなど導入済みです。lazyloading(画像の遅延読み込み)について個別記事にユーザーが任意掲載する画像への自動適用はありません。

prefetchはバックグラウンドで行われますが、過信して1ページ内に大量のリンクを記載しない よう気にかけてください。記事の表示件数をMaxの50件に指定するなどがそれにあたります。リンク数が過剰だと却ってスピードを落とすこともありますので10〜30件程度が妥当だと思います。また、スペックを最大限に活かすには SSL化 を行ってください。

「新着記事リスト」と「プロフィール」について

About recent list and profile

それぞれのプラグインを表示している方は内容が重複します。テンプレート内のものは以下の特徴があります。

  • 画像遅延読み込み(スピード対策)
  • 高dpiデバイスでの画像ぼやけ対策(新着記事リスト)
  • バリデートエラー無し(htmlが正確)

できればプラグイン側を非表示にされた方が良いと思います。

補足事項

Handouts

  • ページ内スクロールボタンの位置について

現在FC2ブログでは無料アカウントの方でも広告が出ないようになっています。2020年8月末日までは恐らく確定で、期間限定になるのか同年9月以降は再度広告が表示されることになるのかはわかりません。

本作については「広告は無い」ことを前提にボタン位置を設定していますが、期限を迎えた際に再調整する可能性があります。その際には改めてアナウンスを行います。

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

Cautions before asking for something.

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

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

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

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

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

 35

There are no comments yet.
-
管理人のみ閲覧できます

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

2020/04/06 (Mon) 14:02
vanillaice (Akira)
Akira
To Halo スピードテストの件 内緒さん

こんにちは。
まず点数を落としている原因を上げます。

・アフィリエイト
・FC2が挿入するJSファイル --- 不可避
・FC2が挿入するCSSファイル --- 不可避
・画像の拡張子が適切でない(webpを採用していない) --- 不可避

あとHaloではページ遷移を速くするための処理を行っています。全記事一覧を開いてもらうと最も効果がわかりやすいはずです(このページは記事数が少ない方でも通常3〜10秒かかりますがHaloでは1秒かかりません)
これはリンク先をバックグラウンドで先読みする(prefetch)という方法ですから、先読みした画像なども検査対象になります。そしてFC2はwebp拡張子が使えませんので、全ての画像に同じ警告が積み重なります。

テストツールは純粋なスピードを計測するのではなく、「修正可能な項目の指摘」であって、警告対象がいくつあるかで減算しています。実際の表示スピードは概ね1秒台ですから速度として決して遅くはありません。寧ろ速い方です。

どうしても点数を上げたいという場合は
・prefetchを外す(遷移スピードは遅くなります)
・広告を諦める
・Google analyticsを外す(これがあると必ず点数が下がります)
・削除可能なJSは全て削除する(カウンター, コメント装飾ツールなど)
・トップページのサムネイルをFC2独自変数<%topentry_image_w300>に変更する(解像度が落ち、バリデートエラーになります)

などでしょうか。広告とanalyticsとカウンターなどを排除すれば100点が取れますよ。ただし内緒さんの場合はドメイン関連のJSが強制で入りますので恐らく100点は実現できません。

参考記事: スピードスコアテストの考察
https://vanillaice000.blog.fc2.com/blog-entry-738.html

Haloの元々のスペックはサンプルDEMOでご確認頂けます。DEMOは実際に提供している内容と異なり
・prefetchを省いている
・必要の無いJSを省いている(FC2検索バー対策など)
が特徴です。その他は一般に配布しているものと変わり有りません。そちらを比較してもらうことでできることが見えてくるかもしれません。

----- 追記
これまでご利用になっていたテンプレートはこれかな?と思うものがありましたので拝見しました。
トップページのサムネイルは先程書いた<%topentry_image_w300>を利用していますので、それだけでも点数は上がりますよ。ただしバリデートエラー(htmlが正確でない)は多いですね。
いずれにしても信頼できるものをご利用になるのが一番だと思います。不信感がある場合は利用を避ける、というのが一番ですので差し戻し(以前のものへ変更)も視野に入れてはいかがでしょうか。

2020/04/06 (Mon) 14:21
-
管理人のみ閲覧できます

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

2020/04/06 (Mon) 19:12
vanillaice (Akira)
Akira
To Halo スピードテストの件 内緒さん(終了のご報告)

こんばんは。
そちらも大変なご様子ですね。早く収まると良いのですが (∵`)
ちなみにそちらより9時間遅い地域出身です。

スピードテストは極端な話、画像の並び順が違うだけでもスコアが変わります(lazyloadを導入している場合)ので、あまり気を取られすぎないことも大切です。
お疲れ様でした :)

2020/04/07 (Tue) 01:51
Satoshi Nakamoto
目次機能について

度々お邪魔します。
今回は目次機能について質問させていただきます。

目次をどうやって表示させているんでしょうか?
ページのソース表示をみて真似ができないかトライしたのですが、わかりません。
お答えいただける範囲の事なのかどうかわかりませんが、可能なら教えていただきたいです。
よろしくお願いします。

2020/04/10 (Fri) 11:40
vanillaice (Akira)
Akira
To Satoshi Nakamotoさん

こんにちは ('0')/
TOCの件について

以下のページをご覧ください。
参考記事: 見出し目次を生成するTOCスクリプト
https://vanillaice000.blog.fc2.com/blog-entry-826.html

Haloのscopeは
.inner-contents
です。よろしくお願いします。

2020/04/10 (Fri) 14:51
Satoshi Nakamoto
To Akiraさん

ありがとうございます。
早速勉強させていただきます。
:)

2020/04/10 (Fri) 20:30
Satoshi Nakamoto
To Satoshi Nakamotoさん

Akira さん

目次無事導入できました。ありがとうございます。

で、次なるご質問があります。汗
このページで質問するべきなのかまようところなのですが、、。

このテンプレートに目次機能を入れてiphoneなどでダークモードに切り替わった場合、目次部分のバックグラウンド色が明るすぎるのですが、どう対応するべきなのでしょうか?

一応、目次部分を薄いグレー色に変更を試みたのですが、目次などの文字色が被ってしまい、消えてしまいます。
アドバイスをいただけるとありがたいです。
m(__)m

2020/04/20 (Mon) 19:30
Satoshi Nakamoto
To Satoshi Nakamotoさん

Akira さん

追加で質問させていただきます。すいません。

このテンプレート "Halo" を常にダークモードで表示する事はできるのでしょうか?
そして、PC画面でもダークモードに変更できますでしょうか?

最近、通常の白い画面を見ると目がいたくなるのでダークモードを非常に気に入ってしまいまして、もし可能なら教えていただきたいです。
m(__)m

2020/04/20 (Mon) 19:41
vanillaice (Akira)
Akira
To Satoshi Nakamotoさん

こんばんは ('0')/
まず、TOCの導入が上手く行ったということでお疲れ様でした :)

ダークモードの件は結局どうされますか?
暗色をデフォルトにする場合はダークモード自体が不要になりますので、TOCについても対処法が変わります。
方針を決定してお伝えくださいね。よろしくお願いします。

> PC画面でもダークモードに変更できますでしょうか?〜

ご利用のPCに依存します。OSが対応していれば切り替えられますし、非対応ならば使えません。詳細は記事をお読みください。

2020/04/20 (Mon) 21:00
Satoshi Nakamoto
To Akiraさん

Akira さん

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

暗色デフォルトでやってみたいです。
ご指導よろしくお願いします。 ٩(^‿^)۶

2020/04/20 (Mon) 21:05
vanillaice (Akira)
Akira
To Satoshi Nakamotoさん

了解です。今回はhtmlは触りませんのでスタイルシートに集中してください。

【ダークモード解除 + 暗色デフォルト】

非常にややこしいので注意深く作業してください。事前に複製を取ってくださいね。

まず
:root
で検索すると全部で5つ出てきます。最初の一つ目のルールセットが「デフォルト」です。
2つ目のルールセットがダークモードopt in時のスタイル指定で、近接に
/* darkmode 1/2 */
の目印が付いていますのですぐにわかると思います。2つ目の:rootのルールセットの最初の行は
--bgcolor-body: rgb(31,31,31);
で、最後の行は
--shadow_color: rgba(0,0,0,.6);
です。まだ下にも続いていますが今は気にせず1つ目と2つ目のルールセットだけに集中してください。

デフォルトのルールセットとダークモードのルールセット、それぞれ
--bgcolor-body: rgb(31,31,31);
上記のような形でスタイルが指定されており、左側の赤い部位(プロパティ)がデフォルトとダークモードで共通しています(右側の値(value)は異なります)

デフォルトとダークモードで 共通しているものはデフォルト側を行単位で削除。
デフォルトとダークモードで 共通していないものはそのまま残します。
間違ってダークモード側を消さないようにしてください。

消すべき行を全て消したら
/* darkmode 1/2 */
のすぐ下にある
@media (prefers-color-scheme: dark) {
という一行と、
/* end */
のすぐ上にある
}
という一行を消してください。

続いて
/* darkmode 2/2 */
で検索すると出てきますので、そのすぐ上にある
#comment_form input:-webkit-autofill
のルールセットを削除。続いて先程の
/* darkmode 2/2 */
のすぐ下にある
@media (prefers-color-scheme: dark) {
という一行と
/* end */
のすぐ上にある
}
という一行を消します。

以上がダークモードスタイルのデフォルト化です。

-----
TOCについてはTOC用のCSSにコメントが付いていますので、

/* 全体を囲うボーダー */
/* 全体背景色 */
/* 各リンク上部のボーダー */
/* リンク色 */

がカスタマイズ対象です。
私では求める答えはわかりませんので、ご自身で色調の調整を行ってください。
よろしくお願いします。

-----
* 念の為「ルールセット」の意味の説明

.xxx {
内容
}

このまとまりのことです。

2020/04/20 (Mon) 21:43
Satoshi Nakamoto
To AkiraさんTo Akiraさん

Akira さん

長文に渡るご指導恐縮です。
ありがとうございます。

でっ残念ながら、私のミスだと思うのですが、ブログが透明化されてしまいました。
もう一度テンプレート複製してトライしてみます。

かなり難しい作業の説明をお願いしていたことに気づきました。
申し訳ありませんでした。
ダーク固定設定の方が、目次内をデフォルト&ダーク仕様にするよりもシンプルであろう的な打算もありました。
汗・汗・汗。

何度かトライしてみます。

2020/04/21 (Tue) 09:50
vanillaice (Akira)
Akira
To Satoshi Nakamotoさん

こんにちは ('0')/

消すべき行を示したスクリーンショットです ↓
https://blog-imgs-137.fc2.com/v/a/n/vanillaice000/capuser_2020_4_21.png

必ず「行」で削除してください。
それから一つ作業内容が間違っていましたので、上のスクリーンショットに従って削除ができましたら、次は
/* darkmode 2/2 */
の目印を見つけてください。
この目印のすぐ上にある

#comment_form input:-webkit-autofill {
box-shadow: 0 0 0 1000px var(--bgcolor-input) inset;
}

このルールセットを削除し、続いて目印の下にある

@media (prefers-color-scheme: dark) {
#comment_form input:-webkit-autofill {
-webkit-text-fill-color: var(--color-base) !important;
}
}

のルールセットも削除します。上記ルールセットを削除した箇所に、以下の内容を追加。

#comment_form input:-webkit-autofill {
box-shadow: 0 0 0 1000px var(--bgcolor-input) inset;
-webkit-text-fill-color: var(--color-base) !important;
}

ダークモード解除 + 暗色デフォルトの作業は以上です。
よろしくお願いします。

2020/04/21 (Tue) 18:44
Satoshi Nakamoto

Akira さん

ありがとうございます。
ダークモード固定、でっできました〜〜! 嬉涙
m(__)m


。。。。少し真面目な話になるんですが、
Akiraさんはどうして無料でパブリックに素晴らしいテンプレートを提供し続けておられるんですか?
しかも、利用者のお世話もかなり本気でされているし、でもお金をとるわけでもなく。。。。。

新型コロナの影響もかなり長引きそうですが、お体には気をつけてください。

とにかく、感謝の気持ちをお伝えしたいです。
ありがとうございます。

♪( ´θ`)ノ

2020/04/23 (Thu) 16:03
vanillaice (Akira)
Akira
To Satoshi Nakamotoさん(完了のご報告)

こんにちは ('0')/
完了したということで安心しました。

> Akiraさんはどうして〜

私の趣味は色々ありますが、これが一番お金のかからない趣味です(笑)
ただで楽しめているのでお金を頂こうとは思いません。それだけのことです(笑)

お気遣いもありがとうございます。お疲れ様でした :)

2020/04/23 (Thu) 16:19
Satoshi Nakamoto
Twitter OGP画像が表示されない?!

Akira さん

お疲れ様です。
報告? 質問? なのですが、ブログ更新をツイッターでツイートする際にOPG?画像が数日前まではきちんと表示されていたのですが、表示されなくなりました。Twitterバリデートで何度かトライしたのですがエラーが出ます。

テンプレートのダーク化は関係ないと思います。
もし何かお知りでしたらご教授ください。
すんません。m(__)m

2020/04/25 (Sat) 15:13
こん
同じ現象が起きているようです

Akiraさん、こんにちは~。
いつも大変お世話になっておりますm(__)m。

今朝から新しいテンプレート-BigGirlNoCry-を試していたところ(憧れでした・笑)、
やはりTwitterでアイキャッチ画像が表示されなくなりました。
昨日までは何の問題もなかったのですが。
ちなみにその昨日までの画像は今も表示されています。
(私のブログにTwitterのタイムラインが貼ってありますのでご確認いただけます)

それはないだろ、と思いながら、一応元のテンプレート-CommonSense-に戻して
新たな指定も試みてみましたが、やはりテンプレートのせいではないようです(笑。

何か見落としがあるかもしれないと覗きに来たところ、
同じ現象を訴えていらっしゃる方がおられたので、
これは運営さんかTwitter側の問題かな~などと疑っている次第です。

ひっそり去ろうとしましたが、同じ現象の方がいらしたので
とりあえずお知らせいたしまするね。ではでは。

2020/04/25 (Sat) 18:12
vanillaice (Akira)
Akira
To Satoshi Nakamotoさん, To こんさん

こんばんは ('0')/

まとめてのお返事でごめんなさいね。
今から見てみますね。情報のご協力大変助かります。ありがとうございます :)
何かわかれば改めてコメントします。よろしくお願いします。

2020/04/25 (Sat) 18:18
駐在おやじ

すいません とても失礼な質問になるかと思いますが、解決策があるのかもしれないと思い 質問させてください。
Akiraさんが IE非対応のものが多く、 今回僕もお借りしたテンプレートもIE非対応だと言う事は知っていてお借りしました。
私の ポカで・・・ Edgeで検証し問題ないと思っていました。

しかし当然ですが、 IEを使っている(と予想される)方々から おかしいというコメントをいくつかもらう事になりました。
また yahooで開くとおかしいと??? これは 携帯のアプリの事かとは思いますがよくわかりません。

Akiraさんの テンプレートの中でも IEでも見れるものがあると ある方から教えていただき 
変更しようかと思っていましたが、 このテンプレートとても気に入っているので もし対応できる方法があるのなら 教えていただけないかと 連絡しました

長文で、 しかも 自分勝手な質問で申し訳ありません。

  駐在おやじ

2020/05/05 (Tue) 23:00
vanillaice (Akira)
Akira
To 駐在おやじさん

こんばんは。
* IE非対応テンプレートの件

> IEでも見れるものがあると ある方から教えていただき〜

のテンプレートのIE対応・非対応の別は以下のページをご覧くださいね。
記事: FC2共有テンプレート一覧
https://vanillaice000.blog.fc2.com/blog-entry-283.html

-----
> IEを使っている(と予想される)方々から おかしい〜また yahooで開くとおかしいと???〜

この「Yahoo!で開くと」「Yahoo!から入ると」「Googleから見ると」というのはひとつのキーワードになっていてですね、このキーワードを口にする方に「IEを利用してはいけない理由」を説いても恐らく受け止めてもらえません。
* Yahoo!やGoogleというのはブラウザ起動時のトップページであって、ブラウザそのものではありません。IE利用者さんはこのような誤解をされている(あるいは「ブラウザ」などweb一般用語を知らない)方が多いです。

Haloテンプレートを気に入って頂けたのはとても嬉しいんですが、駐在おやじさんの読者層を考えるとIE対応に変更した方が良い、というよりも変更必須のように思います。

参考記事: IEの対応・非対応の選択に悩んでいる方へ
https://vanillaice000.blog.fc2.com/blog-entry-930.html

私の上記記事リンクを紹介頂いたとしてもIE利用者さんは私のブログを読むことができません(ブロックしています)ので、駐在おやじさんの方で啓蒙してもらう形になり、そしてそれは相当難しいと思います。

-----
> もし対応できる方法があるのなら 教えていただけないかと〜

ありますが、こちらもやはりかなり困難な作業になると思います。もちろん駐在おやじさんのhtml, CSS習得度によります。

・ display: grid に関連するレイアウトを全て flex あるいは float に変更 --- IEはgridの正しい解釈ができません
・ カスタムプロパティを全て排除 --- varの文字列を含むCSSを全て削除し、然るべきCSSを然るべきセレクタに適用
・ object-fitに関するポリフィルを導入
・ const, promise を利用しているJSを全て修正
・ IE用CSSフォールバックの記述

などです。Yahoo!やヤプログユーザーさんでFC2へ移転された方向け限定配布のテンプレートは比較的楽に修正できた(カスタムプロパティの修正のみ)んですが、Haloの場合はかなり困難を極めると思います。
事前の説明通り私がIE対応を行うことはありませんので、「IEを使わないよう啓蒙する」か「IE対応テンプレートに変更する」かのいずれかでお願いします。申し訳ないです (*_ _)

-----
啓蒙される場合には以下の記事を紹介されると良いかもしれません。

参考記事(外部): Internet Explorerは“ヤバい”ブラウザ。今すぐ使用をやめよう! [HATAFULL様]
https://hatafull.co.jp/blog/6049

参考記事(外部): IEを使い続けるのは危険 マイクロソフトが企業に使用中止を要請 [livedoor NEWS]
https://news.livedoor.com/article/detail/15997210/

また、「IEを使ってはいけない理由」で検索しても類似記事がたくさん出てきます。(ただし中にはIE非対応サイトで読めないこともあるかもしれません)

2020/05/06 (Wed) 00:34
駐在おやじ
To Akiraさん

早速の返事ありがとうございます。
Akiraさんの言われる通りだと思います。 読者層の方が結構年配の方が多いと思っています。
IEと書いても何が何だか・・・・ の方にどう説明しても理解していただけないと思います。
もちろんIEを使わない方がいいといわれる理由も、今回初めて読ませていただき納得がいきました。

私が、勝手に選んで(お借りして)、しかもやらないと明言されていることに関して質問までして
大変失礼しました。
それなのに、 丁寧に教えていただいただけでなく、アドバイスまでいただき本当にありがとうございました。

とても素敵で、僕が初めて変更したテンプレートでしたが、 
私の確認不足のため Akiraさんにはお手数ばかりをおかけしました。
重ね重ね お詫び申し上げます

  駐在おやじ

2020/05/06 (Wed) 20:07
vanillaice (Akira)
Akira
To 駐在おやじさん(重要追記あり)

こんばんは ('0')/

そうですね。賢明な選択だと思います。
最後に2つばかりアドバイスさせてくださいね。

① 青い文字の使用はできれば避けた方が良い
② 記事下の「お店情報」のhtmlにテキスト色を指定した方が良い

① Halo適用時にお伝えしようと思ったんですが、青い文字は背景が暗色に反転すると視認性が著しく低下します。

参考記事: 視認性の落ちたテキストから色指定を取り除く
https://vanillaice000.blog.fc2.com/blog-entry-1030.html

ブログというのは管理人のものでもあり、閲覧者のためのものでもあります。Haloテンプレートのように「ダークモード対応」が取られているテンプレートを採用されたときには、管理人の意思に関わらずユーザーの個人設定によっては背景が暗色に切り替わります。
ダークモード対応は今後増えていくと思われますので、できれば今のうちに対策された方が良いでしょう。
(もちろんダークモード対応を取り除くことはできます)

② 「お店情報」はtable要素で構成されており、セルには薄桃色の背景色を指定していますよね。
仮に今後暗色背景テンプレートに変更したり、先にお伝えしたダークモード対応テンプレートに変更された場合には基本文字色は現在と逆の「白」になりますので、中のテキストが見えなくなってしまいます。
なので文字色を「黒系」に固定されることをおすすめします。そうすればテンプレートの色調に左右されることが無くなります。

「背景色を指定したら必ず文字色も同時に指定する」と覚えておかれると良いと思います。
あとtableの書き方が古い ^^;
(現在の書き方はhtml4.01で現在の水準以下の内容です。現在のweb標準はhtml5.2)

<div style="max-width: 300px; border: 2px ridge rgb(0,128,128); background: rgb(255,228,225); color: rgb(51,51,51); padding: .6em;">ここにテキスト内容</div>

これで十分だと思いますよ。tableの入れ子は特におすすめしません。tableというのはレンダリング(描画)が遅いのが特徴です。部品(trやtd)が多く、全ての部品を解析しなければ描画が始まらないためです。入れ子が多ければ倍々で処理が遅くなります。
このような簡単なボックスであればtableではなくdivの利用が適しています。

また、現在の書き方では廃止属性が多く含まれており、html的には「エラー」です。常にエラーを抱えていると致命的なエラーが生じた際に検証の邪魔になり、原因の特定が困難になります。

上記のhtmlを一度お試しください(エラーなし, 文字色指定あり, 現在のものと見た目はほぼ同じでボックス内側の余白を足しています)

以上です。お疲れ様でした :)

2020/05/06 (Wed) 22:00
駐在おやじ
To Akiraさん

アドバイスいただき 本当にありがとうございました
昨晩、またいろいろテンプレートを変えながらどれにしようか選んでいたんですが、
青字が見にくいと言う事に、僕も気が付きました。

本当は黒っぽい背景で、良いのを見つけたんですが、 僕が少し色弱があり 赤系が見にくいため
普段から青系をよく使っていました。 ブログで強調したい字などが青いのはそのためです。

今後この辺りも考えてみないといけないなって思っています。
今回 僕としては本当にいい勉強になりました。
デザインや、ソフト系は全くの素人なので これから少しずつ勉強していきます。

本当にありがとうございました

  駐在おやじ

2020/05/07 (Thu) 22:19
vanillaice (Akira)
Akira
To 駐在おやじさん(終了のご報告)

こんばんは。

うちの長男・次男も色弱です。黒背景に青文字はほとんど見えないようです。黒背景の場合は水色で私からはっきり見える文字でも「何が書いてあるのか」と聞いてくることが多いので、白背景以外の青文字は辛いようです。
赤は白背景でも黒背景でもはっきり読めるそうで、やはり個人差があるのでしょうかね。

> 本当は黒っぽい背景で、良いのを見つけた〜

既に黒背景にする可能性が若干でもあるのならばtableの文字色指定は必須です。私が書いたhtmlを利用する・しないはどちらでも構いませんが、何らかの対策は必要ですね。
修正数が少ないうちに行っておくが吉。

後は駐在おやじさんの選択にお任せします。お疲れ様でした :)

2020/05/07 (Thu) 22:56
駐在おやじ
ありがとうございます

文字色のコメントにも 返事いただいてありがとうございました。
以前教えていただいた、 枠についても変更しました。

今まで 記事を書くだけで、 レイアウトも字も色もそれほど気にしていなかったのですが
今回の事で いろいろ気になりだしました。
全くの素人ですが、 少しずつ つついて行こうと思います

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

  駐在おやじ

2020/05/11 (Mon) 23:01
vanillaice (Akira)
Akira
To 駐在おやじさん(重要追記あり)

こんばんは ('0')/

> 枠についても変更しました〜

ということなんですが、ソースが間違っているので以前よりもひどいエラーになっています。最新記事「東大門〜」しか見ていませんので他のページがどうなっているかはご自身で確認をお願いします。
そして現在記載されているソースをそのまま載せますが、不都合があればその旨お伝え頂ければ削除しますね。

×
<div style="max-width: 360px; border: 2px ridge rgb(0,128,128); background: rgb(255,228,225); color: rgb(51,51,51); padding: .6em;"><td bgcolor="#FFE4E1">お店情報 <span style="font-size:large;"><strong>アグランコッケラン「xxxxx」</strong></span>
住所 : xxxxxxxx 35-7
Tel : xx-xx-xxxx</div>


<div style="max-width: 360px; border: 2px ridge rgb(0,128,128); background: rgb(255,228,225); color: rgb(51,51,51); padding: .6em;">お店情報 <span style="font-size:large; font-weight: bold;">アグランコッケラン「xxxxx」</span>
住所 : xxxxxxxx 35-7
Tel : xx-xx-xxxx</div>

1箇所目の赤字部位は完全に構文エラーです(td要素を単独で用いる(table要素から切り離して利用する)ことはできません。
2箇所目、strongタグは文字を太くするために用いるものではなく、挟まれたテキスト内容を「意味を強く強調する(強意)」ために利用します。太くするだけならば上記の内容をどうぞ。

2箇所目については意味的には間違いですが構文的には間違いではありません。
1箇所目は構文間違いですから修正必須です。
よろしくお願いします。

* 構文(syntax)と意味(semantics)の違いについては以下の記事をご参照ください。
参考記事: 問題解決能力とは「理解力」と「意識力」と「実行力」
https://vanillaice000.blog.fc2.com/blog-entry-1023.html

2020/05/13 (Wed) 00:15
-
管理人のみ閲覧できます

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

2020/05/15 (Fri) 01:21
vanillaice (Akira)
Akira
To とらいぶさん

こんばんは。ありがとうございます :)
* ヘッダークロスフェイドの件

できますが、html, CSS共に大きな修正が必要です。弊テンプレート間であればCSSやJSの流用を許可していますので、Francescaの内容を移植して頂いても構いませんが、大規模な個人カスタマイズ、元の仕様を大きく変更する類のカスタマイズのお手伝いは致しませんのでご自身で行ってもらう形になります。
よろしくお願いします。

2020/05/15 (Fri) 23:48
ぱんとら
サイドカラムのスクロール

こんにちは。いつもお世話になっております。
ずっとBelongテンプレをカスタマイズのご指導もいただきながら使っていて満足してるのですが、
ちょっと気分をかえてみたくて、こちらHaloを今日から展開しています。
が、なぜかサイドカラムの表示がスムーズにつながりません。
途中でストップして、そこから今度は下からスクロールされてくるんです。
どこに問題がありますでしょうか。
Belongでけっこういじったのですが、
その時のものが影響していたりしますでしょうか。
いつまでも初心者質問で恐縮ですが、
ご対応の程、よろしくお願いいたします。

2020/06/03 (Wed) 15:11
vanillaice (Akira)
Akira
To ぱんとらさん

こんにちは ('0')/

原因はサイドメニューのプラグイン(フリーエリア)の構文エラーです。
で、その構文エラーが非常に多くてですね、ざっと見ただけでも200近くあります。その一部が動作に悪影響を及ぼしています。
クリティカルなものだけ先にお伝えします。

-----
【不要なfont終了タグ】
「Blog Manager」の文章末尾
たまに猫も出ますぜ(Ф∀Ф)</font>

赤字部位は不要ですから削除。また、fontタグは廃止されており「使ってはいけない」とされる要素なのでこの機会に正しいhtmlに修正されることをおすすめします。img要素の末尾のスラッシュも不要です。
(〜 は文章の省略を意味しています)

<div style="color: maroon;">管理人〜</div>
<div>
<img src="画像アドレス" alt="" border="0" width="157" height="148"><br>
友人に勧められて〜おばさん。
</div>
<div style="margin: 1em 0 0; font-weight: bold;">●ベランダー〜</div>
<div>
<a href="アドレス" target="_blank"><img src="画像アドレス" alt="" border="0" width="186" height="137"></a><div>
<div>
たまに猫も出ますぜ(Ф∀Ф)
</div>

【fontタグのミス多数】
「うちの猫たち」のhtml内容ですが、これはえっと、ひどいと言わざるを得ない(笑)
恐らくご自分で見てもぱっと理解できないのではないでしょうか。全て書き換えをおすすめします。部分修正の方が却って大変だと思います。
(不要な属性(border=0など)やimg要素末尾スラッシュなど削除しています)

<div>
<img src="画像アドレス" alt="代替テキスト" width="165" height="145"><br>
<span style="color: #000; font-weight: bold;">ロック王子:ロックン</span><br>
正式名*<span style="font-weight: bold;">Lucky7〜</span><br>
♂白黒牛柄/2007.9 生(推定)<br>
<span style="color: green; font-weight: bold;">2007.12.2</span>:大熊猫とら〜<br>
<span style="color: green; font-weight: bold;">2015. 6. 6</span>:肺がんのため〜<br>
享年7歳。<br>
プロフィール(途中)は<a href="アドレス" target="_blank">こちら</a>
</div>
<div style="margin: 1em 0 0;">
<img src="画像アドレス" alt="代替テキスト" width="165" height="145"><br>
<span style="color: #000; font-weight: bold;">嘉利太后:カリたん,カリンヌ,バカリン</span><br>
正式名*<span style="font-weight: bold;">Camellia〜</span><br>
♀キジトラ/2002.2 生(推定)<br>
<span style="color: green; font-weight: bold;">2004.5.15</span>:大熊猫とら〜<br>
<span style="color: green; font-weight: bold;">2013. 3. 2</span>:1年超の〜<br>
享年11歳。今なお〜<br>
プロフィール(途中)は<a href="アドレス" target="_blank">こちら</a>
</div>
<div style="margin: 1em 0 0;">
<img src="画像アドレス" alt="代替テキスト" width="165" height="145"><br>
<span style="color: #000; font-weight: bold;">ビブ姫:ビブ子,ビブち</span><br>
正式名*<span style="font-weight: bold;">Hannya〜</span><br>
♀三毛/2004.10 生(推定)<br>
<span style="color: green; font-weight: bold;">2005.1.23</span>:大熊猫とら〜<br>
2016.3月に慢性腎不全の診断を受け、<br>
現在食事療法中。<br>
プロフィールは<a href="アドレス" target="_blank">こちら</a>
</div>
<div style="margin: 1em 0 0;">
<img src="画像アドレス" alt="代替テキスト" width="165" height="145"><br>
<span style="color: #000; font-weight: bold;">キング金四郎:キンちゃん,キン坊</span><br>
正式名*<span style="font-weight: bold;">Bomber〜</span><br>
♂黒ペルシャmix/'05-'06生(推定)<br>
<span style="color: green; font-weight: bold;">2008.8.23</span>:大熊猫とら〜<span style="font-weight: bold;">預かり</span>で来た日<br>
3匹から〜<br>
多頭飼育〜<br>
まったく〜<br>
今も〜<br>
詳細プロフィールの〜
</div>
<div style="margin: 1em 0 0;">
<img src="画像アドレス" alt="代替テキスト" width="165" height="145"><br>
<span style="color: #000;"><span style="font-weight: bold;">ラック坊主:ラックん,楽(ラク)べー,<br>
楽ち,らくぶー,ぶーたん,若大将</span>etc..</span><br>
正式名*<span style="font-weight: bold;">LUCK〜</span><br>
♂サバトラ/2015.5 生(推定)<br>
<span style="color: green; font-weight: bold;">2015.9.19</span>:捕獲〜<br>
<span style="color: green; font-weight: bold;">2015.10.4</span>:大熊猫とら〜<br>
シマシマ〜<br>
捕獲器に〜<br>
シマシマ〜<br>
ややこしい関係〜<br>
詳細プロフィールは〜
</div>

-----
font size="2" の指定は省いています。この指定の意味がちょっとわからなかったのですが、サイズ2は13pxのことなので、サイドメニューの文字大きさが仮に15pxや14pxの場合にはこの文字はそれよりも小さくなりますし、サイドメニューが12pxならばこの文字は逆にそれよりも大きくなります。
他の文字と比べて「大きくしたいのか小さくしたいのか」で決めるのであれば絶対指定ではなく相対指定を行いましょう。
小さくしたい --- font-size: .9em など
大きくしたい --- font-size: 1.1em など

「代替テキスト」は画像の被写体を示す文言を適切に入れてください。特に意味を持たない画像の場合には alt="" と空指定でもOKです。

-----
【Link】
書き出しが全て
<li style="text-align:left" style="margin-top:5px;">

style属性が重複していますので全て
<li style="text-align:left; margin-top:5px;">
に修正する必要がありますが、これはもしかして公式プラグインですかね。ちょっと今時間が無くて出かけなきゃいけないので、このプラグインが公式なのかフリーエリアなのか、そしてカスタマイズを行っているかどうかを教えてください。

とりあえずクリティカルなものを修正してみてサイドメニューの様子を見てくださいね。
以降のお返事は遅くなると思います。すみません。よろしくお願いします。

2020/06/03 (Wed) 16:45
ぱんとら
To Akiraさん

早々の、しかもここまで細かくご教示くださって、
なんてお礼を申し上げてよいか・・。
かなり昔に、よくわかってもいないのにテキトーにやったものが、
ここまでひどいとは・・・お恥ずかしい限りです。(´>ω<`)
取り急ぎ、丁寧にご教示いただいた「うちの猫たち」のご指摘箇所を修正しましたところ、
サイドカラムは問題なく表示されてました。本当にありがとうございます。

まだ、
>【Link】
>書き出しが全て
><li style="text-align:left" style="margin-top:5px;">

という点については、修正はもちろん、ちゃんと確認もできておりませんが(-∀-`; )
とりあえず、書き出していただいた箇所の修正で、
正常に表示されていますので、おいおいチェックしてまいります。

それにしても、ここまでしていただくなんて、なんとお礼申し上げればよいものか....
本当にありがとうございました!

2020/06/03 (Wed) 19:28
vanillaice (Akira)
Akira
To ぱんとらさん

こんばんは。

修正ミス1点の再修正
×
<span style="font-weight: bold;"ラック坊主:ラックん,楽(ラク)べー,<br>

<span style="font-weight: bold;">ラック坊主:ラックん,楽(ラク)べー,<br>

これ私のミスです。ごめんなさい。構文エラーですから必ず修正してくださいね。

-----
他の部位については「おいおい」ということで強制はしませんが、現在抱えているエラーによって今後何かしらの問題が起きた時に すぐに原因を特定することが非常に困難 です。私が検証してもとても時間がかかってしまいます。
なので少しづつで良いのでコツコツを修正されることをおすすめします。

参考記事: 問題解決能力とは「理解力」と「意識力」と「実行力」
https://vanillaice000.blog.fc2.com/blog-entry-1023.html

サイドメニューの件は修正できているようで安心しました。
お疲れ様でした :)

2020/06/03 (Wed) 21:17
ぱんとら
To Akiraさん

こんばんは。
またもや早々に追加修正箇所も教えてくださって、ありがとうございます。
参考記事を拝読いたしましたが、今の私のレベルですと、
問題解決能力の前提となるそもそもの基礎知識がおそろしく低いってことで、
つまりは、わかってないヤツが適当にカスタマイズに手を出すなんて
ウン年早いってことのようです。目が醒めました。(^ω^;)

ちなみに、ご指摘いただいてました【Link】の書き出しに見られる重複....とのことですが、
こちらは、公式ではなく共通プラグインを使用していました。

理解力の衰えは否めませんが、
ぼちぼち学習しながら、コツコツ修正してまいります。

お忙しいところ、ほんとにありがとうございました。
今後ともよろしくお願いします。

2020/06/03 (Wed) 23:30
vanillaice (Akira)
Akira
To ぱんとらさん(終了のご報告)

こんにちは ('0')/

そうなんですよねぇ。修正しろって言われてもどこをどうやってやるんだよ、みたいな(笑)
一度にやろうと思えば相当大変ですから、時間がある時に少しづつ、ということで良いと思います。少しづつでもやりましょうね、という意味でもあります(笑)

とりあえず大きなトラブルは回避できていますので、お疲れ様でした :)

2020/06/04 (Thu) 13:44

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です。
ご質問の前に 必ずお読みください
テンプレートに関するご質問時のお願い

必ず該当テンプレートの専用記事にお願いします。無関係な記事・別のテンプレート専用記事でのコメントはお控えください。
テンプレートカテゴリ
テンプレート一覧

テンプレート