Plugin/FontAwesome
をテンプレートにして作成
九州産業大学大学院 情報科学研究科
AND検索
OR検索
HOME
新入生へ
About
研究科紹介
課程
特色
人材育成
教員紹介
在学生へ
学生一覧
時間割表
セミナー
就職関連
受験生へ
入試情報
ダウンロード
特別寄稿
開始行:
*FontAwesome
fontawesome.io が提供する Free Icon フォントを使用するた...
http://fontawesome.io/
~
CENTER:
&size(72){&fontawesome(fas fa-home);};
~
**書式
&fontawesome( アイコンの class名 );
fontawesome で提供されているアイコンの「class名(後述)」...
-以下のサイトにあるフリーアイコンを使用することができます。
https://fontawesome.com/icons?d=gallery&m=free
&color(red){当サイトで利用できるのは、5.12.0(2020.01)以...
-アイコンを選択すると、埋め込み用に以下のようなコードが提...
<i class="fas fa-home"></i>
-クラス名( ''fas fa-home'' )の部分のみを抜き出して、以...
&fontawesome(fas fa-home);
-記号の意味は以下のとおりです。
--Fas:Font Awesome Solid
--Fad:Font Awesome Brand
~
~
**サンプル
&fontawesome(fas fa-home);
&fontawesome(fas fa-home);
-事例:このサイトのヘッダー部分に使用しています。
[[SocialIcon]]
~
~
**応用
***アイコンに色をつけるには
以下のように &color(); プラグインと併用して下さい。
&color(red){&fontawesome(fas fa-home);};
&color(red){&fontawesome(fas fa-home);};
~
***アイコンにリンクを設定するには
以下のように [ [ アイコン>リンク先 ] ] のリダイレクト表記...
[[&fontawesome(fab fa-instagram);>http://www.example.com...
-[[&fontawesome(fab fa-instagram);>https://www.instagram....
-[[&fontawesome(fab fa-twitter);>https://twitter.com/]] ...
-[[&fontawesome(fab fa-facebook);>https://www.facebook.co...
~
~
終了行:
*FontAwesome
fontawesome.io が提供する Free Icon フォントを使用するた...
http://fontawesome.io/
~
CENTER:
&size(72){&fontawesome(fas fa-home);};
~
**書式
&fontawesome( アイコンの class名 );
fontawesome で提供されているアイコンの「class名(後述)」...
-以下のサイトにあるフリーアイコンを使用することができます。
https://fontawesome.com/icons?d=gallery&m=free
&color(red){当サイトで利用できるのは、5.12.0(2020.01)以...
-アイコンを選択すると、埋め込み用に以下のようなコードが提...
<i class="fas fa-home"></i>
-クラス名( ''fas fa-home'' )の部分のみを抜き出して、以...
&fontawesome(fas fa-home);
-記号の意味は以下のとおりです。
--Fas:Font Awesome Solid
--Fad:Font Awesome Brand
~
~
**サンプル
&fontawesome(fas fa-home);
&fontawesome(fas fa-home);
-事例:このサイトのヘッダー部分に使用しています。
[[SocialIcon]]
~
~
**応用
***アイコンに色をつけるには
以下のように &color(); プラグインと併用して下さい。
&color(red){&fontawesome(fas fa-home);};
&color(red){&fontawesome(fas fa-home);};
~
***アイコンにリンクを設定するには
以下のように [ [ アイコン>リンク先 ] ] のリダイレクト表記...
[[&fontawesome(fab fa-instagram);>http://www.example.com...
-[[&fontawesome(fab fa-instagram);>https://www.instagram....
-[[&fontawesome(fab fa-twitter);>https://twitter.com/]] ...
-[[&fontawesome(fab fa-facebook);>https://www.facebook.co...
~
~
ページ名: