Home > WordPress カスタマイズ > アイコン > Mini Pixel Icons

Mini Pixel Icons

主にリンク先の種別を分類するために使用している。

サイズは 14×14 のアイコンセットを使用する。

ダウンロード

Mini Pixel Icons

ライセンス

License Agreement

要約

  • 商用、非商用にかかわらず使用可。
  • 再販、再配布不可。
  • 公序良俗に反するコンテンツ不可。

設置場所

ダウンロードしたアイコンを以下のディレクトリ配下に展開。

/wp-content/themes/wp.vicuna/wp.vicuna/style-smartCanvas/images/icon2/

参照リンク・ダウンロードのアイコン表示

Web ページ アイコン : リンク・参照

通常のリンク。参照ページへ移動する場合に使用する。

ダウンロード ページ アイコン : ダウンロード(ページ)

ダウンロードページへのリンク。 ダウンロード出来るページへの移動する場合に使用する。

ZIP ファイル アイコン : ダウンロード(ファイル)

ダウンロードファイルへのリンク。 ダウンロードファイルそのもにへのリンクの場合に使用する。
※主に、zip 、tar.gz 、tar.bz2 などの圧縮形式のファイルへリンクする場合に使用する予定。

修正 CSS ファイル

修正する CSS ファイルは以下。

/wp-content/themes/wp.vicuna/style-smartCanvas/3-context.css
3-3-3-3. Text Body

修正 CSS コード

下記の箇所に CSS コードを追加。

/* Link */

div.entry div.textBody a.note,
div.entry div.textBody a.dl,
div.entry div.textBody a.zip {
	padding:0 0 0 18px;
	text-decoration:none;
}
div.entry div.textBody a.note:visited {
	background:url(images/icon2/web-page-blue.gif) left center no-repeat;
}
div.entry div.textBody a.note:hover,
div.entry div.textBody a.note {
	background:url(images/icon2/web-page-purple.gif) left center no-repeat;
}
div.entry div.textBody a.dl:visited {
	background:url(images/icon2/download-page-blue.gif) left center no-repeat;
}
div.entry div.textBody a.dl:hover,
div.entry div.textBody a.dl {
	background:url(images/icon2/download-page-purple.gif) left center no-repeat;
}
div.entry div.textBody a.zip {
	background:url(images/icon2/zip-file.gif) left center no-repeat;
}

参照

iconPot – totally free icons
※商用・非商用に関らず、バックリンクなしでフリーで使えるアイコンセットのリスト。

あわせて読みたい関連記事

Home > WordPress カスタマイズ > アイコン > Mini Pixel Icons

検索
Feeds
メタ情報

ページの先頭へ