2

そのリンクの後にリンクのドメイン名を自動的に挿入する方法はありますか? これを見たい：

A link to youtube video [youtube.com]

HTML と CSS のみを使用したいのですが、それは不可能だと思います。アイデアはこのコードを使用していました：

  a:after {
    content: " [" attr(href) "]";
  }

しかし、もちろんそれは URL 全体を表示します:

A link to youtube video [https://www.youtube.com/watch?v=asdfghi00]

そして、それは長すぎて不必要だと思います。私はWordpressを使用しています（おそらくこれを行うためのプラグインがあり、私はそれを見たことがないだけです）。jQuery とリンクしているので、jquery スクリプトはおそらく受け入れられます。または、PHP を使用して Wordpress にハックすることもできます。

どのソリューションが最善だと思いますか? PHPまたはJavascript？jQuery を使用するメリットはありますか (とにかくロードされます)。可能であれば、このスニペットを書いていただけませんか? ありがとう。

4

3 に答える 3

2

リンクに別の属性を設定する余裕がある場合は、それを行うことができます。

これが例です

data-マークアップに、次の属性を追加します。

<a href="youtube.com/foo" data-href-domain="youtube.com">a link to youtube video</a>

そして、あなたが試したように生成されたコンテンツを使用してそれを参照してください：

a:after {
 content: " [" attr(data-href-domain) "]";
}
于 2013-01-23T20:47:55.443 に答える
0

考えてみると、考えられる解決策の 1 つは、カスタム ショートコードを作成することです (プラグインShortcoderなどを使用して)。これにより、従来のリンクとアドレスが表示されたリンクの両方を非常に快適に作成できます。次のようなショートコーダーの構文を使用します。

<a href="http%%s%%://%%domain%%/%%link%%">%%text%%</a> [%%domain%%]

それを使用すると、次のようにLorem Ipsum [sc:extlink s="s" domain="youtube.com" link="watch?v=asd" text="link" ] Dolor Dot.変換されます。

<p>Lorem Ipsum <!-- Start Shortcoder content --><a href="https://youtube.com/watch?v=asd">link</a> [youtube.com]<!-- End Shortcoder content --> Dolor Dot.</p>

また

<a class="with-note" href="http%%s%%://%%domain%%/%%link-tail%%" data-href-domain="%%domain%%">%%text%%</a>

後者では、CSS を Alessandroが提案した方法で使用します。しかし、それでも、おそらくあるべきほど素晴らしく快適ではありません。誰もより良いものを手に入れることができない場合の単なるオプションです。

于 2013-01-23T22:10:45.583 に答える