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

フォーラム

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

[解決済] テキストリンクの色を変更した際、アンダーラインに色が反映されない

7 投稿
2 ユーザー
0 Likes
2,357 表示
His-
 His-
(@his)
投稿: 64
メンバー
Topic starter
 

お世話になります。

テキストリンクの色を変更した際、アンダーラインに色が反映されません。

以前はアンダーラインもテキストと同じ色になっていたのですが、リビジョンを見てみるとテキストカラーはspanタグからmarkタグに変更されていたようで、こちらの影響でしょうか?

お手数ですが、ご確認いただけると幸いです。

スクリーンショット 2022 08 26 6.11.23

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.8.2
利用中のPHPバージョン
7.4.28
OS
macOS
利用中のWordPressバージョン
6.0.1
利用中のサーバー会社
エックスサーバー
ブラウザ
safari
利用中のプラグイン一覧

Akismet Anti-Spam (v.5.0)
Broken Link Checker (v.1.11.18)
Google XML Sitemaps (v.4.1.5)
Media File Renamer (v.5.4.4)
Pochipp (v.1.8.1)
PS Auto Sitemap (v.1.1.9)
SEO SIMPLE PACK (v.2.5.1)
TinyPNG - JPEG, PNG & WebP image compression (v.3.4)
Widget Logic (v.5.10.4)
WPForms Lite (v.1.7.6)
WP Multibyte Patch (v.2.9)
WP Revisions Control (v.1.4.3)
Yoast Duplicate Post (v.4.5)

お問い合わせ先▶︎https://blog-mi.com/contact/

 
投稿済 : 26/08/2022 6:38 am
His-
 His-
(@his)
投稿: 64
メンバー
Topic starter
 

【追記】

失礼しました。

  • コアのハイライトでテキストカラー変更→ mark
  • SWELL装飾でテキストカラー変更→ span

のようですね。

どちらに変更しても変わらずでした。

お問い合わせ先▶︎https://blog-mi.com/contact/

 
投稿済 : 26/08/2022 7:34 pm
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

フォーマットの適用順を変更してみてください。

リンク化→カラー適用の順と、カラー適用→リンク化 で結果が変わる気がします。

SWELL開発者です。

 
投稿済 : 28/08/2022 11:20 am
His-
 His-
(@his)
投稿: 64
メンバー
Topic starter
 

@loos_ryo 

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

●リンク化→カラー適用

<a リンクカラー>
 <span テキストカラー>テキスト</span>
</a>

となり、下線はリンクカラー、テキストは任意の色となります。

(今回の状態)

 

●カラー適用→リンク化

<span テキストカラー>
 <a リンクカラー>テキスト</a>
</span>

となり、テキストはリンクカラーに上書きされ、任意のテキストカラーは適用されません。

 

10件しかリビジョンをとっていないため、試行錯誤しているうちに当時のコードが消えてしまいましたが、

まだリビジョンが残っている時に当時の状態に戻してもなぜか復元出来ませんでした。

お問い合わせ先▶︎https://blog-mi.com/contact/

 
投稿済 : 30/08/2022 7:51 am
His-
 His-
(@his)
投稿: 64
メンバー
Topic starter
 

@loos_ryo 

お世話になります。

リンク化→カラー適用で

a .swl-inline-color {
 text-decoration: underline;
}

とすることでアンダーラインも同色に変更することができました。

ただの一例ですが…アンダーライン有りの場合は、こちらデフォルトで実装していただくことは可能でしょうか。

お忙しいとは思いますが、よろしくお願いいたします。

 

お問い合わせ先▶︎https://blog-mi.com/contact/

 
投稿済 : 12/11/2022 1:21 pm
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

2.7.1で、SWELLのインラインカラーの中にあるリンクは指定カラーに追従するように調整してみました!

SWELL開発者です。

 
投稿済 : 24/11/2022 10:37 am
His-
 His-
(@his)
投稿: 64
メンバー
Topic starter
 

@loos_ryo 

ありがとうございます。

無事、リンクに指定のカラーが適用されるようになりました!

後からカラー適用した場合はアンダーラインはそのままになってしまいますが、リンクの「新しいタブで開く」を2回クリックすることで順番を上書きできることが分かりましたのでこちらの方法で対応したいと思います。

いつもSWELLの素晴らしい機能と使いやすさに感謝しております。

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

お問い合わせ先▶︎https://blog-mi.com/contact/

 
投稿済 : 24/11/2022 4:55 pm
共有: