サポート » プラグイン » smart sliderの重なりの回避について

  • 解決済 9-taro

    (@9-taro)


    お世話になります。
    blogの固定ページに「smart slider」というプラグインのスライダーをヘッダーの下に貼り付けたいのですが、サイドバーの項目と重なってしまいます(スライダーが画像が上、右側の文字がスライダーの高さの分、隠れてしまいます)。回避する方法はありますでしょうか?
    テーマは「first」というものを使っています。
    よろしくお願いいたします。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • CG

    (@du-bist-der-lenz)

    プラグインのフォーラムへのことですから、「smart slider」プラグインがテーマに適合しないということでしょうか。
    「first」テーマは公式ディレクトリにない野良テーマのことでしょうか。
    固定ページの「ブログ」ページのヘッダー(header.php)以下に、スライダーを表示させるということだと解釈しましたが、「右側の文字がスライダーの高さの分、隠れてしまいます」という点は理解できませんでした。
    (「first」テーマの固定ページに、「smart slider3」プラグインのSampleスライダーを試しました)
    https://wp.me/PaINCi-f

    ヘッダーの下に貼り付けたいのですが、

    ヘッダーの下とは、どこ(header.php?)でしょうか?具体的な位置と貼り付けたコードを教えてもらえませんか?

    トピック投稿者 9-taro

    (@9-taro)

    ishitaka様

    ご返信ありがとうございます。
    説明がわかりにくくて、すいません。
    header.php内ではなく、blogの固定ページ内の上部にsliderのショートコードを貼り付けました。
    レイアウト上は、headerの下という意味になります。

    https://abileweb.com/minimal-portfolio/blog/

    他のページですが、横長の背景にblog文字が書いてあるものが、sliderだと思ってください。
    このsliderが右のサイドバーと被ってしまいます。
    本文の写真や文字には重なりません。

    blogの固定ページ内の上部にsliderのショートコードを貼り付けました。

    このテーマの場合、本文内ではサイドバーと重なってしまう場合(全幅)があります。
    page.php などにテンプレートタグ(PHP コード)を追加するといいかと思います。

    page.php:

    get_header(); ?>
    	<?php echo do_shortcode('[smartslider3 slider=1]'); // <- 追加 ?>
    	<div id="primary" class="content-area">
    CG

    (@du-bist-der-lenz)

    どのテーマも変わらないでしょうが、ブログページではなく、特定の固定ページでも、Smart Slider3のサンプルが右のサイドバーと被ってしまうのか、わかりませんでした。
    コードはわからないので、sliderのショートコードではなく、「Smart Slider 3」ブロックでスライドのSampleを選択しました。

    https://plus.kobatoradio.info/smart-slider-3-sample-on-page/

    どのテーマも変わらないでしょうが、ブログページではなく、特定の固定ページでも、Smart Slider3のサンプルが右のサイドバーと被ってしまうのか、わかりませんでした。

    たぶんですが、

    横長の背景にblog文字が書いてあるものが、sliderだと思ってください。

    ということなので、スライド設定で全幅サイズにしているものと思われます。

    CG

    (@du-bist-der-lenz)

    「Smart Slider 3」ブロックでスライド・テンプレートのサンプル「Demo Slider – Full-width Post」を選択しました。「First」テーマの固定ページの「全幅」テンプレートを適応しています。このテーマは、サイドバーなしのテンプレートも最初からあるので、Gutenbergエディタを使うのには、十分対応できそうです。

    https://plus.kobatoradio.info/smart-slider-3-full-width-sample-on-page/

    @du-bist-der-lenz

    「First」テーマの固定ページの「全幅」テンプレートを適応しています。

    「全幅」テンプレートにはサイドバーはありません。「全幅」テンプレートではなく、スライド設定のサイズの「全幅」です。

    • この返信は4年、 3ヶ月前にishitakaが編集しました。
    トピック投稿者 9-taro

    (@9-taro)

    ishitaka 様

    ご対応ありがとうございます。
    ご指摘の下記の通り、page.php内の表記を、下記のように変更したら、問題なく表示されました。

    get_header(); ?>
    <?php echo do_shortcode(‘[smartslider3 slider=32]’); ?>
    <div id=”primary” class=”content-area”>

    おかげさまで、助かりました。ご協力感謝します!

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「smart sliderの重なりの回避について」には新たに返信することはできません。