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

フォーラム

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

Twitterのアイコンを「X」にしたい

3 投稿
2 ユーザー
3 Likes
1,394 表示
orange-sys
(@orange-sys)
投稿: 9
メンバー
Topic starter
 

エンドユーザー様から、『Twitterのアイコンを「X」にしたい』という依頼がありました。

 

投稿ページのシェアボタンを以下の設定で使用しています。

・表示する位置「画面端に固定表示する

・シェアボタンのデザイン「ブロック」

・URLコピーボタン「小さく表示」

(SWELL公式サイトと同じなのでURLはSWELLのページにしています。)

 

① どうすれば変更できるでしょうか。

② SWELLの更新で対応していただけるならいつになるでしょうか。

 

①に関してはどのファイルのどの部分をどう変更したらいいか

ご教授いただけると大変助かります。

 

以上、ご回答よろしくお願いいたします。

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

Akismet Anti-Spam: Spam Protection (v.5.2)
All In One WP Security (v.5.2.4)
Better Delete Revision (v.1.6.1)
Intuitive Custom Post Order (v.3.1.4.1)
My WP Add-on Select User Roles (v.1.6.0)
My WP Customize Admin/Frontend (v.1.22.0)
PDF Embedder (v.4.6.4)
Safe SVG (v.2.2.0)
SEO SIMPLE PACK (v.3.2.0)
User Role Editor (v.4.64)
WPS Hide Login (v.1.9.8)
Yoast Duplicate Post (v.4.5)

 
投稿済 : 22/08/2023 11:31 am
山本大介
(@b4rskbe5)
投稿: 128
メンバー
 

Twitter (X) のロゴは、黒板文字と呼ばれる数学で良く使われる太字で Unicode に登録されているものと殆ど同じです。
具体的には、𝕏 (U+1D54F) です。

アイコンは疑似要素で文字として表示されているので手軽にやるなら CSS 上で文字コードで上書きすれば以下のように変更できます。

image

正確に対応するならブランドロゴをダウンロードして、ガイドラインに従った形で利用すればいいと思います。
その場合は今後のアップデートを考慮して疑似要素に画像を埋め込むようにしておけば良いです。アップデートで 𝕏 ロゴになったら上書きしたコードを削除すればいいです。

https://about.twitter.com/en/who-we-are/brand-toolkit

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 24/08/2023 9:55 am
かんた and luigip06 reacted
orange-sys
(@orange-sys)
投稿: 9
メンバー
Topic starter
 

@b4rskbe5 

山本大介様、ご返信いただきありがとうございます。

CSS上書きで変更できました。

詳しく教えていただきありがとうございました。

 
投稿済 : 25/08/2023 2:13 pm
山本大介 reacted
共有: