フリーソフトやChrome拡張機能の使い方、ゲーム攻略、漫画感想など雑多な内容。

FC2ブログ 個別記事への編集用リンクを作成

個別記事への編集用リンク 01
過去の記事を編集するときわざわざ管理画面から目的の記事を探すのが面倒で編集用リンクを作成。思っていた以上に便利でもっと早くやっておくべきだったなと。

Generic - FC2ブログテンプレート

Genericテンプレートはレスポンシブウェブデザインです。パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。設定ページ...

現在使用中のテンプレート『Generic』の仕様が前提。

一応このテンプレートの関連記事のすぐ下にある管理人アイコンが個別記事への編集用リンクになっているのだが、長い記事だとそこまでスクロールするのが面倒だし、トップページからでもサクッと編集できるのが理想。

FC2ブログで記事の編集用リンクをつける方法 | プログラマーズ雑記帳

FC2 ブログで過去の記事を編集する時、どうしていますか ? 昔の記事を読んでいて誤字を見つけたり、追記をしたくなったりした場合、 管理ページの [記事の管理] から辿るのはちょっと面倒です。 そんな時、その記事の編集ページを開くリンクがあると便利です。 最近、編集ページのアドレスが変わったこともあり、 今回は編集ページへのリンクの付け方について説明したいと思います。といっても、リンクをつける...

というわけで参照したのがこの記事。設置場所は記事(<!--topentry--> <!--/topentry-->)内であればどこでも構わないようで、記事タイトル付近でも問題なさそう。


▼参照記事
<a href="<%server_url>control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" target="_blank" title="編集(管理用)">Edit</a>
▼テンプレート
<a href="https://admin.blog.fc2.com/control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" target="_blank" rel="noopener noreferrer">Edit</a>
▼完成形
<a href="https://admin.blog.fc2.com/control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" title="編集(管理用)">Edit</a>

テンプレートのものは比較しやすいように若干手を加えてある。参照記事が少々古いのと、やはりテンプレートに合わせた方が無難かなということでURL部分はテンプレート準拠。

target="_blank"は新しいタブで編集画面を開くと個別記事を閉じる手間がかかるし削除。またrel="noopener noreferrer"も新しいタブで開かなければ要らないようなので削除。

閲覧者には関係ないものだと分かるよう編集用リンクにポップアップで「編集(管理用)」と表示するため、title="編集(管理用)"はそのまま。




◆設置場所

記事タイトルの下にカテゴリ・コメント・管理人名が並んでいるが、管理人名はクリックできず閲覧者にとっては特に意味のないものなので、ここに個別記事への編集用リンクを仕込んでみる。
<div class="written-by">
<a href="https://admin.blog.fc2.com/control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" title="編集(管理用)">
<i class="fas fa-user"></i>
<span><%author_name></span>
</a>
</div>
オレンジが追加部分。fas fa-userが人形っぽいアイコンで、author_nameが管理人名。

個別記事への編集用リンク 01
ポップアップが表示されてリンクから個別記事の編集画面が開ければ完了。




◆注意点

ログイン中であれば一発で個別記事の編集画面が開くのだが、ログアウト状態からだと通常のログイン画面に移動してしまうのが難点。

こういう場面が多いなら新しいタブで開けるようにしておいた方が良いかも。




◆ナビゲーション

個別記事への編集用リンク 02
ついでにナビゲーションから管理画面にログインしたことないなということで「LOG IN」を削除。
<li><a href="<%server_url>control.php">LOG IN</a>
関連記事