バインドアップにオリジナル縦長固定バーを設置する

YouTubeでも解説しています。


...

画面右側にピッタリつけて縦長の固定バーを設置する方法。



ページ編集をクリック

...

右側の「ウィジェット編集モード」をクリック

...

一番上のブロックで「編集」をクリック

...

12回位改行して右メニューの「カスタムタグ」をクリック

...

12回位改行して右メニューの「カスタムタグ」をクリック

...

また12回位改行します。

...

①カスタムタグをクリックし「HTML編集」をクリック

...

HTML編集の中に下記をコピーして貼り付けます。

                    
                        


<div class=" column -column1" >
<ul class="c-list-no_mark">
<li class=" c-center"><span class=" d-large_font"><a href="https://twitter.com/gosokunokutsu" target="_blank" rel="noopener noreferrer"><span class="bindicon-twitter"></span></a></span></li>
</ul>

<p class=" c-body"><span class=" d-large_font">&nbsp;</span></p>
<ul class="c-list-no_mark">
<li class=" c-center"><span class=" d-large_font"><a href="https://www.facebook.com/gosoku.no.kutsu" target="_blank" rel="noopener noreferrer"><span class="bindicon-facebook2"></span></a></span></li>
</ul>

<p class=" c-body"><span class=" d-large_font">&nbsp;</span></p>
<ul class="c-list-no_mark">
<li class=" c-center"><span class=" d-large_font"><a href="https://www.instagram.com/gosoku_no_kutsu/" target="_blank" rel="noopener noreferrer"><span class="bindicon-instagram"></span></a></span></li>
</ul>

<p class=" c-body"><span class=" d-large_font">&nbsp;</span></p>
<ul class="c-list-no_mark">
<li class=" c-center"><span class=" d-large_font"><a href="https://www.youtube.com/channel/UCypU-zCLt1kfBE78E22YdLQ" target="_blank" rel="noopener noreferrer"><span class="bindicon-youtube3"></span></a></span></li>
</ul>


</div>

                    
                

「HTMLソースエディタ」

...

赤線部分を貴方のURLに変更します。

次に「ブロック設定」をクリック

...

背景色に✅を入れ赤丸をクリック

...

赤丸で示したボタンで透明度をお好みに調整

...

「完了」をクリックして出来上がり!

...

実際のサイトはこの様になります。

...
バインドアップはこちら>>