春の模様替え — MH Magazine Light 2.3..+Wp Posts Carousel

23976481214_f3b4bf0afb_c

テーマの更新ついでに、フロントページの模様替えをしてみようという気になった。
この度ウィジェットエリアとアイテムが増えたのでこれを活かして…と。
ところが、増えたアイテムが使いにくい。
模様替え気分MAXだったため、
勢いあまってプラグインを増やす羽目になってしまったその顛末。

2.3..に更新すると、ウィジェットエリア Home1が追加されたことによりレイアウトがずれてしまうので、まずはこれを修正する。

フロントページ:カルーセルとフォーカス

少しづつ機能を追加してくれるのは嬉しいんだけれど、なにせ Lite 版仕様(=制限付き)なので、自由が効かない。この度増えたウィジェットアイテムの MH Posts Focus と MH Posts Stacked も、使ってはみたいけれど、思うようにカスタマイズするのが難しい。

MH Posts Focus は5件のFocus記事をサムネールと概要付きで取得する。このうち最新記事が特に大きくfocus表示されるのだが、ウィジェットの幅によって見栄えも自動で変わる。たとえば(この度追加された)メインコンテンツトップのフルワイドのウィジェットエリアHome 1であれば、真ん中に大サイズ、左右に中サイズが二つ、となる。

focus記事は三つでいいやという場合、テーマファイル/inkludes/widjets/mh-posts-focus.php と深い階層にあるファイルを修正しなければならない。

MH Posts Stacked は5件の記事がくっついて一塊の画像のようになる。これも最新記事が一件大きく表示される。同様の階層にある/mh-posts-stacked.php で、表示数や最初の大きな画像を非表示とすることはできる。CSSで見栄えをいじることも可能ではある。

ここで随分悩みもし、あれこれもした。子テーマに同じ階層でファイルを持ってきて、(上記二つのファイルを読み込んでいる)一つ上のファイルの読みこみを、functions.php の require_once('includes/mh-widgets.php'); locate_template( 'includes/mh-widgets.php', true ); と修正する方法で行こうかと一時はその気にもなった。のだが、どうもすっきりしない。

locate_template は親テーマと子テーマの両方から該当ファイルを探してくるというので、親テーマでも子テーマでもどちらの functions.php に書いても同じように作動してくれるのだが、いずれの場合も親テーマの require_once を削除(コメントアウト)しないとエラー(真っ白画面)となる。ということはテーマ更新のたびに(できれば)事前修正が必要で、うっかり忘れそうなのが怖い。

ためしに プラグイン Wp Posts Carousel というのを入れてみた。これでフルワイドのHome1にカルーセルを好きな数で並べることが出来る。なかなかいい。表示数を1としてサムネールを大にすればFocus記事表示もOK。いやあ、いいじゃん。

プラグインは増やしたくないと言いつつも、この楽さには勝てなかったのであった。

ヘッダーとフッター

てなことをやっているとむくむくと雰囲気を変えたくなってきた。MH-Elegance というテーマのすっきり感にくらっときて、一瞬テーマごと変えてしまおうかと思ったくらい。機能面やこれまでの経緯や同テーマ利用中他サイトのことなどが頭をよぎり、思いとどまったのだが。

まあ、なるべくあんなかんじにしてみようとCSS作業をしこしこ。ちょっと悩んだのはヘッダーとフッターを横幅いっぱいまで広げること。

ヘッダーは body の backgroundにヘッダーと同じ画像をCSSで読み込んでみた。topに固定、repeat-x。ヘッダー画像はWPダッシュボードで指定。他にも方法はあるだろうけれど。

メインナビはぜひともヘッダー画像に重ねたかった。これは  marginトップをマイナス指定で上にずらし、background: transparent として中央寄せでOK。

フッターは footer.phpで修正。といっても新たなdivで囲み、mh-container の外に出しただけである。背景色その他をCSSで変更。トコトンふにゃけた感じになったのは、長年の黒赤ぱっきりの反動であろう。

ウィジェットエリアとタブ

ウィジェットアイテムでは、結局 MH Posts Focus も MH Posts Stacked も使わないことになってしまって、ちょっと悔しい。代わりにカテゴリー別記事リストは MH Posts Large と MH Custom Posts の組み合わせとし、サイドバーにタブを置いてみた。

MH Posts Large ではカテゴリを選んでもタイトルがカテゴリアーカイブにリンクされない。いちいちされなくてもいいのだが、 MH Custom Posts だと自動リンクされていてタイトルが統一されないのがいやである(気分の問題)。仕方なくウィジェットアイテムのテキストで手動設定する。

タブはそのままだと色の強さだけでなくコメントの吹き出しなどとてもくどい。CSSで調整。加えてサイドバーのh4もタブと同じ見栄えになるように変更。

と、ひたすらCSSをいじって終わったのであった。

実はアイキャッチとサムネールで再び欲が出てきて、またもやプラグインが増えそうなのだが(あ、ひとつ減るので差し引きゼロか)、これはまだローカル段階なので、サイトに無事反映できたらまた書くことにしよう(とこの記事でテストしつつ…)。

  • トップへ戻る
  • カテゴリアーカイブ
  • HOME

コメント

メールアドレスが公開されることはありません。* は必須項目です。


*