外部リンクのアイコンについて

PR 2015/6/15

このトピックには4件の返信、2人の参加者があり、最後にskymaruにより10年、 12ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2015年6月11日 11:31 AM #27640
  
  skymaru
  ゲスト
  
  simplicityのテーマを活用させて頂いております。
  さて、簡単な質問ですいません。
  外部リンクを貼った時に本サイトのような後ろにアイコン画像を出すにはどのようにしたらよいでしょうか？
  
  <p>外部リンクほげほげ</p>
  どうしたらよいでしょうか？
- 2015年6月11日 11:35 AM #27641
  
  hidekichi
  ゲスト
  
  100%完璧かと言われると自信はないですが、だいたいこんな感じと言うのを以前うちのサイトで書いておきましたので、宣伝も兼ねて（笑）
  基本jQueryでやってますけれども、
  
  参考: Simplicityの記事内のリンクに飾りを付ける (主にセレクタについて
  
  CSSで選ぶ方法も書いてます。
- 2015年6月11日 11:42 AM #27642
  hidekichi
  ゲスト
  ちなみにさっきのレスまんまでやると画像も何かしらいらんもんがつくと思うので、そこらも考慮する必要があります。
  うちでは画像はたいてい右寄せしているので、
```
(function($){
  $(function(){
    var noUseSelector = "#sns-group li>a, .blog-card a, #the-content .alignright a";
    $('.article a[target="_blank"]').not(noUseSelector).append("<i class='fa fa-external-link-square' style='margin-left:2px;'></i>");
  });
})(jQuery);
```
  こんなふうにしてます。
- 2015年6月11日 5:13 PM #27653
  
  わいひら
  キーマスター
  
  このサイトは、Link Indicationというプラグインを使用しています。
- 2015年6月15日 2:40 PM #27839
  
  skymaru
  ゲスト
  
  無事、プラグイン設置で同じようにできました。
  ありがとうございます。
投稿者

投稿

4件の返信スレッドを表示中

トピック「外部リンクのアイコンについて」には新しい返信をつけることはできません。