アイコンセット

賢威7のWordPress版に用意されているCSSのスタイルを適用してアイコンセットを利用する方法を説明します。賢威7の標準機能の説明です。

下記に表示しているアイコンセットは、賢威7のアイコンを実際に表示したものです。

アイコンセットを利用する際は、下記のサンプルコードをコピー&ペーストして利用してください。サンプルコードを用意していますので参考にしてください。

はじめに

アイコンは見出しや文章の先頭に表示することで、文章の内容を視覚的に表現するのに役立ちます。必要に応じて活用しましょう。

使用例

ワンポイントアドバイス

良い記事を書くには、最新の情報をキャッチするために各所にアンテナを張りましょう。特に、インターネット上で得られる情報で完結せずに、書店などにも足を運び、専門書籍など積極的に読んで新たな情報を吸収するように心がけましょう。

記事を書く際の注意点

記事を書く際は、他者の著作物を侵害しないように注意する必要があります。書籍やブログ記事の丸パクリは厳禁です。

リンク

別ウインドウで開く

ファイルをダウンロードする

<h6 class="icon-point">ワンポイントアドバイス</h6>
<p>良い記事を書くには、最新の情報をキャッチするために各所にアンテナを張りましょう。特に、インターネット上で得られる情報で完結せずに、書店などにも足を運び、専門書籍など積極的に読んで新たな情報を吸収するように心がけましょう。</p>

<h6 class="icon-caution-l">記事を書く際の注意点</h6>
<p>記事を書く際は、他者の著作物を侵害しないように注意する必要があります。書籍やブログ記事の丸パクリは厳禁です。</p>

<h6>リンク</h6>
<p class="icon-blank"><a href="#">別ウインドウで開く</a></p>
<p class="icon-dl"><a href="#">ファイルをダウンロードする</a></p>

アイコンセット

小さなアイコン

ポイント

注意

NEW

初心者

別ウインドウ

ダウンロード

PDF

ZIP

メール

カート

ホーム

フォルダ

時計

カレンダー

RSS

ビル

マップ

矢印上

矢印右

矢印下

矢印左

<p class="icon-point">ポイント</p>
<p class="icon-caution">注意</p>
<p class="icon-new">NEW</p>
<p class="icon-wakaba">初心者</p>
<p class="icon-blank">別ウインドウ</p>
<p class="icon-dl">ダウンロード</p>
<p class="icon-pdf">PDF</p>
<p class="icon-zip">ZIP</p>
<p class="icon-mail">メール</p>
<p class="icon-cart">カート</p>
<p class="icon-search">虫めがね</p>
<p class="icon-home">ホーム</p>
<p class="icon-folder">フォルダ</p>
<p class="icon-time">時計</p>
<p class="icon-calendar">カレンダー</p>
<p class="icon-rss">RSS</p>
<p class="icon-building">ビル</p>
<p class="icon-map">マップ</p>
<p class="icon-arrow-t">矢印上</p>
<p class="icon-arrow-r">矢印右</p>
<p class="icon-arrow-b">矢印下</p>
<p class="icon-arrow-l">矢印左</p>

大きなアイコン

ポイント

注意

NEW

初心者

別ウインドウ

ダウンロード

PDF

ZIP

メール

カート

虫めがね

ホーム

フォルダ

時計

カレンダー

RSS

ビル

マップ

矢印上

矢印右

矢印下

矢印左

<p class="icon-point-l">ポイント</p>
<p class="icon-caution-l">注意</p>
<p class="icon-new-l">NEW</p>
<p class="icon-wakaba-l">初心者</p>
<p class="icon-blank-l">別ウインドウ</p>
<p class="icon-dl-l">ダウンロード</p>
<p class="icon-pdf-l">PDF</p>
<p class="icon-zip-l">ZIP</p>
<p class="icon-mail-l">メール</p>
<p class="icon-cart-l">カート</p>
<p class="icon-search-l">虫めがね</p>
<p class="icon-home-l">ホーム</p>
<p class="icon-folder-l">フォルダ</p>
<p class="icon-time-l">時計</p>
<p class="icon-calendar-l">カレンダー</p>
<p class="icon-rss-l">RSS</p>
<p class="icon-building-l">ビル</p>
<p class="icon-map-l">マップ</p>
<p class="icon-arrow-t-l">矢印上</p>
<p class="icon-arrow-r-l">矢印右</p>
<p class="icon-arrow-b-l">矢印下</p>
<p class="icon-arrow-l-l">矢印左</p>

以上

カスタマイズ方法を探す

スポンサーリンク

賢威7

ネタワンは「賢威7」を利用して運営しています。オススメのWPテーマです。

賢威7 詳細&レビュー

スポンサーリンク