2012年11月25日

ブログの個別記事ページから直接編集する方法!編集ボタン設置!(FC2、シーサーSeesaaのブログカスタマイズ)

FC2Seesaa(シーサー)のブログカスタマイズして、「ブログの個別の記事ページから直接編集する方法」を紹介します。

どうしても記事を編集するのに、毎回「ログイン→ブログを選択→記事一覧→検索キーワード→ワード入力→記事を選ぶ→編集」で直していては、面倒くさくて時間も掛かるので、記事の下に「編集ボタン」を設置して、「編集ボタン記事編集画面」でワンクリックで個別記事を編集できるようにします。瞬時にニーズに応じて編集できることはSEO対策にもなります。

FC2ブログと、シーサーブログ(Seesaaブログ)の2つのブログカスタマイズ方法を紹介します。
(同じ方法を記事で書かれている方々はいらっしゃるのですが、FC2もシーサーも仕様変更により記述のされ方が変わって、数年前の古い方法では使えなくなってたり、記述を短縮したりもできるので、最新の情報として参考にしてみてください。)

●FC2ブログの場合のカスタマイズ

管理画面環境設定テンプレートの設定

で(テンプレート名)のHTML編集

下のようなコードタグの記述を好きな所に埋め込みます。

<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no> " target="_blank" title="edit">Edit</a>


今回は、記事下の日時の表示

<li><%topentry_year>-<%topentry_month>-<%topentry_day> : </li>

の前に表示させるように設定しました。
(※テンプレートは各々で異なります。必ずしも同じ場所に日時の記述があるとは限りません。自身で確認しながらお好みで。)

ブログの記事ページから直接編集する方法!(FC2、シーサーSeesaaのブログカスタマイズ)45.jpg

「プレビュー」を押せば、ページの更新はせずに埋め込んだ場所が見えるので、自分の気に入る位置に設定しましょう。

設定したら「更新」を押します。


ブログの記事ページから直接編集する方法!(FC2、シーサーSeesaaのブログカスタマイズ)2.jpg

記事ページ下に「Edit」が表示されました。ここをクリックすればこの個別記事の管理画面の編集ページに飛びます。



●シーサー(Seesaa)ブログの場合のカスタマイズ

管理画面
コンテンツ記事

ブログの記事ページから直接編集する方法!(FC2、シーサーSeesaaのブログカスタマイズ)8.jpg


コンテンツHTML編集を選びます。


ブログの記事ページから直接編集する方法!(FC2、シーサーSeesaaのブログカスタマイズ)3.jpg




下記のコードタグ記述を埋め込みます。

<a href="https://blog.seesaa.jp/cms/home/switch?blog_id=<% blog.id %>&goto=/cms/article/edit/input?id=<% article.id %>" target="_blank">edit</a>
<a href="https://blog.seesaa.jp/cms/home/switch?blog_id=<% blog.id %>&goto=/cms/comment/edit/list" target="_blank">re</a>

今回は、シーサーブログ(Seesaaブログ)の下にある「posted by (ユーザー名) at 日時」

<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%>

の前に設置することにしました。

埋め込むコードにa href=・・は2つ(改行)ありますが、上段のEditは編集、下段のreはコメント一覧です。お好みで。

(※テンプレートは各々で異なります。必ずしも同じ場所に日時の記述があるとは限りません。自身で確認しながらお好みで。)

ブログの記事ページから直接編集する方法!(FC2、シーサーSeesaaのブログカスタマイズ)4.jpg


「確認」を押せば、ページの保存はせずに埋め込んだ場所が見えるので、自分の気に入る位置に設定しましょう。

設定したら「保存」を押します。
ブログの記事ページから直接編集する方法!(FC2、シーサーSeesaaのブログカスタマイズ)5.jpg


そして全体のコンテンツ画面でも「保存」をもう一度押します。

記事ページ下に「Edit」が表示されました。ここをクリックすればこの個別記事の管理画面の編集ページに飛びます。


※アイディア

このEditの記述は、別にアクセスしてきた見知らぬ方がクリックしても、管理画面へはメールアドレス・アカウントIDとパスワードを知らない限り、勝手にログインされて編集されることはないので、まず安心していいです。

また文字「Edit」が目立つという方は、コードタグを埋め込む際に「Edit」の部分を「.」(コロン)などにすると、目立たなくていいと思います。

何らかの参考になれば幸いに存じ上げます。




人気ブログランキングへ ←ポチッと押すとこのブログが推薦されます。押してくれると嬉しいな!

|edit re
posted by 時ニール at 04:12 | Comment(1) | TrackBack(0) | インターネット | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
情報公開ありがとうございます。利用させていただきました。
ある記事に関するコメントの一覧を表示する方法もありましたので、興味があればご覧ください。
http://hepota.seesaa.net/article/382498986.html
Posted by Hepota at 2013年12月12日 15:31
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
Google+
ブログパーツ