ブログリニューアルしました

明けましておめでとうございます。そしてお久しぶりです。
無事に出産という大仕事を終えて、関東の自宅でのんびり育休中のひつじさんです。
子どもとの生活にも慣れ、時間をやりくり出来るようになってきたので、wordpressの勉強とHTMLやJSの勘を取り戻すべく、ブログをリニューアルしてみました。
まだまだ細かい部分は調整中なので時々おかしい部分もあるかもですが、ひとまずご覧のような感じです。
せっかくなので、作業した内容、参考にしたサイトや記事、使用しているプラグインをまとめておこうと思います。

リニューアルでやったこと

デザイン変更

基本デザインは1カラム。2カラムはやはり個人的に肌に合わないなぁ、と。ロリィタブログで使ってる構成をそのまま利用した感じです。サイドバーの内容をフッターの上へ。
ヘッダーのナビゲーションはwpの管理画面から追加したり出来るようにしました。
あと、アイキャッチ画像。今まで本文に画像を貼付けてたんですが、コレが地味に面倒で。今回からちょっと楽です。

今回はブログ記事、製作物、固定ページでそれぞれ見栄えが変わるようにしたり、カテゴリ一覧もMemoとWorksで変えたりしてます。やっぱり内容によって変えた方が見やすいですね。
そういえば、以下の参考サイトでsingle.phpはカテゴリ毎に条件分岐して〜というのがあったんですが、3.5から?なのか、single-{カテゴリ}.phpと用意しておけば条件分岐しなくても表示してくれますね。
1カラムにしたら他の記事へのアクセスがしづらくなるので、メイン記事の最後に関連記事を表示するようにもしてみました。

カスタムフィールド、カスタムポスト

カスタムフィールドやカスタムポストタイプも初めて使ってみました。
カスタムフィールドはfunction.phpに書くのが怖かったので、プラグインの「カスタムフィールドテンプレート」を使いました。

カスタムポストタイプはずっと既存のカテゴリ分けした記事を使えるんだと思ってたんですが、カスタムポストタイプはメインの記事とは別の扱いになるんですね。
最初それを理解してなくてすごく混乱しました。
メインの記事と別の扱いになるなら、サンプルページを管理画面から追加出来るようにしよう!というこで、カスタムポストタイプはそういう扱いに。
これまでサンプルはhtmlファイルを用意してー、ftpアップしてーだったので、これで楽できます。
後はカスタムポストタイプのページで使うファイルのみ、指定のディレクトリにアップロード出来る機能、があれば良いんですが。やり方がありそうだけど、まだ見つけられず。まぁその辺は後々。

サイドバーの内容を精査

管理者のプロフィールをサイドバーに表示したりもしました。
プロフィール項目もfunction.phpを弄って増やせたりするので、こういうのも管理画面側で修正出来ると楽でいいですね。

はてブのHot Entry入りリストも表示してみたり。ブクマ2桁は今のところ1つしかないんですけどね!
今年はコレをもう少し増やせたらいいなぁ…。

プラグイン周りの整理

Custom Field Template

カスタムフィールド編集はプラグインで。ひとまずコレで。

Custom Post Type Permalinks

カスタムポストタイプをサンプルで使うので、メイン記事とは別に拡張子つけたりとかしたかったので、プラグインでさくっと。

Contact Form 7

お問い合わせフォームもプラグインで楽に設置。
今まではperlで書いたものを使っていたのですが、これで管理画面から設定とかも扱えるし、便利ですな。

スマートフォン版は試行錯誤中

最初はディスプレイ幅でCSSを変える、レスポンシブな対応をする予定だったんですが、旦那の
「今流行のレスポンシブデザインは嫌いだ。スマートフォンの利点はPCサイトが見れるというところにあるのに、スマートフォン用のデザインでしか見れないのはおかしい」
という主張に、まぁそれもそうねぇ、と思いまして、自分なりにスマフォ版とPC版を切り替えるスイッチを作ってみました。
iPhoneではひとまず自分の思うように動いてるんですが、旦那のスマフォだと本文の文字サイズがものすごいことになるなど、おかしい感じなので、もう少しですね。
良い感じにfixしたら、記事にも書こうと思います( ´ ω ` )

参考サイト

リニューアルにあたって、以下のサイト参考にしました。
WordPress関係はぐぐればたくさん出てくるので、本当にありがたいですね。

子どもが産まれて、今までと全然違う生活で発見なども多く、今後ブログ記事は育児のことも増えそうですが、メインであるwebのこともちょこちょこ書いていきたいので、今後ともよろしくお願いします@`・ェ・´@

UPDATE : 2014/02/26 / Tags

関連記事

新着記事

1 Response

  • […] ご覧の通り、テンプレートデザインをちょこっと変更しました。 お仕事用サイトがかなり派手になったので、こっちが少し寂しいかもーと思っちゃって。 お仕事用サイトはコンテンツがまだ十分じゃないので、ちゃんとできたら出来ました記事書きます。 スマフォ用テンプレートでタイトルの様なスクリプト書いたので、とりあえずシェアしておこうかな、という記事です。 以前リニューアルしましたの記事でスマフォ表示でいい方法模索中とありましたが、くろひつじの書物占いで使った「WPtap Mobile Detector」と「MW Theme Switcher on WPtap」を使う方法でスマフォ表示を実現しました。 テンプレートを2つ作る必要はありますが、個人的にはこれが一番やりやすいです。 […]

コメントを残す