うなこ
フォーラムへの返信
-
投稿
-
VKボタンブロックのブロックからではなく「HTMLとして編集」をして、iタグにクラス名を追加すると大きさが変更できますが、HTMLに変換されてしまいますので少々使いずらいのではないかと思いました。
(添付いただいた参考ページは、まだブロックではない頃の記事になりますので、現在は「HTMLとして編集」に変換して使用するイメージになります)提案なのですが、VKボタンにクラス名を付与して、cssで大きさを変更する方法はいかがでしょうか。
自分でクラス名とCSSを追記しなくてはいけなくなりますが、ブロックのままなので扱いやすいのではないかと思います。やり方は次の手順です。
【01】VKボタンブロックを選択して右側にあるブロックの設定画面の「高度な設定」の「追加 CSS クラス」に、クラス名を追加する。
例えばvk_button_iconsize_fa-3xにするとします。【02】子テーマのcssか、もしくはカスタマイズの追加CSSなどに以下を追加する。
.vk_button_iconsize_fa-3x i{ font-size: 3em; }クラス名やfont-size は好きなものに変更して試してみてください。
いかがでしょうか？一度、以下をお試しいただいてもいいでしょうか。
【01】管理画面の外観→テーマ から「Katawara」テーマが最新バージョンでなければ更新する
【02】Katawara紹介ページの子テーマのところから「Katawara 子テーマサンプル」をダウンロードする。
(もしくはわたしが添付したkatawara-child.zipを使用していただいても大丈夫です)【03】管理画面の外観→テーマ から「新規追加」→「テーマのアップロード」をクリックして、先ほどダウンロードしたkatawara-child.zip ファイルを選択し、「今すぐインストール」をクリックする。
【04】このテーマはインストール済みです と表示が出たら「アップロードしたもので現在のものを置き換える」をクリックする。
【05】「パッケージを展開しています… 、、、、テーマの更新に成功しました」のような表示がでたら「有効化」をクリックすると有効化されると思います。
うまくいかない場合は教えてください。
———————–
あと、石川さんのおっしゃる通り、Katawaraの子テーマについてはあくまでサンプルで特別な内容を記載しているわけではありませんので、下記の冒頭部分も併せてご確認ください。VKボタンブロックを配置して、カスタムカラーのカラーピッカーから色を選んでから、再度カラーピッカーを開くと
#0071a1と表示されるのを確認できました。
調査いたしますのでしばらくお待ちください。
▼vk blocks pro の issue
https://github.com/vektor-inc/vk-blocks-pro/issues/865もしお急ぎでしたら、カラーパレットから選択した色は、カラーピッカーでも正常にカラーコードが表示されましたので、よく使用するカラーは、カラーパレットに追加してみてください。
カスタマイズ→色→Color Palette Setting から5色まで設定できます。
ExUnitの設定の「IEアラートの表示」にチェックが入っていませんか？
IEブラウザで閲覧時に表示されるアラートになります。
（添付いただいたページを見ました。わたしのCromeの環境ではアラート文章は見えませんでした）記事で見た情報なので、試していただきたいことがあるのですが、
必ず元に戻せるようにバックアップをとってから実行してください。php_value post_max_sizeを128Mに変更すると、いかがでしょうか。ーーーーーー
別の方法としましては、有料版になってしまいますが、
All-in-One WP Migration の Unlimited Extension ($69～) を購入すれば、100MB を超えるデータをインポートできるようになります。ちょっと気になりましたのが、VK Blocks Pro バージョン 1.3.9と古いバージョンですので、（現時点の最新バージョン 1.17.0 ）
vwsサイトのマイアカウントにログインして、マイアカウントページのダウンロードから、改めてVK Blocks Proをダウンロードして、そのzipファイルをプラグインの新規追加からアップロードしてみてください。Lightning Pro バージョン: 8.12.8
ウィジェットのトップコンテンツエリア上部にCTAを入れてみましたところ、わたしの環境では不具合が再現できませんでした。
一度以下の手順をお試ししていただき、症状が改善するかどうかを確認お願いいたします。
—
不具合かなと思ったら
【01】プラグイン、テーマのバージョンを全て最新に更新してください。
【02】Vektor,Inc.製テーマ・プラグインの問題かどうかを確認するため
バックアップをとった上で以下の点を確認ください。●関連しそうなVektor製以外のプラグインを一つずつ停止して症状が改善するかどうか？
●子テーマの場合は親テーマに設定して改善するかどうか？外観→メニューの上の方にある「表示オプション」の説明にチェックを入れると、メニューに説明が表示されます。
そちらから削除や編集ができます
プレビューのほうのURL添付で解決しましたが、こちらで間違いないのでしょうか？
プレビューのURLですと、おそらくワードプレスからログアウトすると見えなくなると思ったのですが、どうでしょうか？
ログアウトしても問題なく見えるようでしたら、ちゃんと固定ページのURLが設置されているのかなと思いますが、
もし差し支えなければ、どのページのボタンのことなのかを教えていただけますと正確な回答が得られる可能性が高いです。このページのスライダーブロックは画像を配置しています。
画像にキャプションが設置してありますと、キャプションが表示されますので、スライダーブロック内の画像のキャプションを非表示にするなら、以下のCSSを追加CSSや子テーマのcssに追記してみてください。/* スライダーブロック内の画像のキャプションを非表示 */ .vk_slider_item .vk_slider_item_container figcaption{ display: none; }ブロック機能のボタンを使ってコンタクトフォームを埋め込みたいのですが、どうしたらよいのかがわかりません。
ボタンを押すとコンタクトフォームでしていした内容で問い合わせメールが送れるようにしたいです。詳しい状況を教えていただきたいのですが、以下の「お問い合わせ」とは別の話でしょうか。
→お問い合わせページ新規で別のコンタクトフォームを作る場合は、管理画面のお問い合わせから「新規追加」で作成し、
ショートコードをそのまま固定ページなどに貼り付けるか、もしくはContact Form7のブロックでも配置できるかと思いますが、それがうまくいかない状況でしょうか？Lightningでは共有アドレスに?rel=0 を追加記載することで大丈夫だったが，
Lightning G3 Evergreen内の動画に共有アドレスに?rel=0 を追加記載しても
関連動画が表示されるおそらく、こちらはLightning G3 Evergreenの不具合ではなく、YouTubeの仕様の変更によるものではないのかなと思います。
下記のサイトに記載があったのですが、『Youtubeの仕様変更によって、「?rel=0」を指定した場合には、動画をアップしたチャンネル内から関連動画が表示がされるように変わりました。』と記述がありました。
【簡単にできる】YouTube の関連動画を非表示にする方法解決方法としましては、こちらのサイトの場合は、動画をループ再生にすると書いてありました。
先程のコピーしたHTMLコードのYoutubeのIDの最後に「?rel=0」の代わりに
「 ?loop=1&playlist=youtubeのID 」を追加します。やり方は
【0１】埋め込みコードのiframeの中のURLを変更します。
↓おそらくこちらになります。
<iframe width="560" height="315" src="https://www.youtube.com/embed/?loop=1&playlist=sBNdWQuuU7Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>【02】カスタムHTMLブロックを配置して、その中に上記のiframeタグを入れます。
(YouTubeの埋め込みブロックではなく、カスタムHTMLブロックに入れます)これで動画がループされると思いますがいかがでしょうか？
