モバイルのヘッダーとドロワーの間に文章や画像を入れたい

1
いいねをした人:
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • 投稿者
    投稿
  • #68318
    ryoma_aki
    閲覧者
    2

    【お使いの Snow Monkey のバージョン】 13.1.1

    ### 実現したいこと

    モバイルのヘッダーとドロワーの間(下記のURLの赤丸のところ)に文章や画像を入れたい

    (管理者により削除)

    【サイト】

    (管理者により削除)

    ご教示頂きますよう、宜しくお願い申し上げます。

    0
    いいねをした人: 居ません
    #68326
    Olein_jp
    参加者
    566

    Dropbox経由で画像を共有されると、こちらからのアクセス情報をそちらに渡さなければならないのと、そちらのファイルを削除された場合にこのトピックを他の方が見られた際に内容を把握することができず、共有知として活用することができなくなります。ですので、上記のDropbox共有の画像もトピックに掲載をお願いします。

    そちらと一緒に、現在試されて何が上手くいかなかったのかも掲載頂けるとスムーズかと思いますので、併せてご確認をお願い致します。

    追記:本件不具合ではないかと思うのでカテゴリーが間違ってますね

    0
    いいねをした人: 居ません
    #68331
    ryoma_aki
    閲覧者
    2

    ご指導ありがとうございます。

    操作が不慣れで至らぬところがありますがご容赦ください。

    下記の赤丸の箇所が問題箇所です。

    (管理者により削除)

    試している点はposition fixを使って無理やり、上記赤丸のところに固定しよう試してみたという感じです。

    他に何かやり方があればご教示いただければ嬉しいです。

    宜しくお願い申し上げます、

    0
    いいねをした人: 居ません
    #68350
    Olein_jp
    参加者
    566

    こちらの赤丸を書かれているのは、

    • ヘッダーの中
    • ヘッダーの下

    どちらでしょうか?

    また、タイトルにある「ヘッダーとドロワーの間」という意味がわからなかったのですが、もしよろしければお教えください。

    0
    いいねをした人: 居ません
    #68355
    ryoma_aki
    閲覧者
    2

    ヘッダーの中ですね。
    ヘッダーロゴとドロワーメニューという意味です!
    宜しくお願い申し上げます!

    0
    いいねをした人: 居ません
    #68363
    Olein_jp
    参加者
    566

    理解しました。

    本件とは関係ありませんが、ロゴという言葉が指すものは認識が合っていますが、「ドロワー」とは「ハンバーガーメニュー(3本線のもの)」をタップすると通常左側から出てくるメニューのことを指します。ですので、「ドロワーメニュー」とはそのメニューを指し、「ドロワー」と言われているものは一般的に「ハンバーガーメニュー」と呼ばれます。ご参考までに。

    @ryoma_aki さんはPHPは書けますか?僕の認識では、かなり難しいカスタマイズになると思います。(僕ならやりたくないです)

    この箇所にどのような文章や画像を挿入されたいのかにもよりますが、スペース的にはかなり狭い部分ですので、本当にその対応がユーザーにとって最適なのか(画像・文字視認の観点より)検討が必要な気がします。

    掲載されたい内容情報がないので判断はできませんが、テンプレートの上書きになるかと思います。ただし、その場合ヘッダー構造のレイアウトをカスタマイザで変更されたら別のテンプレートが読み込まれる形になることもあるので、そういった自由度を制限することが利用者のためになるのか、トラブル発生の元にならないかも検討が必要でしょう。

    どのテンプレートを上書きするかは、利用しているヘッダーレイアウトにもよるので断定はできませんが、templates/layout/headerから利用しているテンプレートを探して、適所を上書きする形になると思います。

    ご確認をお願いいたします。

    2
    いいねをした人: 居ません
    #68369
    ryoma_aki
    閲覧者
    2

    なるほど。

    ご回答ありがとうございます。

    キタジマさんがPHPはあまりいじらない方が良いとおっしゃっていたと思うのですが、

    キタジマさんのご回答お伺いさせて頂いても宜しいでしょうか?

    0
    いいねをした人: 居ません
    #68391
    アバター画像キタジマ タカシ
    参加者
    2421

    えっと、この部分についてはテンプレートの上書きをせずにアクションフックで追加できます。

    add_action(
    	'snow_monkey_after_header_site_branding_column',
    	function() {
    		?>
    		あいうえお
    		<?php
    	}
    );

    PC/モバイルの区別なく要素は追加されるので、適当なマークアップを施して CSS を当てて調整する形になるかと思います。

    0
    いいねをした人: 居ません
    #68425
    ryoma_aki
    閲覧者
    2

    Olein_jpさん

    様々ご回答いただき、ありがとうございます😊

    キタジマさん、ありがとうございます😊

    無事に入りました✨

    1
    いいねをした人: 居ません
    #68426
    アバター画像キタジマ タカシ
    参加者
    2421

    解決できてよかったです。閉じます!

    0
    いいねをした人: 居ません
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • トピック「モバイルのヘッダーとドロワーの間に文章や画像を入れたい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。