新スキンなら記事タイトルのパーマネントリンク(固定リンク)のカスタマイズで失敗する訳ない・・・ | 雷牙@448★のブログ

雷牙@448★のブログ

アメブロのカスタマイズなどのテストなどをおこなっています。

新スキンなら記事タイトルのパーマネントリンク(固定リンク)のカスタマイズで失敗する訳ない・・・

ブログシステムでは、記事タイトルがパーマネントリンクになっているものが多いです。
(というか、たいていはそうなってます。)

以前はアメブロではこれは、自分でカスタマイズしなければならなかったのですが新スキンではシステム側でちゃんと記事タイトルがパーマネントリンクになっています。

そして、通常は記事下にもあるブログが多くアメブロでもちゃんとこっちは前からありました。


あれ?

新スキンではなくなってしまいましたね(゜o゜;



さて、今回もお遊びついでにこれを新スキンにつけてしまうカスタマイズをしました。
(* ̄○ ̄)ア(* ̄о ̄)ホ・・・・・・((((_ _|||))))ドヨーン

jQueryを使いました。

すでにjQueryを使っているばあいは『$(document).ready(function(){』~『});』の間に下記のコードを加えれば、適用されると思います。

 var tmpArticleUrl = new Array();
$('.skinArticleHeader h1 a.skinArticleTitle').each(function(i){
tmpArticleUrl[i] = $(this).attr("href");
});
$('div.articleLinkArea').each(function(i){
$(this).prepend('<a href="' + tmpArticleUrl[i] + '">記事URL</a>');
});


このブログでは、他の処理とかかましてるので即席で上記コードを書きましたので実際の稼動テストはまだしていません。
(うまくいかなかった場合はお知らせいただければ幸いです。)

良くわからない場合は、下記のコードをフリープラグインに入れてみてください。
(jQueryのreadyメソッドはかなり便利で他のコードとぶつかる事はほとんどないです・・・私が今まで試したものではですけど・・・)

<script type="text/javascript">
$(document).ready(function(){
var tmpArticleUrl = new Array();
$('.skinArticleHeader h1 a.skinArticleTitle').each(function(i){
tmpArticleUrl[i] = $(this).attr("href");
});
$('div.articleLinkArea').each(function(i){
$(this).prepend('<a href="' + tmpArticleUrl[i] + '">記事URL</a>');
});
});
</script>


新スキンで、まだjQueryを使ってなくてこれが初めての場合は下記のコードをフリープラグインの先頭に加えてください。
(jQueryを使うスクリプトを新スキンで使う場合は先頭で読み込む必要があります。)

追記:2011-08-20
システム側の読み込むjQueryに上書きされてしまうので、せっかくGoogle AJAX APIを利用して新しいバージョンのライブラリーを読み込んでも意味をなさなくなります。
(それを気にしなければ問題ないですけど、コードを修正します。)
これは、下記の記事を拝見して考慮しました。

新しいバージョンのjQueryが使えない?新デザイン『CSS編集用デザイン』

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
<script type="text/javascript">(myTmp=jQuery)(document).ready(function(){$=jQuery=myTmp;});</script>