サイト更新中です

 いい加減まじめに使おうと、オフィシャルサイトを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=”傷物語 涜葬版”]