対馬 俊彦
フォーラムへの返信
-
投稿
-
VK Blocksというウィジェットが利用できるウィジェット一覧に出てこないんです。
VK Blocks はブロックなので、ウィジェット一覧には出てきません。
フッターウィジェットエリアへVK PR Blocksを挿入していたのですが、ブロックで作ってこのエリアに挿入ということができるのでしょうか。
ブロックを使って固定ページを作って、VK 固定ページ本文 というウィジェットでその固定ページをウィジェットエリアに表示できます。
ウィジェットの代わりに VK Blocks の PR Blocks を使うと h1 の部分が h3 になります。
添付画像をご参照ください。SEO の観点から h1 を使わないようにしたいとお考えなのだと推察します。
そうであれば、p でなくても h3 であればよさそうです。VK PR Blocks ウィジェットの h1 を p に変更するには、
テンプレートを改変するか、JavaScript を書くかのどちらかでできると思いますが、
そこまでしなくてもいいのではないかと。表示タイプ × 画面サイズ × カラム数 の組み合わせによって画像の見え方が変わりますし、表示要素の影響を受けるものもありますので、手順が何通りもあります。
たぶんどなたも回答がしづらいのではないかと思います。
できれば、該当URLを提示していただくか、上記の組み合わせ・表示要素を具体的に示していただくと回答が得られやすいと思います。
デベロッパーツールでこのエラーは出ています
ベクトルさんのデモサイトでも、私のテストサイトでもこのエラーは出ていません。
このエラーを解消すれば問題は解決するんだろうと思います。Good luck!
1月に質問した者です。
HANA さん、質問ありがとうございます。
その後の勉強会でもいつ？と石川さんに聞いているし、何回も聞きづらかったんです。
ずっと Pro のリリース時期が気になっていたので、このトピックに反応してしまいました。
いま、小森さんのサイトをデベロッパーツールで確認したところ、以下のファイルが見つからないと表示されました。
style.css を読み込めないために CSS が適用されないわけで、ご報告のような表示上の問題が起きる可能性は理解できます。
ver= で長いバージョン(?)が指定されていますが、こういうのを見たことがありませんし、原因を想像できません。
すみませんが、私はこの先まで力及ばず、ここでいったん退散させていただきます。
他の方から解決の手がかりが得られることをご期待ください。
たぶん、小森さんのサイトでは Slide transition time がすごく小さい数字になっているのだと思います。
私は 3000 にしています。
添付画像をご参照ください。私の G3 サイトではスライドショーの動作が特に気になりません。
このスライドショーはスマホでスワイプして前後に移動できるしくみになっていますので、
マウスポインターで画面をつかめる、というのは正常な動作(仕様)です。手動でスライドを切り替えると自動実行が止まるというのも正常な動作(仕様)です。
参考にされたページの
.page-id-780の部分を.post-type-*****に置き換えたものがご希望の作業手順です。***** はカスタム投稿タイプの投稿タイプIDです。
誤：ナビゲーションが動かない
正：スライドショーが動かない
ですね。私のテストサイトで試したところ、以下のような状況です。
Lightning 14.0.3 ＋ Lightning G3 Pro Unit 0.1.3 ＋ VK Blocks Pro 1.0.16
〇 スライドショーが動作しますLightning 14.0.3 ＋ Lightning G3 Pro Unit 0.1.3 ＋ VK Blocks Pro 1.2.1
× スライドショーが動作しません小森さん、
お役に立てる機会がありそうで、記事を書いてよかったです。
以下の行を CSS に追加するとアイコンの色を指定できます。(#****** はカラーコード)
.gMenu_name i::before { color: #******; }このトピックを読んで、iタグってなに・・・？ と思う方がいると思いますので、iタグを使ってアイコンを追加する手順をブログ記事にしました。
Font Awesome のアイコンをメニュー項目に表示する
https://lightning-pale.hp1.work/font-awesome-menu-icon/無料で使える Font Awesome のアイコンは現時点で 1,609個 あります。
また、Pale のカスタマイズ機能はすべてのメニュー項目で同じアイコンしか使えませんが、Font Awesome アイコンを使えば個々のメニューを別々のアイコンにできます。
Katawara 1.6.1 にアップデートしてエラーが起きなくなったことを確認いたしました。
ご対応、ありがとうございました。誤解されているようなので、補足させていただきます。
FirefoxもG3のままで問題なく表示されました
ブラウザーfirefoxもちょくちょくupデートがあるので
firefox側で対応できたのでしょうね私が提示した CSS を適用しなくても Firefox が小森さんの期待通りに表示していたのは、Firefox の仕様が古いからです。
※今回の件についてわかりやすくするため、上記のような表現にしました。Firefox が好きな方、すみません。
【G3 の高速化設定が有効な状態のオーバーレイ表示】
Chrome / Edge：× 表示がおかしくなる
Firefox：○ 期待通りに表示される ⇒ Firefox がアップデートされると ○ ではなく × になると思います。【G3 の高速化設定を無効にした状態のオーバーレイ表示】
Chrome / Edge：○ 期待通りに表示される
Firefox：○ 期待通りに表示されるもうひとつお伝えさせていただくと、
小森さんは G3 の新しい高速化を捨てて、オーバーレイ表示を選んだ、ということになります。
ご理解されての判断でしたらすみません。
