「ボタンの形」とリンク時の「ボタンの動き」

VWSとは フォーラム デザインスキン 「ボタンの形」とリンク時の「ボタンの動き」

「ボタンの形」とリンク時の「ボタンの動き」

  • このトピックには3件の返信、3人の参加者があり、最後にうなこにより2年、 11ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #60235

    fukugi
    参加者

    ■ WordPress のバージョン
    不明

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    不明

    ■ Pro Unit のバージョン
    不明

    ■ スキンの種類
    Evergreen

    ■ スキンのバージョン
    不明

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ プラグインの種類・バージョン
    デモサイトなので不明です

    ■ 期待する動作
    ボタンの形状をどこかで設定できるのか?

    ボタンの上にカーソルを置いた時に、少し色が薄くなり、ボタンが少し動く
    動作がありますが、これはどこかで設定できるのか?

    (このスキン特有の動きで設定はできない??)

    ■ 自分で試した事
    ちなみに、下記のLightningサイトのボタンにカーソルを置くと
    色が薄くなり、カーソルが離れると一瞬白っぽくなる。
    これもどこかの設定なのでしょうか?

    デモサイト

    ■ 症状が発生するブラウザ
    chrome

    ■ 実際の症状
    デモサイトについて

    ボタンにカーソルを当てたときに、
    ボタンの色が薄くなり、少し動くのですが、
    これはどこで設定しているのでしょうか?

    ボタンもLightningだと長方形に近い形をしているのですが、
    こちらのEvergreenデモサイトのボタンの左右は丸くなっています。
    これも設定なのでしょうか?

    Evergreenスキン

    Home

    #60250

    ls-t
    参加者

    こんにちは。
    ボタンの動きや形はテーマやプラグイン特有のもので、設定が出来るのはボタンの「色」「大きさ」「表示する文字列」「並び方」などです。
    ※ボタンはWordPressのコアブロックのボタンとVK BLOCKSで追加されるVKボタンの二種があり、それぞれ設定出来る項目が違います。

    LightningとEvergreenでそれぞれボタンを作成して試したところ、形状についての設定項目は見当たりませんでした。
    現状、形や動きを変えたければCSSで改変するのが手っ取り早いのではないかなと思います。

    #60263

    fukugi
    参加者

    テーマやプラグイン、スキンなどなど・・・
    ややこしくて理解するのが難しいです💦

    >形状についての設定項目は見当たりませんでした。
    何処を探して良いかも分からず状態でした。

    Evergreen固有のボタンとして理解しました
    (cssをいじるほどの知識はないので)

    少しずつ慣れていこうと思います。
    初心者の質問に丁寧な回答ありがとうございました。

    #60351

    うなこ
    モデレーター

    VKボタンの丸みとhover時移動する動きはEvergreenのスキン側のデザインになりますので、
    以下のCSSで上書きできます。
    カスタマイズの追加CSSなどにいれてみてください。

    ※〇〇のところにお好きな数字を入れてください。

    /* VKボタンの角丸 */
    :root {
    –vk-size-radius-btn-primary: 〇〇px;
    }

    /* VKボタンのhover時の移動 */
    .vk_button .btn:hover {
    transform: translateY(〇〇em);
    }

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。