Home > WordPress カスタマイズ > アイコン > 30 Free Website Icons, Blog Icons, Symbol Icons

30 Free Website Icons, Blog Icons, Symbol Icons

日時、カテゴリ、タグ、参照リンク、ダウンロードなどで使用するアイコンセット。

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

ダウンロード

30 Free Website Icons, Blog Icons, Symbol Icons – Brainstorms and Raves, Weblog, Blog Notes on Web Design, Development, Accessibility, Standards, Typography, Music, and More

ライセンス

要約

  • 商用、非商用にかかわらず使用可。
  • 再販、再配布不可。
  • zip ファイルに直リンクしない。

設置場所

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

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

更新日時・カテゴリ・タグのアイコン表示

カレンダー:更新日時】、【フォルダ:カテゴリ】、【タグ:タグ】 を使用する。

修正 CSS ファイル

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

/wp-content/themes/wp.vicuna/style-smartCanvas/3-context.css
3-3-3-2. Entry Info

修正 CSS コード

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

div.entry ul.info li.date {
	padding:0 0 0 14px;
	background:url(images/icon/calendar-10.gif) left center no-repeat;
}
div.entry ul.info li.category {
	padding:0 0 0 14px;
	background:url(images/icon/folder-10.gif) left center no-repeat;
}
div.entry ul.info li.tags {
	padding:0 0 0 14px;
	background:url(images/icon/tag-10.gif) left center no-repeat;
}

編集アイコン変更

ペン:編集】 を使用する。

修正 CSS ファイル

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

/wp-content/themes/wp.vicuna/style-smartCanvas/2-class.css
.admin

修正前 CSS コード

下記の箇所の CSS コードを修正。

background: url(images/mark/icon_edit.gif) 5px 3px no-repeat;

修正前 CSS コード

下記の CSS コードに修正。

background: url(images/icon/pen-10.gif) 10px center no-repeat;

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

リンク:リンク】、【ホーム:ダウンロード】 を使用する。 ※使用中止。

Mini Pixel Icons に変更。

修正 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 {
	margin:0 5px 0 0;
	padding:0 12px 0 0;
	background:url(images/icon/links-10.gif) right center no-repeat;
	text-decoration:none;
}
div.entry div.textBody a.dl {
	padding:0 0 0 14px;
	background:url(images/icon/home-10.gif) left center no-repeat;
	text-decoration:none;
}

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

Home > WordPress カスタマイズ > アイコン > 30 Free Website Icons, Blog Icons, Symbol Icons

検索
Feeds
メタ情報

ページの先頭へ