ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2013.2.27ブログをリニューアルしましたブログのリニューアルをしました。スマホ対応&半レスポンシブ(?)をして、MovableTypeからWordPressへ移行しました。移行理由は再構築時間の長さです...(;・∀・)今回の移行でお世話になったプラグインや書籍をまとめてみました。Permalinks記事のパーマリンクを個別にカスタマイズできるプラグインです。/(スラッシュ)も使えるので擬似的なフォルダ構成にしたいときに便利です。URL欄で自由に編集できるようになります。WP-PostViews記事の閲覧数をカウント、表示できるプラグインです。プラグイン有効化後、閲覧数を表示したい箇所に以下のタグを入れます。Posts閲覧数をランキングにして表示できるプラグインです。上のプラグインと似ているのですが、1日の閲覧数でランキングを作りたかったので導入しました。こちらを参考にカスタマイズしました。Plugin関連記事を表示できるプラグインです。タグやカテゴリーから関連記事を選定してくれます。精度は私の記事を見た限りですが、高いと思います。(YARPP)」で項目を設定します。自動的に記事の下部に関連記事が表示されます。7手軽にメールフォームを設置できるプラグイン。他のサイトでもお世話になっています。プラグインを有効化後、左メニューに「お問い合わせ」という項目が出るので、フォームの内容を設定する。ページ等の編集フォームにショートコードをコピペし公開すると、フォームが表示されます。3.X今回私はほぼ初心者の状態で、一からテーマファイルを作ったのですが、こちらの本がとても参考になりました。テンプレートの構造など大枠の説明から、細かいタグの説明までかゆいところに手が届く本でした。この本が一冊あれば、WordPressの基本的な構築やカスタマイズをすることができます。WordPressの情報はWebにたくさんあるのですが、こちらの本のように体系的にまとまっていると、短時間で学べて理解もしやすくなると思います。これからWordPressでサイトやブログを構築しようと思っている人におすすめです。スマートフォンデザインでラクするために前回のエントリでも紹介したのですが、スマホサイトを構築するのがほぼ初めてだったので、基本的な知識を得るのにこちらの本が役立ちました。スマホサイト作成で気をつけるべきことなどがわかりやすく説明されており、スマホサイト制作に関してあまり知識がないという人におすすめです。今回のリニューアルで悩んだことパーマリンクの設定パーマリンクを変更すると、ページランクやソーシャルブックマークなどに影響があるので、できれば変更したくないですよね。私の場合、URLに「mt」が入っている...!URLをMTの時と揃えるのはいいのですが、これからの記事にも「mt」という単語が入るのはやはり気になります...。Permalinksというプラグインを入れて、URLを個別にカスタマイズしました。これまでのブログ記事には「mt」の入った元のURLと同じ形態、これから書く記事は、「%postname%」にしました。ブログを構築するとき、パーマリンクはできるだけ永続性があるものにするよう注意が必要ですね。移行や再構築の時に悩みのタネとなります...。今回初めてスマホ対応をしたのですが、PC表示とどのように切り分けるかで悩みました。結局、スマホとタブレットでは、1カラムで横幅100%の表示、PCは2カラム(記事ページ)で横幅960px固定としました。デバイスによって最適な見え方があると思うのですが、まだそれが掴めず、検証も必要なので、これからデータを見つつ改善していきたいと思います。最後に、MovableTypeにはお世話になりました。MTはサイト管理や構築に強いと思っており、また仕事でお世話になる機会がたくさんあると思います。ブログの方では今までありがとうございました。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。