Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
下部固定フッターについて
 
通知
すべてクリア

[解決済] 下部固定フッターについて

10 投稿
4 ユーザー
0 Likes
680 表示
fuumi
(@fuumi)
投稿: 14
メンバー
Topic starter
 

下部固定フッターについて質問です。

下部固定フッターに、メニューなどではなく、リンクサイトへ誘導するためのボタンリンクを設定したいと思い、カスタムリンクにURLを入れ設定したのですが、表示されませんでした。

SWELLに備わっている下部固定フッターでは、文章が長いものは設定できないのでしょうか。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, WordPress更新後、SWELLは最新版にしましたか?
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.0.1
利用中のWordPressバージョン
5.9.3
利用中のプラグイン一覧

BackWPup
Blocks Animation: CSS Animations for Gutenberg Blocks
Really Simple SSL
SEO SIMPLE PACK
TypeSquare Webfonts for エックスサーバー
Wordfence Security
WP Multibyte Patch
WP Revisions Control

 
投稿済 : 14/04/2022 9:46 pm
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 
  • どういうものを想定していて
  • どのような作業をして
  • どうなってしまったのか

をもう少し具体的に教えていただければと思います。

SWELL開発者です。

 
投稿済 : 14/04/2022 10:21 pm
fuumi
(@fuumi)
投稿: 14
メンバー
Topic starter
 

@loos_ryo

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

「お申し込み・詳細はこちら」というボタンを下部に設置して、お申し込みにつなげたいと考えています。

ヘッダーなどと同じように、外観→メニューで固定フッター(SP)にチェックを付け、カスタムリンクを入力して、「お申し込み・詳細はこちら」と入力しましたが、反映されていませんでした。

 
投稿済 : 14/04/2022 11:23 pm
しらこ
(@96ssbike)
投稿: 837
メンバー
 

固定フッターメニューについては、マニュアルどおりの設定内容で合っていますでしょうか?

今一度、ご点検ください。

https://swell-theme.com/function/1974/

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 14/04/2022 11:42 pm
fuumi
(@fuumi)
投稿: 14
メンバー
Topic starter
 

 

F888F650 379F 45ED 82A1 C18E954A1B48

 

@96ssbike

こちらのページも確認しながら設定したのですが、下部固定フッターはメニューしか表示できないのでしょうか?

出来れば写真のように下に固定して文章だけのボタンを設置したいのですが💦

 
投稿済 : 15/04/2022 8:38 am
かんた
(@swell_mania)
投稿: 603
Https://webrent.xsrv.jp/
 

デベロッパーツールで見る限り、#fix_bottom_menuに本来適用されるCSSが効いていないようです。

■標準のコード

[data-scrolled=true] #fix_bottom_menu {
    bottom: 0;
}

@media (max-width: 959px){
#fix_bottom_menu {
    display: block;
    padding-bottom: calc(env(safe-area-inset-bottom)*.5);
}
}

■対象サイトのコード

#fix_bottom_menu {
    bottom: -60px;
    display: none;
    left: 0;
    position: fixed;
}

CSSに影響を与えるカスタマイズ部分を、いったん削除することをおすすめします。

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 15/04/2022 9:38 am
fuumi
(@fuumi)
投稿: 14
メンバー
Topic starter
 

@swell_mania

検証してくださってありがとうございます!

確認したのですが、そういったCSSを書いていなかったので、なんでかはちょっとわからないのですが💦

しらこ様が教えてくださったcssを追加したら表示できるようになりました!

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

 
投稿済 : 15/04/2022 9:27 pm
しらこ
(@96ssbike)
投稿: 837
メンバー
 

@fuumi 私じゃなくて、教えてくれたのは「かんた」さんです。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 15/04/2022 10:25 pm
fuumi
(@fuumi)
投稿: 14
メンバー
Topic starter
 

@96ssbike 様 @swell_mania様

大変失礼いたしました。

かんた様この度はありがとうございました!

 
投稿済 : 15/04/2022 11:58 pm
かんた
(@swell_mania)
投稿: 603
Https://webrent.xsrv.jp/
 

@fuumi 

問題が解決したようであれば「解決済」をクリックし、トピックをクローズしましょう!

resolved

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 16/04/2022 11:03 am
共有: