各記事ページに編集ページへのリンクを表示する方法

公開している記事を自分で閲覧時に、記事修正の効率を上げる方法です。当サイト作者が作成した次のテンプレートについてです。

概要

  1. 各記事にその記事の編集ページへのハイパーリンクを表示させます。

  2. CSSを編集すれば、通常はそのリンクを非表示にしておき、リンクをホバーした時だけ編集ページへのリンクを表示できます。

メリット

  1. 記事修正の効率を上げられます。

  2. 編集ページへのリンクを非表示にできます。読者には不要なリンクなので、非表示にすることで相対的に別のリンクに注意が向きます。

テンプレートのHTMLを編集

  1. 次のコメントアウトを探します。

    <!-- ▲▲▲ 各記事の情報表示 終了 ▲▲▲ -->
  2. 上記コメントアウトの2行上に次のコードを追加します。下図で反転している部分が変更後です。

    <li class="modify-this-entry"><a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" title="「<%blog_name>」管理者用リンク" rel="nofollow">編集(No.<%topentry_no>)</a></li>
    130331link-for-admin-1.png

テンプレートのCSSを編集

  1. 通常時は非表示にしておき、カーソルでホバーすると表示されるようにします。

  2. CSS編集で、任意の場所に次のコードを追加します。

    /*記事から編集ページへのリンク cf. http://customtemplate.blog112.fc2.com/blog-entry-113.html*/
    .entry-utility .modify-this-entry{border:0;}
    .modify-this-entry a{color:transparent;background:transparent;}
    .modify-this-entry a:hover{color:#03c;}
  3.  更新 をクリックします。

表示例

  1. ぱっと見、編集ページへのリンクがないように見えますが、下図で示す赤丸の部分にカーソルを近づけると・・。

    130331link-for-admin-2.png
  2. 編集ページへのリンクが現れます。

このページに関して

  1. 予告なく変更する場合があります。

  2. このページに限りませんが、記載内容の正確性は保証いたしかねます。

  3. 今後のテンプレート改訂時には上記説明と相違があるかもしれません。ご了承願います。

以上です。

関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
スポンサードリンク
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)