Lightning Pro
JPNSTILE
数日前から症状が出ております。
確認をお願いします。
「スライダーブロック」「全幅」
編集中の画面レイアウトが崩れています。
全体的に左側に寄ってしまい、隠れます。
そのために「全幅」編集ができない状況です。
検証をお願いします。
どうぞ宜しくお願いします。
Lightning Pro
JPNSTILE
数日前からまた同じ症状が出ております。
確認をお願いします。
「スライダーブロック」「全幅」
編集中の画面レイアウトが崩れています。
検証をお願いします。
どうぞ宜しくお願いします。
■ 利用テーマとバージョン : katawara1.4.1
■ 質問内容:
TOPスライダーの画像がスライドするタイミングが早いのですが、遅くできませんか??
『外観』→『カスタマイズ』→『トップページスライドショー』→『スライド切り替え間隔』を変えたのですが、切り替わりはじめてから完了までの時間が変わるだけでした。静止している時間を長くしたいのですが、どうすればいいでしょうか??
教えていただけると嬉しいです。
印刷物などの表記などの問題からURLを変えたくない…
そういう状況でしたか。
私もリダイレクトでいいと思いますが、納得していただけないならしかたないですね。
私が先ほど書いた「別の回答」のひとつはリダイレクトのことです。
Lightning Pro はスライダーを使ってトップページのような固定ページを作ることができますので、
現在の WordPress サイトに固定ページで https://12345.com/aaa/ を作って、
ヘッダー・フッターをカスタマイズするやり方もアリかもしれません。
ある企業のサイトを制作したときに、
関連企業のサイトをこのやり方で作ったことがあります。
やっぱりマルチサイトが一番良いんでしょうかね。
マルチサイトにはメリット・デメリットがありますので、よく調べて検討された方がいいです。
うなこ様 DRILL LANCER様
さっそくのご返答ありがとうございます。
まず、うなこ様 画像添付いたします。これがご指摘の画像かどうかわかりませんが、なにか、エラーがあるようです。
どうぞよろしくお願いいたします。
DRILL LANCER様
カスタム投稿タイプの名前は変えておりませんが、2個目の画像はカスタム投稿の投稿リストであり、同様なエラーがおきてます。(02の画像)名前は変えておりませんが、スライダーをSmart Slider 3 ProからVK Blocks Proのスライダーに変更の作業はしておりました。
WordPressとVK Blocksの更新や、カスタム投稿のスライダーの変更、何が原因なのか見当もつきません。
どうぞ、よろしくお願いします。
Attachments:
You must be
logged in to view attached files.
Lightnig Pro、JPNStyleを使用しております。
固定ページの内容を別のページに表示させたい時に
以前からプラグインの「insert pages」を使用しております。
先ほど確認しましたらレイアウトが崩れておりました。
VKスライダーの挿入箇所も崩れていました。
「insert pages」は利用できないのでしょうか。
改めて、ブロックのウィジェットから「insert pages」を選び
以下の設定を行いましたが崩れております。
画像添付しました。ご確認下さい。
・URL
・Display 「Content」
・Custom Element ID「ページIDを入力」
とても便利なプラグインで使用しておりますが
こちらのプラグインを使用しないで
同様のことは出来るのでしょうか。
どうぞ宜しくお願いします。
Attachments:
You must be
logged in to view attached files.
ご教示ありがとうございます。
色々と試してみたのですが、スライダーブロックは画像の上に文字を書く機能が見つからないのですが、画像の上に文字を書くことは出来るのでしょうか?
スライドショーでは文字の位置を下にするCSSはどの様にして書くか分からなくて・・・色々と書いてみたんですが、上手くいかず・・・・可能ならご教示いただけますと幸いです。
トップページを1カラムにする場合はスライダーブロックを使ったほうが良さそうです。
手順としては・・・
①スライダーブロックを使用した固定ページを作成
②外観 > ウィジェット の「トップページコンテンツエリア上部」に「VK 固定ページ本文」ウィジェットを設置
③②の「VK 固定ページ本文」ウィジェットで①の固定ページを呼び出す
画像ブロック、アウターブロック、スライダーブロックの方法をそれぞれ書きましたので
お好きな方法で試してみてください。
▼画像ブロック▼
設置したimgに対して、cssで width: 100%; を指定してあげるとコンテンツ幅いっぱいに収まるようになります。
↓cssのカスタマイズはこちらの記事を参考にしてみてください。
できる!WordPressカスタマイズ #01 簡単なデザイン(CSS)カスタマイズ方法徹底解説
▼アウターブロック▼
アウターブロックの背景画像サイズをカバーにして、
アウターブロックの中に、レスポンシブスペーサーブロックを配置し、
レスポンシブスペーサーの余白の単位をvwにして、
ちょうど良さそうな高さを入れて調整してみてください。
▼スライダーブロック▼
背景画像サイズをカバーにして、高さの単位をvw にし、
PC、タブレット、スマホにちょうど良さそうな高さを入れて調整してみてください。
-
この返信は4年、 3ヶ月前に
うなこが編集しました。
■ 利用テーマとバージョン :
Lightning Pro 8.5.3
VK Blocks Pro 0.60.1
WordPress 5.6
■ 質問内容:
固定ページに、画像を全幅(100%)で表示することは可能でしょうか?
背景に画像を設定しても、どこかが切れてしまいます。
スライダーブロック、Outerブロックで試してみたのですが、うまくいきません。
PCでもタブレットでもスマホでも、全幅(100%)で表示したい画像があります。
関連する内容のトピックからの抜粋です。
この現象は何件か既に報告されており現在対応検討中でございます。
下記は応急処置となりますがお急ぎの場合はお試しください。
1,スライダーブロックの固定ページを作成
2、新たに固定ページを作成し、VK 固定ページ本文ブロックで手順1の固定ページを呼び出す
3、ウィジット、トップページコンテンツエリア上部にVK固定ページを挿入
4、手順2で作成したVK固定ページに手順1で作成した固定ページを設定
おそらく原因は同じと思われますので上記をお試しください。
アドバイスありがとうございました!
とても参考になりました。
スライダーブロックの使用を検討したいと思います。
Lightningのご利用ありがとうございます。株式会社ベクトルの石川と申します。
基本的にはスライダーブロックの方が順番の入れ替えを含めて出来る事が多いため、
スライダーブロックを利用いただけば実現可能です。
ただし、現状ではトップページを1カラムにしない場合は全幅のスライダーが設置できないので、
2カラムのままスライダーブロックを配置する場合は、
1. 以下のコードを子テーマに貼り付けて、トップページ下にウィジェットエリアを追加
2. トップページスライド用の固定ページを作成してスライダーブロックを配置して非公開で保存
3. 追加したウィジェットエリアに固定ページ本文ウィジェットを使って2で作った固定ページを選択
でできると思います。
// 設定されたウィジェットをスライド下に挿入
function my_display_widget_after_top_slide(){
if ( is_active_sidebar( 'home-slide-after' ) ) {
echo '<div class="row"><div class="container">';
dynamic_sidebar( 'home-slide-after' );
echo '</div></div>';
}
}
add_action( 'lightning_top_slide_after', 'my_display_widget_after_top_slide' );
// スライド下用ウィジェットエリアを定義
function my_add_widget_area_after_top_slide() {
register_sidebar(
array(
'name' => __( 'トップページスライド下', 'lightning-pro' ),
'id' => 'home-slide-after',
'before_widget' => '<aside class="widget %2$s" id="%1$s">',
'after_widget' => '</aside>',
'before_title' => '<h2 class="mainSection-title">',
'after_title' => '</h2>',
)
);
}
add_action( 'widgets_init', 'my_add_widget_area_after_top_slide' );
追記あり:
・背景を変えて暗くしても、やはり枠線と字が細く過ぎて見えにくい。
こちらは背景画像のことです。
スライダーブロックでの使用時は
スライダー画像になります。
※ボタン内の背景ではありません。
誠にありがとうございます。
解決しました。
Jetpack 利用で
スライダーブロック「全幅」に変更。
レイアウトは問題なく編集できます。