いい加減まじめに使おうと、オフィシャルサイトをWordPressで更新しています。
ひとまず基礎を知ろうということで、Blank WordPress Themes(カスタマイズを前提としたディベロッパー用のWordpressテーマです。Starter WordPress themesとも呼ばれています。)の定番「BONES」の親テーマにカスタマイズの勉強中です。
サンプルがてらブログの記事を100件ほどインポートしてお試し中です。
で、いきなり躓いたのが文字化け。
…アンチエイリアス効いた日本語フォントにすべーと思ってフォント指定をしたら、微妙に文字化け。
文字化けを文字だけで説明するのは難しいので、ひとまず化けているのが分かっているのが下記。
「ます」「ドル」
…つかこれ文字化けじゃないよなあ。なんだろ。
その後原因が分かりました。
テーマ「BONES」のスタイルシートにちょっと攻めた記述「font-feature-settings」がありそこが原因だったようです。
詳細は下記が参考になりました。
超倍速でWordPressオリジナルテーマ作成!骨だけ「Bones」の使い方をザックリと
font-feature-settings – CSS | MDN
ということでぼくの場合は、
-webkit-font-feature-settings: “liga”, “dlig”;
-moz-font-feature-settings: “liga=1, dlig=1”;
-ms-font-feature-settings: “liga”, “dlig”;
-o-font-feature-settings: “liga”, “dlig”;
font-feature-settings: “liga”, “dlig”; }
という記述を
-webkit-font-feature-settings: normal;
-moz-font-feature-settings: normal;
-ms-font-feature-settings: normal;
-o-font-feature-settings: normal;
font-feature-settings: normal; }
と、書き直しました。…まあもう少し良い案配に攻めた記述あるんだろうけど、ひとまずはこれで。
あと、アマゾン・アソシエイトを試しに入れてみました。上手く表示されるかな。
[amazonjs asin=”4062199483″ locale=”JP” title=”傷物語 涜葬版”]