es

フォーラムへの返信

15件の投稿を表示中 - 16 - 30件目 (全67件中)
  • 投稿者
    投稿
  • es
    参加者
    62

    そうなんですよ。。今アップしましたー

    1
    いいねをした人:
    es
    参加者
    62

    横から失礼いたします。本件、私の環境ではSnow Monkey Blocks v16.0.8にしても状況が改善していないように見えていますので、念のためご報告いたします。

    ブロックの選択に違いなどがあってはいけませんので、どのブロックを使ってのことかもお伝えしておきます。

    編集画面

    タブ1

    タブ2

    画面幅は1920pxですが、例えば1000pxほどに狭めると、はみ出し量が少なくなり一見問題ないように見えることもありますが、根本的には同様の状態になっていると思います。

    以上、取り急ぎご報告いたします。

    2
    いいねをした人:
    es
    参加者
    62

    GONCYさんをおいてお答えするのは恐縮ですが、一部関与したものとして失礼いたします。
    私の環境ではv16.0.8で問題なく表示されました。

    ただ上記に示されているトピックの問題は解決していないように見えますので、そちらのトピックの方で状況をご報告しますね。

    1
    いいねをした人:
    es
    参加者
    62

    徳本さん、何度もすみません。。

    上記の設定変更で幅広ほどだった左右幅が全幅に変更されたと思ったのですが、セクションの設定を変更した後のキャッシュとリロードのタイミングの問題で、挙動を勘違いをしていたようでした。失礼しました。

    リロードに注意して再確認したところ、セクションの設定を全幅にしていれば、ページレイアウトを右・左のサイドバーにする以外は全幅で表示されましたので、お示しのような幅広程度の幅になるという状態を再現できませんでした。

    デフォルトテンプレートなども含め、拝見するかぎり設定条件は同じように見えるのですが、なぜでしょうね。。

    あまり意味はないかもですが、一応、私の方で表現できている状態のブロックのコードを共有してみますね。フォームIDはXXXとします。

    出しゃばったのにスカッと解決できず板汚しとなってしまい、申し訳ないです。。

    <!-- wp:snow-monkey-blocks/section {"wrapperTagName":"section","containerAlign":"","contentsMaxWidth":"800px","fixedBackgroundColor":"#ccc","align":"full"} -->
    <section class="wp-block-snow-monkey-blocks-section alignfull smb-section smb-section--fit"><div class="smb-section__fixed-background" style="padding-top:0;padding-bottom:0;background-color:#ccc"></div><div class="smb-section__inner"><div class="c-container"><div class="smb-section__contents-wrapper" style="width:800px"><div class="smb-section__header"><h2 class="smb-section__title">タイトル・・・</h2></div><div class="smb-section__body"><!-- wp:heading -->
    <h2>お問い合わせ</h2>
    <!-- /wp:heading -->
    
    <!-- wp:snow-monkey-forms/snow-monkey-form {"formId":XXX} /--></div></div></div></div></section>
    <!-- /wp:snow-monkey-blocks/section -->
    1
    いいねをした人:
    es
    参加者
    62

    徳本さん

    追伸です。

    設定を見直していて、あ、これかな!というものがあったので、一度こちらをご確認いただけますか?

    カスタマイザーの画面で固定ページを表示させた状態で、Snow Monkey 設定のデザイン設定を見ていただくと、最下段に固定ページ設定という項目が表示されるので、そこで1カラムなりフル幅なりに変更してみて、変化があるかをご確認いただけますでしょうか。

    なおその際にトップページを表示しても固定ページ扱いとならずこの項目は出てこないので、別の固定ページを開いてみてください。
    よろしくお願いいたします。

    2
    いいねをした人:
    es
    参加者
    62

    徳本さん、こんにちは。改めまして、先日はTwitterでもご対応いただき、ありがとうございました。^^

    あらら、そうなのですね。。私の方はデモ環境でCSSもゼロの状態でしたので、試しに徳本さんが記述されているCSSを反映してみたところ、下記画像のとおり、それでもフォームの要素は中央に問題なく配置されていました。※加えて、管理画面でのブロックの内容も見えるようにしてみました。

    反映したCSSは、

    .c-entry__content {
    position: relative;
    overflow: hidden;
    }

    から

    .attachment-large {
    border: 3px solid #ccc;
    }

    まで、です。

    Snow Monkey の設定でそうなってしまっているのかまでは確認できなかったのですが、もし可能であれば一度初期状態でお試しいただいて、問題が生じる部分の切り分けができるとよいかもですね。

    私の方でも、設定でそうなってしまう可能性があるのかは、引き続き確認してみようと思います。
    取り急ぎのお返事で申し訳ないのですが、よろしくお願いいたします。^^

    1
    いいねをした人:
    es
    参加者
    62

    こんにちは。

    セクションを使うと添付のようなイメージにできるのですが、こういうことで合っていますでしょうか?
    もし違ったらごめんなさい…。


    3
    いいねをした人:
    es
    参加者
    62

    megさん

    私が回答したことで他の方からの回答がなくなってしまったとしたら申し訳ないと思い、CSSも考えてみました。

    私の環境では下記CSSで添付画像のように表示されるのですが、ご要望はこんな感じで合っていますかね。

    .smb-spider-slider .smb-spider-slider__figure-wrapper, .smb-spider-slider .spider__slide {
      flex: 1 0 100% !important;
      flex-wrap: wrap;
      overflow: hidden;
      position: relative;
      text-align: center;
    }
    
    .smb-spider-slider .spider__figure {
      max-width: none;
      width: 50%;
    }
    
    .spider__arrow[data-direction="prev"]::before {
      border-bottom: 1px solid #000;
      border-left: 1px solid #000;
      left: calc(50% - 5px);
      top: calc(50% - 5px);
      transform: rotate(45deg);
    }
    
    .spider__arrow[data-direction="next"]::before {
      border-right: 1px solid #000;
      border-top: 1px solid #000;
      bottom: calc(50% - 5px);
      right: calc(50% - 5px);
      transform: rotate(45deg);
    }

    割愛できるコードもありますが、元コードと比較しやすいよう、そのままにしています。
    お試しいただけたら幸いです。

    1
    いいねをした人:
    es
    参加者
    62

    megさん

    ご質問への直接的な回答ではないのですが、私はよくスライダーの入ったボックスをコンテナーやセクションに組み込み、それらのブロック設定でコンテンツの最大幅を指定することで任意の幅にしているのですが、もしそれでも弊害がないようでしたら簡単でオススメです。
    なおセクションだと上下に余白が入るため、コンテナーの方が扱いやすいかもです。もしよければお試しください。

    1
    いいねをした人:
    es
    参加者
    62

    横から失礼します。

    上記2つの画像の上では便宜上、上段・中段・下段の画像と表しますね。

    1920×1080のモニターで表示した場合、

    上段の画像は、
    1枚目では1024×576(16:9)の画像が、1920×500(16:4.166・・)と上下がカットされ表示されていて、
    2枚目では1700×900(16:8.47・・)の画像が、1903×500(16:4.20・・)と上下がカットされ表示されています。

    中段の画像は、
    1枚目では1024×576(16:9)の画像が、186×104(16:9)とそのまま表示されていて、
    2枚目では800×600(4:3)の画像が、400×300(4:3)と、そのまま表示されています。

    下段の画像は、
    1枚目では768×407(4:2.119・・)の画像が、186×139(4:3)と上下に引き延ばして表示されていて、
    2枚目では768×432(16:9)の画像が、186×139(4:3)で上下に引き延ばして表示されています。

    以上のことから、この場合中央に文字があるサムネイルでは、解決方法は以下の2つかと思います。

    1.16:9で画像を作り、文字は上下で16:4以下、左右で4:3以下の範囲内に収まるよう作成する。
    2.4:3で画像を作り、文字は上下で16:4以下、左右で4:3以下の範囲内に収まるよう作成する。

    1.2.とも、上・下のどちらともか、いずれかで見切れることにはなりますので、
    今のように枠線をつけてしまうと見切れている感がでるため、枠線は用いない方が望ましいです。

    上記をご参考に、一度、試してみてくださいませ。

    2
    いいねをした人:
    es
    参加者
    62

    あれ?そんなことはなかったような…と思ってテストしてみたところ、ブロック設定で
    『各項目のボタンの下部を揃えます (スタンダード・ブロックリンクのみ)。』をチェックし、
    項目(スタンダード)で試したところ、ボタンは下端揃えされました。

    ただ、内容を書く…の欄が空白だと上揃えになるため、一文字でも入れる必要はあります。

    すべての項目の種類は試せていませんが、注釈のようにスタンダードかブロックリンクの
    必要があると思いますので、一度、そのあたりも確認してみてください。

    1
    いいねをした人:
    返信先: ボタンサイズを合わせる方法 #109015
    es
    参加者
    62

    もしもですが、CSSでの方法が難しいな、PCやスマホごとの調整が厄介だな、ということがありましたら根本的な解決方法ではないのですが、発想を変えて以下の方法で対処するのもアリかなと思います。

    「お問い合わせ」の文言の下に例えば(メールフォーム 受付時間24時間)等の1行を追加し、両方のボタンを2行にしてしまう。

    また前のトピックのこととなりますが、クローズ後だったのこちらで失礼しますね。

    情報の検索方法について、「スノーモンキー、フッターにメニューを入れる方法」で検索されたとありましたが、例えばGoogle等であれば「Snow Monkey フッター メニュー 方法」と、正式名称と空白を挟んでの単語の組み合わせがよいですし、フォーラム内であれば、「フッター メニュー」で検索されると情報に出会える確率は高まると思います。

    効率よく情報に出会えるよう、いろいろと探してみてください♪

    1
    いいねをした人:
    es
    参加者
    62

    toshihito.okazaki さん

    ひとまず解決したようで何よりです♪

    私の方こそ、本番環境ということも目にして、てっきりそのあたりはご確認の上でのことと思い込んでしまっていたので、最初の回答で示せていれば…と思っていました。

    解決ということですので、またお手すきの時にでもトピックを閉じていただくとよいと思います。
    Web制作、今後も頑張ってください!

    1
    いいねをした人:
    es
    参加者
    62

    toshihito.okazaki さん

    Snow Monkeyでも サーバーでも、特に設定した記憶がないということでしたら、ひょっとしたらWordpressをインストールする際に「検索エンジンがサイトをインデックスしないようにする」にチェックを入れられたのかもしれませんね。

    Wordpressの管理画面から、設定→表示設定と進み、下端にある「検索エンジンでの表示」にチェックが入っていないかも、併せてご確認ください。

    もしチェックが入っていたら、チェックを外してみてどうなるかをご確認いただけたらと思います。

    0
    いいねをした人: 居ません
    es
    参加者
    62

    トップページは2カラムにできているとのことなので、下記をご覧いただくとできるのではないかと思います。

    またカスタマイザーのホームページ設定からアイキャッチ画像をヘッダー画像として表示することもできますが、画像上に表示したテキストを頻繁に書き換えたいということなので、その点でもこちらかなと思います。

    トピックの検索で、トピックの内容にもこの記事にもたどり着けたので、調整等はいろいろとお探しいただくとよいかもです。

    2
    いいねをした人:
15件の投稿を表示中 - 16 - 30件目 (全67件中)

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ