WordPressによるサイト設計入門

WordPressによるサイト設計入門12年6月25日月曜日

Profile Web Designer 高橋朋代ニックネーム：コモモ12年6月25日月曜日

今日のお話 WordPressのテーマカスタマイズ少しだけやったことがある WordPressのテーマカスタマイズを自分でするわけではないけれど、クライアントさんに提案することはある12年6月25日月曜日

WordPressのサイト設計で気をつけたいことや、テーマカスタマイズを行う時に問題点や課題となりそうなことをウェブデザイナーの視点で話したいと思います12年6月25日月曜日

WordPressでけっこういろんなことができます12年6月25日月曜日

最近WordPressって流行ってるんだって？自分たちで更新できるからランニングコストかからないんでしょ？12年6月25日月曜日

あれもやりたいこれもやりたい JSで動いたりデザインもかっこよくお客さん夢いっぱいやりたいこといっぱい12年6月25日月曜日

あまりやったことないけどわかりましたあのウェブサイトも WordPressみたいだし、たぶんできるんだろう12年6月25日月曜日

ちゃんと設計しないと12年6月25日月曜日

WordPressでつくったけど更新方法が複雑でお客さんでは更新できない12年6月25日月曜日

さらに12年6月25日月曜日

ウェブデザイナーが更新することになったけど、それなら静的HTMLで作ったほうが全然早い12年6月25日月曜日

なんてことになりかねない・・12年6月25日月曜日

WordPressに限らず CMSでは設計が超重要12年6月25日月曜日

正直なところ12年6月25日月曜日

お客さんがウェブサイトをどんな風に利用してどんな風に更新したいのかわからないうちは CMS導入はちょっと待ったほうがいい12年6月25日月曜日

WordPressはもともとブログシステムを元にしたCMS12年6月25日月曜日

ウェブサイトでよく利用される機能がセットになって CMSとして機能しているにすぎません12年6月25日月曜日

WordPressでできること・できないことをよく把握して設計する必要がある12年6月25日月曜日

CMSを導入するメリットはウェブデザイナー側にもある12年6月25日月曜日

たった一文字を修正するのも作業していたのが、 CMSにすれば煩わされることがない12年6月25日月曜日

うまく設計すれば12年6月25日月曜日

HTMLコーディングするより作業時間が短縮できる12年6月25日月曜日

WordPressでつくるなら、ウェブデザイナー自身も WordPressで更新したほうが早いくらいのシステムを作らなくちゃあまり意味ない12年6月25日月曜日

あたりまえのようだけど12年6月25日月曜日

そういうことよくありました^^;12年6月25日月曜日

まず考えなくちゃいけないこと WordPressの更新誰がやる？12年6月25日月曜日

お客さんによっては・マニュアルの作成・更新方法のレクチャー充実させて対応しよう12年6月25日月曜日

WordPressに登録できるコンテンツ（投稿タイプ）・投稿・固定ページ・カスタム投稿タイプ12年6月25日月曜日

投稿時系列の記事を管理する・ブログ・お知らせ、新着情報、トピックス・イベント情報12年6月25日月曜日

投稿投稿は、分類情報をもつことができる・カテゴリー別・タグ別・日付別・作成者別投稿者権限を与えると、複数人で管理する場合に便利12年6月25日月曜日

投稿もともとブログの基本部分、一番ブログとして使うのが向いている時系列にならぶコンテンツの分類の仕方を工夫することでサイトの仕様にあった利用法をしよう12年6月25日月曜日

固定ページ固定ページは、これまで静的サイトで表示させていたコンテンツを管理するのに便利・会社情報、店舗情報、アクセス・メッセージ、コンセプト・サイトポリシー時系列ではなく、コンテンツの「順序」を決めることができる12年6月25日月曜日

固定ページ階層構造をもつことができる12年6月25日月曜日

固定ページもともとはブログの自己紹介欄などを表示するためにできたものでも、固定ページを上手に利用してサイトを構築する人が増えた12年6月25日月曜日

カスタム投稿タイプカスタム投稿タイプ「投稿」「固定ページ」と同じ機能を追加できるカスタムタクソノミー（分類タイプ）カスタム投稿タイプに対して、投稿の「カテゴリー」や「タグ」のような分類を与えることができる12年6月25日月曜日

カスタム投稿タイプカスタム投稿タイプは、「投稿」「固定ページ」をすでに利用している時、さらに他にもコンテンツを持たせたい場合に利用するたとえば、商品紹介、製品情報、リクルート情報など12年6月25日月曜日

ひとつの記事にもたせることができる情報・タイトル・本文・抜粋・カスタムフィールド・添付画像・アイキャッチ画像12年6月25日月曜日

WordPressに登録できる情報はここまであとは、登録された情報の取り出し方や使い方を工夫して、サイトを設計する12年6月25日月曜日

無理のないWordPressテーマを作るにはどの投稿タイプをどのコンテンツに割り当てるのか投稿タイプが持つことのできる分類（カテゴリー・タグ・投稿者・日付）をどのように利用して記事を抽出したいのか設計段階で慎重に考えよう12年6月25日月曜日

登録した記事を取り出し、加工して、サイトに表示させることができます12年6月25日月曜日

とはいっても・・12年6月25日月曜日

誰でも、簡単に、どんなコンテンツでも、取り出したり、加工したりできる訳じゃない12年6月25日月曜日

必要なスキルの段階にわけて WordPressでできることをざっくり紹介します12年6月25日月曜日

STEP1 WordPressに基本的に用意されている仕組みを使う・ページ種類とテンプレート階層・コンテンツのHTML出力を行うテンプレートタグ・WordPressのループ基本構文・条件分岐タグ12年6月25日月曜日

STEP2 WordPressのオプション機能を使いこなすアイキャッチ画像やカスタムメニュー、カスタム投稿タイプ等は、functions.php に定型的な記述を行うことで使うことができるようになる12年6月25日月曜日

STEP3 簡単なPHPの基礎がわかる変数・配列・echo・if・foreach・while WordPressのグローバル変数の情報や、テンプレートタグから取得した配列の情報を元に、自在にHTML出力を行う12年6月25日月曜日

STEP4 フックを使いこなすアクションフック WordPressの処理に割り込んで出力を変更することができるフィルターフック WordPressのテンプレートタグの出力を変更することができる12年6月25日月曜日

アクションフックの例・「投稿」と「カスタム投稿タイプ」で 1ページの表示件数を変えたい・「投稿」の時系列順を昇順から降順に変更したいフィルターフックの例・テンプレートタグが自動出力するHTML タグを変更する12年6月25日月曜日

STEP5 もっとPHPを使いこなす正規表現・SQLなども利用する WordPressやプラグインのソースコードを読み解いて、自作関数やプラグインを作ったり、動作しないプラグインの原因を調べたりすることもできる12年6月25日月曜日

サイトを設計するときに考えてほしいこと WordPressのテーマ誰がつくるの？12年6月25日月曜日

WordPressの中身を理解せずにテーマを作るのはちょっと無茶静的ファイルと混在させても良いできるレベルに合わせて設計を検討しよう！12年6月25日月曜日

プラグインを使う12年6月25日月曜日

プラグインサイトにあわせて、必要な機能を追加できる・Contact Form 7 ・WP Page Navi ・Custom Field Template ・Multi Device Switcher12年6月25日月曜日

プラグインさまざまなひとが作っているので、他のプラグインとの相性がよいのか、 WordPressのバージョンアップに対応できるのか、信用できるプラグインなのかを判断する必要がある12年6月25日月曜日

マルチサイト12年6月25日月曜日

マルチサイト複数人でブログを持ちたい場合・社内の担当者で別々にブログを持ちたいサイトとして使うなら・各支店で別々のサイトを持ちたい12年6月25日月曜日

マルチサイトマルチサイトにするメリット同じドメイン内で複数のWordPressサイトを持ちたい場合に、WordPressやプラグインのアップグレードがまとめて管理できる12年6月25日月曜日

スマートフォン対応・プラグイン WPtouch ・CSSのメディアクエリー・プラグイン Multi Device Switcher12年6月25日月曜日

スマートフォン対応スマートフォン制作を行う上で WordPressで問題になってくること本文中に挿入した画像の出力サイズメディアライブラリを上手に利用する12年6月25日月曜日

納品・公開したら12年6月25日月曜日

自分たちで更新できるからランニングコストかからないんでしょ？12年6月25日月曜日

作ったら終わりじゃなくて・公開後のサポート・WordPressやプラグインのバージョンアップ・定期的なバックアップ12年6月25日月曜日

運用のリスク回避やメンテナンスが必要なことはお客さんに理解してもらおう12年6月25日月曜日

おわり12年6月25日月曜日

http://cat-speak.net	4299
http://webcache.googleusercontent.com	10
http://dado.daz.jp	3
http://us-w1.rockmelt.com	2
https://twitter.com	1
http://hrt.happy.nu	1

WordPressによるサイト設計入門

by Tomoyo Takahashi on Jun 25, 2012

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 4,316

Statistics