【バージョンアップ】WordPress新着5記事のサムネイル画像リンクをヘッダー部分に横に並べるプラグインで管理画面を作りました

この記事は約3分で読めます。
記事内に広告が含まれています。

PM Thumbnail Picture menu

先日公開した人柱版。使っている方もいるとのことで、大変恐縮と思っていることがあります。
それは、写真の大きさなどカスタマイズしようと思えば、プラグインファイルを直接編集しなければならず 、またそういった意味では導入の敷居が高いものでした。
(というか、それだとプラグイン化した意味がありませんw)

そこで、簡単ではありますが、管理画面を作成しました。現在、公式プラグインディレクトリのほうにももう少し機能を追加してバージョンアップを重ねていく予定です。


管理画面について

プラグインインストール後にサムネイル画像リンクを表示させたい場所(テーマファイル中、例えばheader.phpなど)に

[php]<?php thumbpicturemenu(); ?>[/php]

と入れて頂ければ、とりあえず表示されるのですが、横幅いっぱいに綺麗に表示されない場合や、改行して2段に渡って表示される場合があります。プラグインファイルの中に書いてあるそれぞれのスタイルシートをカスタマイズすれば、それなりに見栄えは調整できるのですが、これが敷居が高かったり、修正ミスによるエラーの原因になります。

そこで、簡単ですが、管理画面を作りました。

PM Thumbnail Picture menu

設定メニューの下に「PM Thumbnail menu」というメニューが表示されるので、それで管理画面を開くことが出来ます。

本当はもっといろいろカスタマイズできる項目を増やそうと思ったのですが、導入障壁を下げるためにもシンプルに二つだけにしてみました(要望があれば、増やしたり、機能追加もします)。

まず、調整出来る項目としてはサムネイル画像のひとつの横幅です。この数を調整することにより5個分の横幅全体の数も変わるので、ちょうど良い幅に調整してみてください。2段になってしまっている方は数字を減らしてしていくと良いでしょう。
デフォルト値は178pxになっています。
また、画像の縦幅は現在は縦横比4:3しかない前提で作り込んでいます(将来的には調整します)。そのため、縦幅は入力しなくても自動的に計算されるようになっています。

次に、タイトル文字数です。
長い記事タイトルを使っていると、ここにひょうじされる文字数の行数が多くなり見た目が不格好になるので、文字数の上限を決められるようにしています。ここは画像サイズを決めた後、何文字ぐらいで切ると3行以上にならない、とか調整をしてみてください。
デフォルトは25文字です。

今後は表示する画像の数を変えたりとかカテゴリの新着を入れたりとか機能強化したいと思うのですが、要望があれば、お気軽にコメント欄にでもお寄せください。自分が必要とするものの次にそういったニーズのあるものの機能を作り込んでいきたいと考えています。

それでは、最新版。お試しください。

thumb-picture-menu.zip

その他のバージョンアップ内容

  • サムネイル画像ナビの背景色を無くしてすっきりとさせた(復活できるオプションを作成するかもしれません)
  • リンクテキストの下線をとった
  • リンクテキスト背景の黒のグラデーションの余白の取り方を変えて可読性をあげた
  • プラグインの名称を決めた「PM Thumbnail Picture Menu」

人柱版公開時の記事

WordPress新着5記事のサムネイル画像リンクをヘッダー部分に横に並べるプラグイン(人柱版)作りました【人柱版第2版リリース】 | [Mu]ムジログ

 

コメント

タイトルとURLをコピーしました