JIMDOでブログフィードを利用していると、「2件目以降の日付表示だけが英語や別形式で表示されてしまう」…そんな表示のズレ、気になっていませんか?
この記事では、その日付表示のバグを修正するための軽量・高速なソースコードをご紹介します。
当方の出品サービスでも修正依頼としてお受けしている際に使用するソースコードです。
昨今のココナラ最低出品価格上限の引き上げで、ご依頼を躊躇されている方もいらっしゃることから、少しでもコストを抑えて問題解決したい方のお力になれればと、ソースコードのみの販売を開始させていただきました。
ヘッダー編集の使い方が分かっている方であれば、誰でも簡単にご自身でソースコードをサイトに反映して、ブログフィードの2件目以降の日付表示を修正することができますので、是非試してみて下さい。
※ヘッダー編集やJIMDOの使い方については当方オフィシャルブログ「WEB SACHI LIFE」で紹介しています。ココナラの規約上こちらにURLを掲載できませんが、気になった方はぜひ調べてみて下さい♪
このソースコードでできること
JIMDOのブログフィードで2件目以降の日付の表示形式が不揃いになってしまう不具合を、すべて「〇〇年〇〇月〇〇日(曜日)」形式に統一する形で修正できます。
統一感が出ることで、見た目の美しさはもちろん、サイトの信頼性・更新感もアップします。
特徴①:軽量で高速なVanilla JSを使用
JIMDOのブログフィードはHTMLの構造上、Scriptを使って外部から変更を加えないと修正ができない仕様となっています。
そのため、JqueryやJavascript等のプログラミング言語で修正が必要です。
本記事では、JqueryやReactなどの外部ライブラリに依存しない、軽量化されたVanilla JS(純度100%のJavascript)とCSSを使用したソースコードをお届けします。
Vanilla JSはライブラリの読み込みが不要で、Jqueryと比べて読み込み速度が速いため、サイトの表示速度への影響を最小限にできます。
表示速度を大事にしたいJIMDOサイトにもぴったりです。
特徴②:フリッカー(ちらつき)対策済み
JIMDOの仕様上、Scriptの読み込みタイミングによって、修正前の英語表記が一瞬見えてしまう「フリッカー現象」が起こることがあります。
本コードでは、そのちらつきを回避するCSSの工夫もセットで組み込んでいますので、自然にスムーズな表示が可能です。
ソースコード反映が上手くいかないときは?
「購入してみたけど、設定できなかった…」という方もご安心ください。
下記出品ページにて設定代行を承ります。
※「見積り・カスタマイズの相談をする」からご依頼下さい。
注意点
JIMDOでブログフィードを利用していると、「2件目以降の日付表示だけが英語や別形式で表示されてしまう」…そんな表示のズレ、気になっていませんか?
この記事では、その日付表示のバグを修正するための軽量・高速なソースコードをご紹介します。
当方の出品サービスでも修正依頼としてお受けしている際に使用するソースコードです。
昨今のココナラ最低出品価格上限の引き上げで、ご依頼を躊躇されている方もいらっしゃることから、少しでもコストを抑えて問題解決したい方のお力になれればと、ソースコードのみの販売を開始させていただきました。
ヘッダー編集の使い方が分かっている方であれば、誰でも簡単にご自身でソースコードをサイトに反映して、ブログフィードの2件目以降の日付表示を修正することができますので、是非試してみて下さい。
※ヘッダー編集やJIMDOの使い方については当方オフィシャルブログ「WEB SACHI LIFE」で紹介しています。ココナラの規約上こちらにURLを掲載できませんが、気になった方はぜひ調べてみて下さい♪
このソースコードでできること
JIMDOのブログフィードで2件目以降の日付の表示形式が不揃いになってしまう不具合を、すべて「〇〇年〇〇月〇〇日(曜日)」形式に統一する形で修正できます。
統一感が出ることで、見た目の美しさはもちろん、サイトの信頼性・更新感もアップします。
特徴①:軽量で高速なVanilla JSを使用
JIMDOのブログフィードはHTMLの構造上、Scriptを使って外部から変更を加えないと修正ができない仕様となっています。
そのため、JqueryやJavascript等のプログラミング言語で修正が必要です。
本記事では、JqueryやReactなどの外部ライブラリに依存しない、軽量化されたVanilla JS(純度100%のJavascript)とCSSを使用したソースコードをお届けします。
Vanilla JSはライブラリの読み込みが不要で、Jqueryと比べて読み込み速度が速いため、サイトの表示速度への影響を最小限にできます。
表示速度を大事にしたいJIMDOサイトにもぴったりです。
特徴②:フリッカー(ちらつき)対策済み
JIMDOの仕様上、Scriptの読み込みタイミングによって、修正前の英語表記が一瞬見えてしまう「フリッカー現象」が起こることがあります。
本コードでは、そのちらつきを回避するCSSの工夫もセットで組み込んでいますので、自然にスムーズな表示が可能です。
ソースコード反映が上手くいかないときは?
「購入してみたけど、設定できなかった…」という方もご安心ください。
下記出品ページにて設定代行を承ります。
※「見積り・カスタマイズの相談をする」からご依頼下さい。
注意点
ソースコードは、JavaScript(scriptタグ)とCSS(styleタグ)をそれぞれヘッダー編集にコピペしてご利用ください。
すでに他のScriptやCSSを使っている場合、タグの重複にご注意ください。