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でフォントの設定は行わなくてはいけませんが、余計な読み込みを省くことできます。

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

関連記事

Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

画像マウスオーバーでキャプションを表示

メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回

titleタグ(wp_title) カスタマイズ

SEO対策を行う際に、titleタグは重要な要素だと言われています。 「サイトのタイトル」、「キャッチフレーズ」(site_description)、「カテゴリー名」など色々と組み合わせてみることが

Twenty Fourteen クレジットを非表示・変更方法

Twenty Fourteenにも最下部に「Proudly powered by WordPress」というコピーライトが表示されます。それを削除もしくは変更するには、footer.phpを編集して行

テーブル実装プラグイン「TablePress」 + レスポンシブ対応

「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり

折りたたみ要素やタブなどをショートコードで実装できるプラグイン「Arconix Shortcodes」

「Arconix Shortcodes」は、投稿内にショートコードでいろいろな要素を実装できるプラグインです。ダウンロードはこちらからできます。ダウンロード・解凍してpluginsディレクトリにアップ

サイトのキャプチャをショートコードで生成してくれる「Browser Shots」

外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット

ナビゲーションメニューに検索フォームを追加

メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく

no image

テーマ ブックマーク 2014

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

管理画面のCSSをカスタマイズ

管理画面のスタイルを変更したくなったので、カスタマイズしてみました。一例として以下を取り上げてみます。 「投稿一覧」の画面でカスタムフィールドが追加されていくと、そんなに幅が必要のないところが長くな

Message

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

*

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

PAGE TOP ↑