AFFINGER メイン

2022/1/14

【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜 流れる文字の表示方法

【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜 流れる文字の表示方法 みなさん、おはこんばんは😊今回は、トップページに流れる文字を表示する方法について解説します☺️動くものにはついつい目がいってしまいます✨ぜひ、素敵なブログのコンセプトやお知らせの一つに活用して、お好みのトップページを作ってみてくださいね🤗 こんな感じに流れる文字を加えることが簡単にできます😊ついつい見ちゃいませんか?? ...

続きを読む

メイン 副業

2023/11/16

話題の副業〜スポットワーク(SpotWORK)〜をやってみた!

話題の副業〜スポットワーク(SpotWORK)〜をやってみた! 話題の副業〜スポットワーク(SpotWORK)〜をやってみた! スポットワーク(SpotWork)って?  スポットワーク(SpotWORK)とは、SpotWORK株式会社さんが行っている、スキマ時間を使って簡単にできるモバイルバッテリーを移動させるお仕事です。 モバイルバッテリーが十分足りている場所で回収作業をし、そのモバイルバッテリーを不足している場所へ補充をする作業。また、機械が汚れていれば、簡単に掃除をすることもあります。  まずは、 ...

続きを読む

でVlog メイン

2023/11/16

【糖質制限ダイエットのやり方】#1 44日間で10.1kg減量達成

【糖質制限ダイエットのやり方】#1 44日間で10.1kg減量達成 【糖質制限ダイエットのやり方】#1 44日間で10.1kg減量達成 身長・体重 身長:180cm 体重:100.5kg(ダイエット開始時) これまでの最高体重は103kgくらいだった気がします。 糖質制限ダイエットの成果 44日間で10.1kg減の記録 ※ダイエット開始の11月13日の100.5kg時の写真は撮ってません。 お腹周りは減ってくるのは最後なので、10kg減っていてもあまり違いが分かりませんね。 実際の数値とグラフはこちら 食 ...

続きを読む

でVlog メイン

2021/12/27

[24時間365日、自分の好きな時に好きな場所で働ける!BIZcomfortが汐留にOPEN] BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留

24時間365日、自分の好きな時に好きな場所で働ける!BIZcomfortが汐留にOPEN BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留 みなさん、おはこんばんは😊今回は、ただのでぶもちょー愛用しておりますBIZcomfortの記事です✨ BIZcomfortさん、やってくれましたね😭めちゃくちゃ最高な拠点じゃないですか!!!!!!!!2021年12月22日に「BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留」が ...

続きを読む

AFFINGER メイン

2021/12/27

【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法

【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法 みなさん、おはこんばんは😊今回は、なんと初めてコメントを頂けましたので、そちらの質問について解説していきます☺️ 質問:「スライドショーの下にお知らせを入れることは可能でしょうか」 可能です😊ウィジェットの機能を使うことで、実現ができます✨ぜひ、参考にしてお好みのトップページを作ってみてくださいね🤗 ...

続きを読む

AFFINGER メイン

【AFFINGER6(アフィンガー6)使い方】FontAwesome5の設定方法・使い方

【AFFINGER6(アフィンガー6)使い方】FontAwesome5の設定方法・使い方

皆さま、おはこんばんは😊
WING AFFINGER5からACTION AFFINGER6になり、FontAwesome5が利用可能になったので、その設定方法と使い方について解説したいと思います✨
ただのでぶ

注意ポイント

FontAwesomeは原則としてACTION AFFINGER6のサポート保証外のようなのでご利用する場合は、自己責任にてご使用ください。

【#1】WordPressのAFFINGER管理にて設定確認

step
1
"AFFINGER管理"を選択

 

step
2
"その他"を選択

 

step
3
"FontAwesomeIcons4.7.0の読み込み"のチェックをハズす

【AFFINGER6使い方】FontAwesome5の設定方法・使い方①

注意ポイント

旧WINGからの移行でFontAwesomeIcons4.7.0を使用している場合はアイコンが非表示になるので注意

【#2】FontAwesomeのサイトでメールアドレス登録

step
1
FontAwesomeのサイトにアクセス

【AFFINGER6使い方】FontAwesome5の設定方法・使い方②

step
2
"What's the name of your project or site?"に登録するメールアドレスを入力する

 

step
3
"Send Kit Code"を押す→入力したメールアドレスにメールが送られる

【AFFINGER6使い方】FontAwesome5の設定方法・使い方③

【#3】メールを確認する

step
1
届いたメールの"Click to Confirm Your Email Address + Set Things Up"を押す

【AFFINGER6使い方】FontAwesome5の設定方法・使い方④

【#4】ユーザー登録をする

step
1
"New Password"にパスワードを入力(ここで初設定)

 

step
2
"Confirm New Password"に①で決めたパスワードを再入力

 

step
3
"Set Password & Continue"を押す

 

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑤

step
4
"What's your first name?"に名を入力

 

step
5
"How about your last name?"に姓を入力

 

step
6
"All set. Let's Go!"を押す

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑥

step
7
登録完了

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑦

【#5】WordPressのAFFINGER管理に取得したコードを貼り付ける

step
1
FontAwesomeのトップページ右上の""を押す

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑧

step
2
"Font Awesome CDN"を押す

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑨

step
3
"free"を選択

 

step
4
"Webfont"を選択

 

step
5
"All"を選択

 

step
6
""を押してコピーする

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑩

step
7
Wordpress"AFFINGER管理"→"その他"→"コードの出力"→"headに出力するコード"に貼り付ける

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑪

これで設定は完了です✨

【#6】使い方

step
1
"Icons"を押す

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑫

step
2
"Free"をチェック

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑬

step
3
使いたいアイコンを押す

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑭

step
4
<i class="(クラス名)"></I>を押してコピーする

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑮

step
5
使用したい箇所に貼り付ける

コードエディターで使う場合

コードエディターの場合は、そのまま貼り付けでOK

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑯
【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑰
【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑱

ビジュアルエディターで使う場合

ビジュアルエディターで使う場合①

「<i class="fas fa-hamburger"></I>」を下記のように変更する。

[st-i class="(クラス名)" add_style=""]

(クラス名)に<i class="fas fa-hamburger"></I>のfasからのクラス名を入れる。

【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑲
【AFFINGER6使い方】FontAwesome5の設定方法・使い方⑳
【AFFINGER6使い方】FontAwesome5の設定方法・使い方㉑

見出し付きフリーボックスで使う

ビジュアルエディターの見出し付きフリーボックスで使う場合

【AFFINGER6使い方】FontAwesome5の設定方法・使い方㉒
【AFFINGER6使い方】FontAwesome5の設定方法・使い方㉓
【AFFINGER6使い方】FontAwesome5の設定方法・使い方㉔
【AFFINGER6使い方】FontAwesome5の設定方法・使い方㉕
このブログでは、WordPressテーマは"AFFINGER6"を利用しております。おすすめですよ。

AFFINGER6の使い方

AFFINGER6の使い方のページをご覧頂きありがとうございます🤗
こちらでは、「稼ぐ」に特化したWordPressテーマ〜AFFINGER6〜の使い方の解説をしてます。
初心者さまへもわかりやすくをモットーに書いております。
他のページでも絶賛解説中です。みなさまのブログ作成に役立てば嬉しいです。

 こんなページもあります 

トップページのカスタマイズ
  お知らせの作成方法
  タブ式カテゴリー一覧の作成方法
  カテゴリー一覧(スライドショー)の作成方法
  "TOPに戻るボタン"のカスタマイズ方法
  ヘッダーカードの作成方法
  ボックスメニューの使い方② サイドバーへの表示方法
  スライドショーの下にお知らせを挿入する方法
  流れる文字の表示方法

記事の書き方
  ブロックエディタ基本的な使い方
  ブロックエディタの装飾一覧
  タグ機能の装飾一覧
  光るボタンの作り方
  文字にアニメーションをつける方法
  フォント(Google Fonts)の設定方法
  FontAwesome5のアイコンにアニメーションを付ける方法
  ボックスメニューの使い方①
  ブログカードの作り方&カスタマイズ方法
  吹き出し・会話アイコンの使い方・設定・カスタマイズ方法

その他
  FontAwesome5の設定方法・使い方
  「今日の運勢」の作り方

  • この記事を書いた人

ただのでぶ

ただのでブロガーのただのでぶです(*^^*) 数多あるサイトの中から、訪れてくれてありがとうございます☆ 「稼ぐ」に特化したWordPressテーマ〜AFFINGER6〜を使ってブログを書いています。早くたくさん稼ぎたいです(*´∇`*) 今はAFFINGER6の使い方をメインに更新しています。 雑記ブログになると思いますが、ぜひ色々覗いてみてくださいね♪ ただのでブロガーのただのでぶをよろしくお願いします(*゚▽゚)ノ

-AFFINGER, メイン