Thread Starter
osat99
(@osat99)
なるほどですね、その方法がありますね、ありがとうございます。
当方普段はelementorで構築してるのですが、YOUTUBE見る限りですと、VK BlocksはWPのブロックエディタでのみ対応してる感じに見受けられたのですが、そうなのでしょうか？
elementorでは使用不可ですよね？？
-
This reply was modified 8 months ago by
osat99.
不可としているつもりではないのですが、ブロックエディタの使用前提でパターンをたくさん提供していますのでよければご検討くださいー。
https://patterns.vektor-inc.co.jp/
Thread Starter
osat99
(@osat99)
はい、ほんとにいろいろなパターンのご提供がありますね。
ただ当方トップページはすでにelementorで構築済みで、今からWPのブロックエディタへは変更出来ないため、
elementorでVK Blocksのスライダーブロックを設置したいのですが、elementorでの編集画面左のブロック一覧には、
VK Blocksがないですね。
個別のプラグインのサポートは出来ないかもしれないですが、もしご存知でしたら、ご教示いただけますと助かります。
elementor が WordPress 標準のブロックをサポートしていない状態でしたら、elementor のスライダー用ブロックがあるような気がしますがそれではダメなのでしょうか？
Thread Starter
osat99
(@osat99)
elementorもWPの標準ブロックはサポートしてるようで、いろいろヴィジェットはあるのですが、その中にVK blockヴィジェットがないんです。
elementorプロの方にはスライダーがあるのですが、無料版にはないもので。
最悪、TOPページだけWPの標準ブロックエディタで構築しようかとは思います。次の案件からになりますが。
プロの方にはスライダーがあるのですが、無料版にはないもので
個人的にはこの対応にかかる時間コストを考えるとプロ版のライセンスを購入した方が結果的に安くなるのではないかなと思います。
ltg-slide-text-titleにもう１つクラスを付与したく
これは何のために付与が必要なのでしょうか？
Thread Starter
osat99
(@osat99)
そうですよね、プロ版の購入は今後考えます。
クラス付与は、
https://coco-factory.jp/ugokuweb/move02/8-6/
こちらのようにスライダー内の見出しにたいして動きを実装したかったためです。
でもよくよく考えますよ、こちらのjsの方のクラスを変更すればよかったですね、今気づきました。
こちらのjsの方のクラスを変更すればよかったですね、今気づきました。
ですです。実際HTML側じゃない部分から対応できるケースも多いので、今回それで対応できそうでよかったです（・ｗ・
Thread Starter
osat99
(@osat99)
var arr = []
//初期値の設定
function TypingInit() {
$('.js_typing').each(function (i) { //js_typingクラスを全て処理をおこなう
arr[i] = new ShuffleText(this);//動作させるテキストを配列に格納
});
}
ちなみに、上記コードでjs_typingとltg-slide-text-titleという複数のクラスへ適用させようとすぐ場合、$(‘.js_typing’) の箇所をどう変更すればいいでしょうか？
jQueryで複数のクラスに対して選択を行う場合は、カンマを使用してクラス名を区切ります。指定したい複数のクラスがある場合、それぞれのクラス名をドット（.）で始めて、カンマで繋ぐ形で指定します。あなたの例に従って、js_typingクラスとltg-slide-text-titleクラスの両方を含む要素に適用するには、セレクターを次のように変更します：
$('.js_typing, .ltg-slide-text-title')
これにより、js_typingまたはltg-slide-text-titleクラスを持つすべての要素が選択され、それぞれに対してShuffleTextオブジェクトが作成され、配列arrに格納されます。全体の関数は次のようになります：
var arr = [];
// 初期値の設定
function TypingInit() {
$('.js_typing, .ltg-slide-text-title').each(function (i) { // js_typingまたはltg-slide-text-titleクラスを持つすべての要素に処理を行う
arr[i] = new ShuffleText(this); // 動作させるテキストを配列に格納
});
}
この変更を行うことで、指定した2つのクラスのどちらかを持つすべてのHTML要素に対して同じ処理が適用されるようになります。
という感じで 一般的なプログラムの質問はChatGPTに聞けば教えてくれると思います。
Thread Starter
osat99
(@osat99)
はい、こちらもGPTに聞いて、同じ回答を得ました。
いつもご回答、お忙しい中ありがとうございます。
