スキのコメント返信

>北見汐さん(スキボタンの位置とデザインについて)2018030611:24

ご質問ありがとうございます!

お問い合わせの件ですが、スキボタンの位置やデザイン変更は可能です。

この際、ボタンのまま移動するのかテキストリンクで移動するのかによって手順が異なります。

非表示にする方法

まず、移動前するにあたって現在のボタンを非表示にする方法になります。

マイページのスキボタンについては、マイページの基本設定の基本情報 より非表示にしてください。


テキストで移動する方法

任意の場所への移動については、テキストリンクであれば初心者の方でも下記の独自タグで簡単に移動できます。

※今回は「スキ」のみご質問いただいたため、ダイレクトメッセージのアイコン部分は削除したタグになります

スキ(スキのお礼画面)
[#cheer=数字#]
※数字は「スキと返信⇒お礼画面タイトル⇒お礼画面の基本設定」の下部でご確認いただけます

ダイレクトメッセージ
[#dm#]


ボタンタイプのリンクのまま移動する方法

ボタンのデザインに関しては、CSSで枠線や影をつけたり、ボタンの形、ボタン内外の余白の調整などが可能です。

フォレストページ+のボタンのデザインは、下記のhtmlを利用することで位置を移動できます。

マイページの自由入力設定に貼り付けた上で、CSSでのデザインの調整にて見た目を変更できます。

<div class="top_icons"><a href="スキのお礼画面のURL"><i class="fa fa-heart" aria-hidden="true"></i></a></div>


スキのお礼画面のURLは、スキのお礼画面の編集ページにて「 お礼画面の基本設定」のページの最下部をご確認ください。

CSSは下記の指定内にお好きなものを追加の上、ご指定ください。

サンプルで色の指定が入ってますが、変更不要な場合は削除してください。

/* スキ、ダイレクトメッセージのアイコン */
.main .top_icons a {
color: カラーコード;
}


色以外の指定方法や細かなデザイン調整に関しては、専門性が高くなりますので、こちらのお問い合わせフォームではサポートの対象外とさせていただきますが、
「公式テーマ〇〇のここで使われているボタンと同じデザインにしたい」といったご質問をいただけましたら、そちらのボタンで指定されているCSSをご紹介させていただくことは可能です。

また何かございましたら、お気軽にお問い合わせください!

2018/03/06 07:57