メニューボタンとトップへ戻るボタンを変更

シェアする

  • このエントリーをはてなブックマークに追加
fa-list-alt- Font Awesome Icons

トップページ右上のメニューボタンと右下のトップへ戻るボタンを変更してみました。

今のままでもいいのですが、みんなと一緒なので、なんとなく。
どちらも、simplicityは、カスタマイズ画面から簡単に変更可能です。

スポンサーリンク

メニューボタンを変更

カスタマイズ ⇒ レイアウト(全体・リスト) ⇒ メニューボタンのアイコン

デフォルトの fa-list を fa-list-alt に変更。ほとんど変わらないですけど。

バイキング主婦の稼ぐ方法|アフィリ・オク・写真・電話・FX のんびりママの気になる木

どれに変更するかは、こちらのサイトから選びます。たくさんの選択肢がありますよ。

Font Awesome

fa-list-alt- Font Awesome Icons

赤丸の部分がコードです。

トップナビのメニューの各ボタンも、こちらのアイコンを使いました。

トップページに戻るボタンを画像に変更

メニューボタンと同じ方法で、その下にあります。

アイコンから選んでもいいのですが、ちょっと大きめでタップしやすい画像にしました。

こちらのサイトから画像を頂きました。無料で綺麗なアイコン・ボタンがあります。

EC design(デザイン)

こちらのサイトで選んだ画像をダウンロードします。その画像をメディアから追加します。

トップへ戻るボタンに画像を指定 ⇒ 追加した画像をアップします。

こんな感じになりました。

バイキング主婦の稼ぐ方法|アフィリ・オク・写真・電話・FX のんびりママの気になる木(1)

トップへ戻る