全ての記事シェアするごきげんよう!まったりサムライじゃ!皆々、「WEBアイコン(フォント)」は導入しておるか?写真をあまり使わない記事でも、リストや見出し等のほんのワンポイントにWEBアイコンを使うだけで記事の見た目ががらりと変わる。WEBアイコンと聞くと、HTMLの知識が必要じゃ...。知識なんて必要ない!最低限のことは、“コピペ”だけで導入可能だぞ!こんなのや、、、。こんなアイコンが実装可能だ!今回は、「WEBアイコン」の基礎知識と、導入方法。最後に「WEBアイコン」とは?「WEBアイコン」というのは、アイコン(絵)を“文字”として表示させることができるものだ。アイコンはCSSを使って“座標”で描かれている。(なんたる技術!)よって、拡大・縮小してもアイコンが崩れたり粗くなる事もない。アイコンはCSSでも装飾可能で、その大きさ・色・位置など変更可能だ。5」WEBアイコン提供元はいくつかあるが、提供しているアイコンはどこもほとんど変わらない。Awesome」のWEBアイコンをご紹介する。2,316個!一部は有料だが、$60とさほど高くない金額で全てのアイコンをダウンロード可能だ。5」WEBアイコン導入方法WEBアイコンの仕組みはWEBフォントと似ている。WEBアイコンの実装方法は大きく分けて次の2種類だ。Awesome」の場合は、簡単に導入できる公式サーバーデータを読み込む方法でいいだろう。1.公式サーバーからCSSデータを読み込むコードをサイトに書き込む自サイトのCSSにしろ、他サイトのCSSにしろスタイルをそのページで反映させるには、<head>〜</head>内に読み込み用のコードを書き込む必要がある。下記のコードをコピーして、<head>〜</head>内に書き込む。〔header.php〕に書き込む方法もあるが、初心者で〔.php〕をいじるのは危険だ。(拙者も未だに手がプルプルする...)WordPressの場合<head>領域に追加で書き込めるプラグインを使うのが安全だろう。Head」プラグインは余計な機能もない、ただヘッダーのみに追記するプラグインだ。Head”と入力すれば表示されるはずだ。headに要素を追加〕で、<head>領域に記述できる。Bloggerで<head>〜</head>に書き込む方法こちらも簡単。<head>領域に記述できる。2、WEBアイコンのコードを書き込む使用したいWEBアイコンの“コード”を直接“HTML”に書き込む。