BiNDupでリンクデザインが反映されない時の対処方法

BiNDupでは、リンクテキストにCSSでボタンのような設定ができるリンクデザインという機能があります。枠線と背景色、文字色の3つを設定できて、マウスオーバー(マウスが重なった時)の設定もできます。このリンクデザインはアップロードした時に反映されないということがよくありますが、そんな時の対処方法をまとめました。

HOME > ホームページ > BiNDup > リンクデザインが反映されない時の対処方法

動画の再生:中央の再生ボタンをクリックした後、右下の全画面ボタンをクリックして大きな動画で御覧ください。再生終了後は、右下の「全画面表示を終了」をクリックすると元に戻ります。

BiNDupのリンクデザインとは

 
リンクを設定する文字に対して背景色や囲み線を設定して、ボタンのようにすることができるリンクデザインは、簡単につかえて便利ですが、扱い注意という点がいくつかあります。
 
下の文字には「詳しくはこちら」に対してリンクデザインを設定しています。
 
詳しくはこちら
 
下の文字には「詳細はこちら」に対して設定なしの文字だけです。
詳細はこちら
 

一番基本となるリンクデザインの設定手順

1:16 音声なし

リンクデザインの設定を編集する

 
設定されたリンクデザインは、ブロックエディタ右下のデザインをクリックして編集します。
 
リンクボタン編集ウィンドウが開く時、BiNDupのデータサイズが極端に大きい時や、パソコンのスペックや、メモリの空き容量のような一時的な要因などによるものなど、背景色や文字色、ボーダーなどの各設定値がウィンドウに表示されるのに若干の時間がかかることがあります。その設定値を読み込んでいる最中にリンクボタン編集ウィンドウを閉じてしまうと、設定済みの値が消去されて何も設定されていないリンクデザインになってしまうことがあります。必ず6つの設定値がウィンドウに表示されるのを待ってから閉じるようにしましょう。
 
リンクデザイン
 

0:20 音声なし
上の動画ではリンクボタン編集ウィンドウを開く時にタイムラグは生じていませんが、環境によりなることがあるという説明です。

リンクデザインは_csslinkbtnというフォルダに保存されています

 
BiNDupのブロックエディタで設定したリンクデザインは、DISITALSTAGEフォルダ内の MyBiNDup_Sites > 000(データの番号)にある _csslinkbtn というフォルダに保存されています。
各ブロックで編集し、リンクデザインを変更した時など、各ページのデータに直接含まれているものではなく、別データとしてリンクデザインのCSSデータを管理しています。
 


上記は、データの番号が109の時のものです

設定してあるリンクデザインが反映されなくなった時の対処方法

 
上記のように設定したリンクデザインは、サーバーにアップロードする際に、_csslinkbtnフォルダの中身がアップロードされ、そのcssファイルを読み込むことで設定された各ページへ反映されます。
 
それが、突然リンクデザインが反映されていない、ただの文字(上の"詳細はこちら"のように)になってしまうことがあります。
 
以前はボタンのようなリンクにしたい時には画像で作ることが多かったと思いますが、レスポンシブが当たり前の今、スマホで見た時画面に合わせて縮小されて文字が読めなくなってしまうような画像で作るのではなく、文字にCSSで装飾をしてボタンのような感じにするのが主流です。そのため、BiNDismで作らせていただく時にもリンクデザインは当たり前のように使っています。さらに詳細編集モードを利用した細かい設定までしていることがほとんどです。
 


詳細編集モード

 
そのリンクデザインが反映されなくなると、リンクがあっさり文字だけになりデザイン性がなくなるというか、そっけないものになります。
なので、そうなるとすぐさまご質問のメールを頂くことが多いです。そんな時にご説明していることは以下の3つです。
 
 

  1. リンクデザインを編集で開いて、設定内容が消えていないことを確認
  2. 困った時の定番、サイト全体を再構築
  3. サーバー設定で、「差分検知機能をリセット」をクリック

 

 
まれにリンクデザインの設定内容が消えてしまっていることがありますが、大半が上記の3つで解決してきているという印象です。
_csslinkbtn 内の各cssのデータが、何かしらの原因で最新のものがアップロードされないというのが原因として考えられると思っていて、差分検知機能をリセットすることで解決することがほとんどというのがこれまでの経験からの対応です。
 
サーバーにあるデータと手元のパソコンでBiNDupが管理しているデータのどっちが新しいかを判断し、BiNDupのデータの方が新しいものに関してアップロードをするという仕組みになっています。その、どっちが新しいかの判断がうまくいかない時に起こっていると考え、差分検知機能をリセットすることで解決します。

BiNDismONLINE

リンクデザインに関する授業動画はこちら

※ BiNDismONLINEは有料の会員制です。上記リンク先は認証が必要です。

COMMENT

RELATED POSTS

[%category%]

[%title%] [%article_date_notime_dot%]

NewPosts


[%category%] [%article_date_notime_dot%]
[%title%]