Q&A
「ユーザープロフィールに、aタグを手書きしてテキストリンクを３か所設置」とは何かのプラグインを利用しているのでしょうか。
現象を再現するための手順を質問文へ記載してください。
WordPressでWebマガジンを管理しており、
「ユーザープロフィール」で、Webマガジンの著者のプロフィールをサイトに表示させています。
プロフィールの文章中に、aタグを手書きしてテキストリンクを３か所設置したのですが、
**２か所はきちんとブラウザで表示される（以下画像内青字部分）**のに、
１か所だけaタグで囲んだテキストが表示されず、ブラウザ上では「…」と表示されてしまいます。（以下画像内赤枠部分）
ソースでは設定したaタグがきちんと反映されていますが、
開発者ツールで確認すると、aタグ内が色々と書き換えられていました。
実際のソースコード
<a href="https://twitter.com/test">Twitterはこちら</a>
開発者ツールで確認されるソースコード
<a href="https://twitter.<span class=" truncate_ellipsis"="">...<span class="truncate_more" style="display: none;">com/test">Twitterはこちら</span></a>
ちなみに、URLをTwitterではないものに変更しても事象は変わりません。
どうしたら、ソースコード通りにブラウザ上で表示させられるでしょうか？
補足：すでに試したが、効果がなかったこと
以下URLのようなPHPへの追記はやってみましたが、ダメでした…
WordPressで自動生成されるタグを制御する方法
wordpressの自動変換が悪さしているような・・・
https://on-ze.com/archives/2967
＞tohkai様
ご指摘、ありがとうございます。プラグインの利用などではなく、文章中にテキストリンクを設定しただけです。分かりづらいかと思い、イメージ画像を置いてみましたが、いかがでしょうか？
...になっているところだけ行末？らしい？ので？改行コードのせいでwordpressの自動変換さんがあほな動作してる・・・とか？
＞azuapricot様
コメントありがとうございます！
いただいたサイトを読み、「自動変換を無効化する方法」をfunction.phpに設定してみましたが、変わりませんでした…。また、問題の箇所は行末ではなく、たまたまブラウザで見た時に折り返しているだけですので、改行コードではなさそうです…。
コードが化けるリンク・化けないリンクでURLに何か共通点はありますか？
たとえば「TwitterのURLだけ化ける」等です。
aoyukinさん
「プラグインの利用などではなく」ということは、既存のフォームである管理画面>あなたのプロフィール>「ユーザー情報」の欄に書いているということでしょうか。問題が起きている入力欄の位置を具体的に教えていただけますか。
＞Sohaya様
コメントありがとうございます。特に、URLに共通点はありません。化けている場所のURLを、Twitterではなく、例えばAmazonにしても化けてしまいます。
＞tohkai様
『既存のフォームである管理画面>ユーザー一覧>「ユーザーについて」＞「プロフィール情報」』
に書いています。
↑この内容で、回答になっているでしょうか？
aoyukinさん
はい、ありがとうございます。
それから、現象が再現するテキストもそのまま文章に追記すると、回答者が現象を確認しやすくなるかもしれませんのでおすすめします。
＞tohkai様
「現象が再現するテキストもそのまま文章に追記する」とはどのようなことでしょうか？
具体的な著者名や、著者プロフィールは今ここで出すことはできず、「テキスト」という文字列に置き換えて質問しているのですが…そういうことではないですか？
「たまたまブラウザで見た時に折り返しているだけですので、改行コードではなさそうです…。」
ブラウザで見たときにそこだけ折り返しているのならその折り返しに原因があるのではないですか？
他のテキストも試しにブラウザが折り返すような位置にまで文字を追加してみたらどうなりますか？
＞azuapricot様
「他のテキストも試しにブラウザが折り返すような位置にまで文字を追加してみたらどうなりますか？」
↓
追加してみましたが、状況は変わりませんでした。
> aoyukinさん
「プロフィール情報」欄の「化ける行」と「化けない行」とで
「1行あたりの文字数」に何か特徴（化けるほうが多い等）はありますか。
1行が任意の文字数を超えると省略されて「...」になるのかなと推測したのですが
「化ける行」と「化けない行」それぞれで
HTMLコードの文字数の違いと
HTMLタグを含まないブラウザ上の文字数の違いを
確認してみていただけますか。
状況変わらずということは、他２つのの<a>タグは折り返していても問題なくリンクになっているということですか？
＞Sohaya様
数えたところ、化ける行の方が化けない行より１文字多かったです。怪しいですね、ちょっと調整してみますが、結果報告できるのが明日になってしまいそうです。取り急ぎ、ありがとうございます！
＞azuapricot様
言葉足らずで申し訳ございません。他の<a>タグは、折り返しても問題なくリンクされました。
aoyukinさん
ダミー文章でかまいません。今は画像を貼り付けているだけなので、現象が再現するテキスト全体を質問文へコピペして書いておくことをおすすめしただけです。（編集:誤字訂正）
回答1件
0
ベストアンサー
<a href="https://twitter.<span class=" truncate_ellipsis"="">...<span class="truncate_more" style="display: none;">com/test">Twitterはこちら</span></a>
という結果になってるとの事でtruncate_ellipsisで検索してみたらjQueryプラグインのjTruncateなるものに辿り着きました。
開閉式Read Moreが使えるそうですが、truncate_moreとも書かれているので間違いないかと思われます。
多分、テーマを別のものに変えれば現象は治まるかと思います。
それ以外の解決策は当該ページでjTruncateを使用しないようにする、又は完全に廃止する等でしょうか。
投稿2019/01/28 13:24
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
