こんにちは、パソコンワンポイントレッスン！PCインストラクターの川上です。
※この記事は、2017/8/22からのアメブロ常時SSL化によって、この機能は使えなくなっております。
こちらの記事をご覧くださいませ→『過去記事を素早く修正する透明ボタンがなくなった！』
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
川上先生は、けっこう過去の記事を修正されていますよね～
って言われます（笑）
あ、見られてますね(^^♪
やっぱり、誤字脱字や、文章のおっかしいところは修正しないと、ですから^^;
記事タイトルもあとから変えることもあります。
最初は、「ん？なんだろう？」という記事タイトルにしておいて、
後から、自分が検索しやすいようにキーワードの入ったタイトルにするとか^^;
というのも、記事増えて来たら、自分の記事でも探すの大変ですから（苦笑）
なので、そういう場合に備えて、私の場合は･･･
記事タイトルの右端に、すばやく修正する透明のボタン（透明のgifファイル）を配置しています。（だって、自分だけがわかればいいんですから～笑）
ココ（下図の赤枠）↓
試しに押してみたら、なんか変なのが出るはずです（苦笑）（無理に押さなくていいですからね^^;）
そう、他人が押してもなんら意味をなさないのですが、ご自分ので押すと、このように↓すぐに「記事の編集」画面が表示されて、修正することができるんです！
テーマを変更していくときにも便利です～！！
で、その方法なんですが･･･
すでに、私の過去記事で書いているんですが（笑）
再度、ここでコード書いておきますね。
フリープラグインにこちらのスクリプト（コード or ソース）↓を追加するとできます。
（フリープラグインですので、お間違えなく^^; フリースペースではありません！）
※事前準備として、フリープラグイン内でjQueryを使えるように設定しておいてくださいね^^
（過去記事もご参照くださいませ^^）
※フリープラグインの先頭に次のコードを入れておいてくださいませ。
<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery','1')</script>
新デザイン用
（最近始めた方はこちらになります。）
<script>
$(function(){
var img = 'http://stat.ameba.jp/user_images/20140418/14/sumitak1329/d8/db/g/o0020002012912411565.gif';
$(".skinArticleHeader").each(function(i, h){
$('h1', h).append('<a class="edit" href="http://blog.ameba.jp/ucs/entry/srventryupdateinput.do?id=' + $('.skinArticleTitle', h).attr('href').replace(/^.*entry\-(\d+)\.html.*$/, "$1") + '" target="_blank"><img src="' + img + '"></a>');
});
});
</script>
旧デザイン用
<script>
$(function(){$('#sub_main div.entry h3.title').each(function(i,e){
var id = $('a', e).attr('href').replace(/^.*entry\-(\d+)\.html.*$/, '$1');
var url = 'http://blog.ameba.jp/ucs/entry/srventryupdateinput.do?id=' + id;
var img = 'http://stat.ameba.jp/user_images/20140418/14/sumitak1329/d8/db/g/o0020002012912411565.gif';
$(e).append('<a class="edit" href="'+url+'"><img src="'+img+'" /></a>');
})});
</script>
あ、プラグインに設置後は、ご自分のブログで何度か更新（Windowsの方はF5キー、Macの方はcommand＋Rキー）してくださいね！！
＜ご参考まで＞
やっぱり、透明でなくて、動くメモメモマークがいい、って方は、こちらのコードになります↓
新デザイン用
（最近始めた方はこちらになります。）
<script>
$(function(){
var img = 'http://stat.ameba.jp/blog/ucs/img/char/char2/321.gif';
$(".skinArticleHeader").each(function(i, h){
$('h1', h).append('<a class="edit" href="http://blog.ameba.jp/ucs/entry/srventryupdateinput.do?id=' + $('.skinArticleTitle', h).attr('href').replace(/^.*entry\-(\d+)\.html.*$/, "$1") + '" target="_blank"><img src="' + img + '"></a>');
});
});
</script>
旧デザイン用
<script>
$(function(){$('#sub_main div.entry h3.title').each(function(i,e){
var id = $('a', e).attr('href').replace(/^.*entry\-(\d+)\.html.*$/, '$1');
var url = 'http://blog.ameba.jp/ucs/entry/srventryupdateinput.do?id=' + id;
var img = 'http://stat.ameba.jp/blog/ucs/img/char/char2/321.gif';
$(e).append('<a class="edit" href="'+url+'"><img src="'+img+'" /></a>');
})});
</script>
なお、スクリプト自体は松本さんのこちら↓の記事からいただいております。
【新】記事タイトル横に記事修正ボタンを設置する方法
いつもありがとうございます<m(__)m>
＜追記１＞
または、記事タイトルの先頭に記事編集用の記号（例えば、□とか）をつけておきたい場合は、こちらのコードをプラグインにコピペするとよいです↓↓↓
<script>
$(function(){
$('.skinArticleHeader a:first-child').each(function(){
var edit=$(this).attr('href');
$(this).before('<a href="http://blog.ameba.jp/ucs/entry/srventryupdateinput.do?id='+edit.substr(edit.length-16,11)+'"><b>□</b></a> ');
});
});
</script>
＜追記２＞
ただ、これら↑の方法ですと、記事タイトルに余計なものがあるのが邪魔で嫌だ、という方もいらっしゃいますし、プラグインの文字数がいっぱいいっぱいでもう入れられない、という方もいらっしゃいます。
そういった方は、松本さんのブックマークレットをお使いくださいませ↓↓↓
以上、記事修正ボタンの設置でした。
LIDS札幌・ライフデザインスクール
川上 雄大
