twenty ten でGenericons を使いたい時にやったこと

やっぱコーポレートサイトではレスポンシブデザインを導入するクライアントはまだまだ少ないですよね。

そんな時はまだまだTwenty Tenのテーマにお世話になっています。
慣れているからカスタマイズしやすいというのが一番の理由です。

icons-php

今回はTwenty TenでもGenericonsを導入してみることにしました。

手順は簡単!

1.twenty fourteen のテーマフォルダに入ってるgenericonsフォルダをそのままtwenty ten フォルダにコピー
または、http://genericons.com/からダウンロードした「genericons」を使いたいテーマの中にアップロード

2.header.phpにlinkタグを追加する

以上!!

<!-- 親テーマのディレクトリURL(URI)を取得する場合 -->
<head>
<!-- genericons -->
<link href="<?php echo get_template_directory_uri(); ?>/genericons/genericons.css" rel="stylesheet">
</head>
<!-- 子テーマのディレクトリURL(URI)を取得する場合 -->
<head>
<!-- genericons -->
<link href="<?php echo get_stylesheet_directory_uri(); ?>/genericons/genericons.css" rel="stylesheet">
</head>

リンクのパスはもちろんhttp://から始まる絶対パスでもいいんですが、
wp-content/themes/任意のテーマフォルダ名/genericons/genericons.css
と、長くなってしまうのと、他のサイト構築で使うことになってもパパっとコピペで使えるので関数を使うと後々便利です。

get_template_directory_uri(); = 親テーマテンプレートのパスを取得する
get_stylesheet_directory_uri(); = 子テーマテンプレートのパスを取得する

を、テーマによって使いわけましょう。
Genericons の使い方については、以前記事を書いているので割愛します。
こちらも見てみて下さい!

Genericonsをカテゴリのリンクに表示してみた!

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。

スパム対策にご協力ください *

コメントの前にご確認ください。なにか不具合などあればtwitterまでご連絡ください

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • 具体的なエラー画面などがある場合は画像を添付してください。(1ファイルの上限は2メガバイト・3枚までUP可能です。)
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 実作業は行いません。ご依頼の場合はお問い合わせからお願い致します。
  • コメントの回答による一切の不利益および損害に関し、責任を取ることはできません。(実作業をご依頼いただいた場合は別です。)