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

フォーラム

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

[解決済] swellとbootstrap5の関係等について

7 投稿
4 ユーザー
0 Likes
941 表示
gontarobee
(@gontarobee)
投稿: 3
メンバー
Topic starter
 

お世話になっております。

昨日swellを購入し、早速使わせていただいております。

トップページの内容を別のPHPファイルで作成し、

functions.phpに関数を書いて、

固定ページにショートコードで読み込んでいます。

cssはbootstrap5をCDNで読み込んで使用しています。

また、vue.jsも少しだけ使用しています。

これで、ほとんどは問題なく動いていますが、

bootstrap5のモーダルだけがうまく作動しません。

一応モーダルは稼働まではするのですが、

肝心の画面がアクティブになりません。

2022 03 08 23h34 53

 プラグインも無効化しましたが、変化なしでした。

先日までは、DigiPressさんのfrescoを使用していましたが、

問題なく動いていました。

bootstrapとの相性が良くないのでしょうか。

解決策などご教授いただけますと助かります。

もう一つ、

SEO SIMPLE PACK

を有効化すると、ショートコードによるPHPファイルを呼び込まないという問題も発生しました。

これは無効化することで、復旧しました。

ご教示よろしくお願い致します。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.9.1
利用中のPHPバージョン
PHP7.4.25
OS
MacOS,windows10,Androidなど
利用中のWordPressバージョン
5.9.1
利用中のサーバー会社
Xサーバー
ブラウザ
chrome
利用中のプラグイン一覧

DigiPress Ex - Shortcodes
PHP Code Widget
Post Type Switcher
Smush

 
投稿済 : 08/03/2022 11:55 pm
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

SWELLでは、bootstrapのことは何も考慮していません。bootstrapを使用するならbootstrap対応のものをご利用いただくのが良いかと思います。

投稿者:: @gontarobee

SEO SIMPLE PACK

を有効化すると、ショートコードによるPHPファイルを呼び込まないという問題も発生しました。

こちらは別トピックで詳しく教えていただければと思います。

SWELL開発者です。

 
投稿済 : 09/03/2022 10:39 am
skillsharejp
(@skillsharejp)
投稿: 1136
SWELL高速化顧問
 

ふと思ったのですがこの手のテーマを超えるカスタマイズはある程度形の整ったSWELLよりも、姉妹プロダクトでウェブ制作向けであるArkheを使った方がまだ柔軟性はあるのかな?

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/

 
投稿済 : 09/03/2022 3:25 pm
gontarobee
(@gontarobee)
投稿: 3
メンバー
Topic starter
 

@loos_ryo 

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

もう購入してしまいましたので、なんとかしたいなとは思います。

 
投稿済 : 10/03/2022 11:47 am
gontarobee
(@gontarobee)
投稿: 3
メンバー
Topic starter
 

@skillsharejp 

情報ありがとうございます。

Arkhe使用してみました。

症状は同じでした 😥 

 
投稿済 : 10/03/2022 11:48 am
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

そもそもBootstrapって一からサイトを組んだり、WordPressであればテーマを自作する時とか、基礎の部分で使用するものだと思うので、既存テーマに追加で組み込んでしまうとCSSのバッティングが起こるのは普通のことかと思います。(テーマ側のベースにBootstrapが使われたり、あらかじめ考慮された設計になっているものでない限り)

表示が崩れる場所はその都度ご自身で調節していただくしかないかと思います。

This post was modified 3年前 by

SWELL開発者です。

 
投稿済 : 10/03/2022 11:52 am
しらこ
(@96ssbike)
投稿: 913
メンバー
 

元のテーマfrescoのページを見てみましたが、商品ページに「Bootstrapに切り替えも可」とあったので、おそらく対応しているんでしょう。したがって、SWELLやArkheに変更してギャップが生じるのは普通のことになりますね(特に対応しているとも謳っていません)。

https://digipress.info/themes/dp-fresco/

あとは、了さんがおっしゃってる内容になります。

モーダルがどうしても必要であれば、別の方法で対応を検討されてみればいかがかと思います。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 10/03/2022 2:08 pm
共有: