対馬 俊彦
フォーラムへの返信
-
投稿
-
以前は、他のプラグインで行ってたのですが
プロの「スライダー」でできればと思いました。プラグインを増やさずにサムネイル付きのスライダーを作りたい、ということですよね。
それなら、Swiper というライブラリを活用するのがいいと思います。
Lightning には Swiper が組み込まれているので、追加で読み込ませる(インストールする)必要はありません。
機能が多く、複雑な処理になってしまう
とベクトルさんが書かれている通り、多機能なライブラリで多くのオプションが用意されています。
HTML / JavaScript / CSS によるカスタマイズが必要ですが、「Swiper 使い方」でググると実装例や解説がたくさん見つかります。
9.77.0.0 にアップデートして、アイキャッチ画像を登録できるようになったことを確認しました。
ありがとうございます！メインサイト別にドメインを取得してWelcart ＋ Welcart 専用テーマを作成するということでしょうか？
別にドメインを取得しなくても、サブドメインまたはサブディレクトリを使って以下のようにすればできます。
コーポレートサイト：https://dannetsujapan.jp/
ショップサイト：https://shop.dannetsujapan.jp/ または https://dannetsujapan.jp/shop/やり方は、ホスティング会社のヘルプなどを見て調べてください。
試してみたところ、VK All in One Expansion Unit との相性が悪いみたいです。
たぶん、VK All in One Expansion Unit を無効化するとアイキャッチ画像を設定できるようになると思います。私は何回か Welcart を使ったことがありますが、毎回以下のようにしています。
コーポレートサイト：Lightning
ショップサイト：Welcart ＋ Welcart 専用テーマこの方が楽だし、作りやすい・いじりやすいと私は思います。
【参考】回答がつかなかった2年前のトピック
個々のメニュー項目に CSS class を指定して、
ページごとに出し分けるのがいちばんお手軽だと思います。
添付画像をご参照ください。質問の意図とずれるかもしれませんが、
* https://www.yayoi-kk.co.jp/
* https://www.yayoi-kk.co.jp/pap/
のそれぞれに WordPress をインストールして、別サイトにするのがよさそうです。アップデートできるようになりました。
VK Blocks Pro 1.39.1.0 にアップデートして、
エラー表示が解消されたことを確認いたしました。ありがとうございました。
いつもありがとうございます。
[アップデートを確認] も実行してみましたが、
いまのところ、リリースされている VK Blocks Pro は 1.39.0.0 が最新になっているようです。あとでまた [アップデートを確認] を試してみます。
石川 様、
いつもありがとうございます。
Lightning 14.22.6 にアップデートして、
VK ボタンからのリンクでも自動的にサイトヘッダーを上によけてくれることを確認しました。VK 投稿リスト にはページネーション機能がありません。
フックでできるようになっていましたね😄 失礼しました。
カスタマイズ → Lightning アーカイブページ設定 → 該当のカスタム投稿タイプ
で 表示要素 の 分類（全項目）にチェックをつけると表示されます。
添付画像をご参照ください。
VK 投稿リスト にはページネーション機能がありません。
https://patterns.vektor-inc.co.jp/vk-patterns/ はカスタム投稿タイプのアーカイブページです。
アーカイブページの表示タイプを カード にすれば、ご希望のことができると思います。
どこに親要素をつければいいのでしょうか？
親要素をつける(追加する)必要はありません。
Facebook アイコンを置いた場所を囲んでいる要素が親要素です。
いまアイコンがないので、正確にはわかりませんが、
たぶん親要素は<div class="navbar-header">～</div>だと思います。siteHeader_subにposition: absolute;をつけてみましたが
親要素に指定するのは、
absoluteではなく、relativeです。たぶん、こんなかんじになるのではないかと….
.navbar-header { position: relative; }位置指定の考え方は以下のページの「子要素にabsoluteを指定した際の動き方」を見てください。
https://www.itra.co.jp/webmedia/what-is-position.html
現状が「ウィンドウが基準になる場合」になっていて位置指定がやりづらいので、
「親要素が基準になる場合」のやり方に変えると楽になる、ということです。position: absolute;を使うときは、
親要素にposition: relative;を指定すると調整しやすくなることが多いです。
