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

フォーラム

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

ウィジットの検索ウィンドウカスタマイズ

2 投稿
2 ユーザー
0 Likes
240 表示
MSG
 MSG
(@msg)
投稿: 3
メンバー
Topic starter
 

お世話になります。

ウィジットにデフォルトで登録されている検索ウィンドウをカスタマイズしたいのですが
左右を丸めて、ウィンドウ内右に虫眼鏡アイコンがある形にしたいです。
虫眼鏡はFont Awesomeを使えば良いと思います。
(CocoonでCSSカスタマイズ経験あり)
サンプルコードなどありましたらお願いいたします。
(Dev Consoleで少し確認済み)

どうぞよろしくお願いいたします。

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

Contact Form 7
Google Sitemap XML
SiteGuard WP Plugin
TinyPNG - JPEG, PNG & WebP image compression

 
投稿済 : 08/04/2023 6:40 pm
skillsharejp
(@skillsharejp)
投稿: 987
SWELL高速化顧問
 

WPのフォーラム類似質問を探すか、ググれば何かしら事例やヒントが見つかると思います。SWELLでは提供していない機能なので、基本的にWPとしての事例を探すという形になりますね。

ご質問内容程度であればChatGPTでもスタイルを提案されるかもしれません。

ただFont Awesomeを使うということは、その分サイトを遅くするということなのでデザインとパフォーマンス、上手にバランス取ってください。

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

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 08/04/2023 8:23 pm
共有: