Twenty Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止

TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。
ちなみにどのようなフォントかというと以下確認してみて下さい。アルファベット用です。
Source Sans Pro / Bitter

デフォルトでは、日本語環境でも""に翻訳され、フォント用CSSファイルの読み込みが行われるようです。詳しくは、/wp-content/themes/twentythirteen/functions.php内のtwentythirteen_fonts_urlを参照して下さい。

// /wp-content/languages/themes/twentythirteen-ja.po
// (TwentyThirteenの日本語翻訳ファイル)

#. Translators: If there are characters in your language that are not
#. 	 * supported by Source Sans Pro, translate this to 'off'. Do not translate
#. 	 * into your own language.
#: functions.php:128
msgctxt "Source Sans Pro font: on or off"
msgid "on"
msgstr ""

#. Translators: If there are characters in your language that are not
#. 	 * supported by Bitter, translate this to 'off'. Do not translate into your
#. 	 * own language.
#: functions.php:134
msgctxt "Bitter font: on or off"
msgid "on"
msgstr ""

方法は3つほどありそうなので一番いいのを選んで無効化してみてください。

WP Multibyte Patchの機能

/wp-content/plugins/wp-multibyte-patch/wpmp-config-sample-ja.phpを/wp-content直下にコピーしてwpmp-config.phpへリネーム

// /wp-content/wpmp-config.php
$wpmp_conf['patch_force_twentythirteen_google_fonts_off'] = true;

翻訳ファイルを編集して無効化

該当部分の翻訳をmsgstr "off"と変更すると使用されないような仕組みになっています。

フックして無効化

以下のコードを子テーマのfunctions.phpに追加することでフォントへのリンクを行わないようにできます。

// オリジナル twentythirteen_fonts_url in functions.php
function mytheme_dequeue_fonts() {
    wp_dequeue_style( 'twentythirteen-fonts' );
}
add_action( 'wp_enqueue_scripts', 'mytheme_dequeue_fonts', 11 );

どのみち、style.cssでフォントの設定は行わなくてはいけませんが、余計な読み込みを省くことできます。

  • このエントリーをはてなブックマークに追加

関連記事

ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ

プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill

ie.cssの子テーマ化など Twenty Twelve 1.1での変更点

TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"

JSやCSSに自動で付与されるバージョン番号を非表示に

Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して

Twenty Fourteen 「投稿者」を非表示

TwentyFourteenでは、シングルページやアーカイブページにそれぞれ「投稿者」が表示されます。投稿者を非表示にさせる方法を投稿してみます。表示させる場合は、以下を参考に表示名などを変更してみて

「最近のコメント」ウィジェットをカスタマイズ

「最近のコメント」ウィジェットは、サイトに投稿されたコメントを新しい日付順に表示してくれます。件数も「ウィジェット」ページで設定できます。(管理画面の「外観」→「ウィジェット」) (削除

Twenty Fourteen カスタマイズ

「Twenty Fourteen」はWordPress 3.8のデフォルトテーマです。TwentyThirteenから彩りもガラッとかわってますね。個人的には、すごく好きなデザイン。 Twent

no image

テーマ ブックマーク 2014

有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites

Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」

Prettify Code Syntaxは、WordPressでGoogle Code Prettifyを使用してソースコードを表示してくれるプラグインです。 プラグインダウンロード Google

開発やテストに便利なプラグイン

開発やカスタマイズに使えそうなプラグインを集めてみました。 テーマのカスタマイズには、使用中のテンプレートファイルなどを表示してくれると便利ですね。個人的には、テーマ開発の際に、実行しているSQ

条件を付けて訪問時に開くポップアップを実装できる「WordPress Popup」

「WordPress Popup」は、ユーザの訪問時にポップアップを開くように実装できるプラグインです。それぞれ条件によって開くかどうかを設定することができます。 ダウンロード / サンプル イン

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑