4月
22

[WordPress]過去記事を編集できるブックマークレット『Edit WP Post』を使ってみました!

Every Morning
Every Morning Photo by Helga Weber

こっそり追記しようと思ったけど

昨日のエントリに追記しようと思ったのですが、やめて新しい記事として書く事にw

AppHtmlとShareHtmlのカスタマイズをしてみました!
http://masayo.info/wp/2013/04/21/apphtml-sharehtml.html


iPhoneからできるか心配だけど、
昨日シェアした、マルボロさんの過去記事の編集ができるブックマークレットを使ってみまする。
私のパーマリンクは、数字じゃないので、ソースを表示して調べなくてはなりませんでした…

[WordPress]過去に投稿した古い記事を簡単に呼び出すためのブックマークレット | 代助のブログ

過去の投稿であっても内容をアップデートするために追記することがあります。新規投稿や最近投稿した記事の修正はデスクトップ環境ならMarsEdit、モバイル環境ならするぷろ for iOSやWordPre …

自分のpost idを調べる

私の場合は、パーマリンクで投稿日と記事のタイトルを設定しています。
これについては、数字だとすぐ分かるのですが、ちょっと調べるのが面倒です。
自分のサイトのソースを表示すると分かります。

昨日の記事は、「2477」でした。

IMG_8519
IMG_8519 Photo by mayo1950

iPhoneのSafariからブックマークレットをタップして

IMG_8520
IMG_8520 Photo by mayo1950

post IDの数字を入力すると、

IMG_8522
IMG_8522 Photo by mayo1950

Safari上でWordPressのログイン画面がでます。

IMG_8523
IMG_8523 Photo by mayo1950

次に記事編集画面がでますので、これを編集すればいいわけです。

IMG_8524
IMG_8524 Photo by mayo1950

IMG_8525
IMG_8525 Photo by mayo1950

編集した後には、プレビューも見れます。
ちょっとタグが上手くいかなかったので、更新しないで編集したままにして、
家に帰ってから見たらリビジョンにちゃんと保存されていました。

IMG_8526
IMG_8526 Photo by mayo1950

オマケ

これを追加しようと思ったわけです。
でも、タグを表示するプラグインのタグが分からずやめちゃった。ややこしい(^_^;

AppHtmlカスタマイズは、これを「AppHtml」メーカーのカスタマイズできる箇所に貼り付けました。
リンクシェアidはご自分のを入力してください。
その後ブックマークレットを生成します。

<div style="background-color:whitesmoke;margin:10px 10px 10px 10px;padding:17px 10px 12px 10px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;min-height:100px;"><a href="${linkshareurl}" target="_blank" rel="nofollow"><img width="100" class="alignleft" align="left" src="${icon100url}" style="border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;box-shadow: 1px 4px 6px 1px #999999;-moz-box-shadow: 1px 4px 6px 1px #999999;-webkit-box-shadow: 1px 4px 6px 1px #999999;margin: -5px 15px 1px 5px;"></a><a href="${linkshareurl}" target="_blank" rel="nofollow"> <strong> ${appname}</strong></a><br> 価格: ${price}<br>カテゴリ: ${category}<br>${univ}<br><a href="${linkshareurl}" target="_blank" rel="nofollow">App Storeで詳細をCheck!</a><br style="clear: both;"></div>

ShareHtmlのカスタマイズは、こちらです。「ShareHtml」メーカーを使います。
書式は中アイコン、左サムネイルを選んでいます。
バックグラウンドの表記は、これでいいか不安です。
シェア毎に、びーあーるタグ入れないと、背景が全部繋がってしまうからです^^;

<div style="color:black;background:whitesmoke;padding:15px;"><a href=${posturl} target=_blank style=color:darkblue;><img align=left src=http://capture.heartrails.com/200x130/border/shadow/bg=eeeeee?${posturl} width=200 height=130>${posttitle}</a><a href=http://b.hatena.ne.jp/entry/${posturl} target=_blank><img src=http://b.hatena.ne.jp/entry/image/${posturl}></a><br>${postselect}<br style=clear:both;></div>

プラグイン入れているけど、カッコで囲むタグがよくわからないあほまるだしです。
HtmlとかphpとかPreとかorz…
なのでテキストにあるcodeを使ってみました。うまく表示されるといいけど(^_^;
で、公開してみたらやっぱりだめでした(>_<) カラーは、ご自分の好みの色に変えて使えます。よかったらどうぞ。 公開することで、間違った表記がわかるといいと思いましたです。 最近では使わないものが、あるようです? 何かここが違うというのがあれば、教えて頂けると大変うれしいです!

病院の長い待ち時間に書いてみますた。ではでは。。

【こちらの関連記事もご覧ください】


記事をお読み頂き、ありがとうございます!

記事の内容を気に入って頂けましたか?
もし気に入って頂けましたら、
ソーシャルボタンで共有頂ければ、とても嬉しいです♪


follow us in feedly RSS

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This blog is kept spam free by WP-SpamFree.