知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

記事のタイトルの文字列にリンクを貼る方法を教えて下さい。

文字列にリンク貼る方法はドラッグしてリンクボタンを押して、リンクしたい先のサイトを入力すればいいんですが、

記事のタイトルに同様の事するとリンクを貼ることが出来ず

飛ばしたいサイトのアドレスがそのまま表示されます。

どうすればいいのでしょうか?


<a href="リンク先アドレス">文字列</a>

2006-08-09 22:53の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2006-08-10 03:05:57みんなナイスな
<div class="titlebody"><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3></div>
の部分を
<div class="titlebody"><h3 class="title"><a href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3></div>
自信度 : 自信なし

3.

2006-08-10 10:37:46みんなナイスな
回答自体は、やわらか最中さんの回答で正解です。
HTML を直接カスタマイズしなければならない事を理解して下さい。

トップページ、カテゴリー別アーカイブ、月別アーカイブのHTMLテンプレートをそれぞれ編集し、その後CSSに新たなスタイルを追記します。

各HTMLページ(個別記事のページは当然除きます)の
<$ArticleTitle ESCAPE$> の部分を、

<a href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a>

のように変更します。これだけで個別記事に飛べるようにはなるのですが、このままではタイトルに追加で貼られたリンクタグ( <a> タグ )へのスタイル指定がなされていないので、見栄えが悪くなります。

そこで、CSS(スタイルシート)にそのリンクタグに対しての新たなスタイルを追記することで、この現象を解消します。下記に記載してある例題の方法を参考に、それぞれの設置をおこなって下さい。

例:それぞれのHTMLテンプレートの変更点

<h3 class="title"><a href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3>

※ これと同じものを、それぞれのHTMLページに記述して下さい。(個別記事のページは設定しなくても良いですよ・・・どちらでも良いですけど^^; )

例:スタイルシート(CSS)に、以下の指定を追記します。

.title a{}
.title a:link{color:#FFFFFF; text-decoration:none;}
.title a:visited{color:#FFFFFF; text-decoration:none;}
.title a:active{color:#FFFFFF; text-decoration:none;}
.title a:hover{color:#FC4128; text-decoration:none;}

※ 上記スタイル指定のフォントのカラーや下線などの設定は、自分の好みの設定に変更してください。すべての設定が終わったあと、全て再構築が必要となります。
回答レベル : 回答
Ads By Google

コメント(5)

#1.  kozzy110
2006-08-10 03:04:11

やったことないなあ。
できるのかな?

#2.  AQ
2006-08-11 17:12:21

>mizunoさん
ナイスありがとうございました。
できれば、回答者への回答に対してのなんらかのレスを
返してあげて下さい。一生懸命答えている回答者は、
それだけで喜びますので。

#3.  
2006-08-11 19:50:17

>AQさん、やわらか最中さん、
回答ありがとうございます。
頑張ってやってみます。

#4.  AQ
2006-08-11 20:04:29

類似の新しい質問は、削除なさったのですね?
時間を設けて、もう一度質問の意味を考えようと
思っていたのですが ・・・。

この質問に対する回答も、mizuno さんの
求めているものではなかったんですね。
申し訳なかったです。

2007-08-13 10:45:40

出来た出来た!バッチリだ

トラックバック(3)

トラックバックURL:

タイトルに個別ページへのリンク

Pet Lovers Only♪の毎日出している記事のタイトルにカーソルを持っていくと、個別記事にリンクが張られている事にお気づきでしょうか? 『 各投稿記事のタイトルをクリックすると、個別記事にジャンプするなり~ 』でございます (^^)

Pet Lovers Only♪ at 2006年08月10日 10:16:52