フッターのみに画像(ロゴ)を挿入する方法

0
いいねをした人: 居ません
  • このトピックには6件の返信、2人の参加者があり、最後にmiyukiにより2年、 4ヶ月前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #107196
    miyuki
    閲覧者
    16

    【お使いの Snow Monkey のバージョン】 16.5.2
    【お使いの Snow Monkey Blocks のバージョン】 15.0.6|
    【お使いの Snow Monkey Editor のバージョン】 7.0.1
    【お使いのブラウザ】Google Chrome

    ### 実現したいこと

    フッターのみにロゴを挿入したい

    ### 発生している問題

    ヘッダーにはロゴは入れず、フッターのキャッチコピーの下にロゴ(JA全中)を入れたいです。

    なので、通常の、カスタマイズ→サイト基本情報の部分にロゴを挿入できません。

     

    ### 試したこと

    ①外観→ウィジェット、のフッターの部分に画像としてロゴをいれてみましたが、画像のように左端に寄ってしまい、背景色の設定がわかりませんでした。

    ②固定ページから、セクション→画像導入し、背景をフッターと同色にしてみましたが、画像のように少し隙間ができてしまいました。(そもそも、この方法だと、キャッチコピーとロゴが逆になってしまうので、そこは要確認です。)

     

    以上です。お忙しいところ恐縮ですが、よろしくお願い致します。

     

    2
    いいねをした人:
    #107232
    アバター画像キタジマ タカシ
    参加者
    2421

    Snow Monkey の設定では実現できないのでフックを使う形になるかなと思います。下記のような感じでフッターの閉じタグの手前に任意の HTML を追加できます。

    add_action(
    	'snow_monkey_append_footer',
    	function() {
    		?>
    		<div class="foo">ここに画像</div>
    		<?php
    	}
    );
    0
    いいねをした人: 居ません
    #107285
    miyuki
    閲覧者
    16

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

    初歩的質問でもうしわけございません。

    今までブロックエディタでの制作のみだったので、HTMLやCSSでの操作方法に戸惑っております。

     

    フッターの閉じタグの手前に任意の HTML を追加できます

    とありますが、フッターの閉じタグはどこで開くことができるのでしょうか。

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

    あ、コードは 子テーマが My Snow Monkey プラグインに記述してサーバーにアップロードすると反映されます。

    コードにミスがあるとサイトが表示されなくなる場合があるので注意してください。

    0
    いいねをした人: 居ません
    #107288
    miyuki
    閲覧者
    16

    追加で失礼いたします。
    イメージとしては、

    @〇〇〇〇〇〇〇〇〇
    協賛 ここに画像

    これを、フッターのセンターにもっていきたいのですが、
    フッターのキャッチコピーの下に文字やロゴを入れたいです。

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

    繰り返しになりますが、Snow Monkey の設定では実現できないのでフックを使う形になるかなと思います。

    前述したコードを追加してみて、コピーライトの下に、記述した HTML が表示されるか確認してみてください。

    0
    いいねをした人: 居ません
    #107582
    miyuki
    閲覧者
    16

    いつもお世話になっております。

    ありがとうございます。

    無事できました。

    大変ありがとうございました!

    1
    いいねをした人:
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「フッターのみに画像(ロゴ)を挿入する方法」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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