Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
PHPが苦手なデザイナーでもできる    簡単WordPressカスタマイズ術12年8月31日金曜日
さわだ えり    @erilin86    フリーランスWeb屋さん    旅 / ダンス / カメラ / ゲーム12年8月31日金曜日
12年8月31日金曜日
 PHP、得意ですか?12年8月31日金曜日
HTMLとCSSは得意。     デザインも自分で作れる。     PHPとかjsは、既存のものを設置したりカスタマイズする程度。12年8月31日金曜日
HTMLとCSSは得意。     デザインも自分で作れる。     PHPとかjsは、既存のものを設置したりカスタマイズする程度。     そんな私が、いきなり     WordPressをはじめたキッカケ     それは。。。12年8月31日...
Wo r d P r e s s の 仕 事 を        ふられちゃったから12年8月31日金曜日
Wo r d P r e s s の 仕 事 を        ふられちゃったから                    どうしよ!12年8月31日金曜日
個人ブログとして              「配布テーマを使う」12年8月31日金曜日
個人ブログとして              「配布テーマを使う」12年8月31日金曜日
 レスポンシブデザイン12年8月31日金曜日
 管理画面によるカスタマイズ    カスタムヘッダー    背景画像/色    ウィジェット12年8月31日金曜日
 3.4からの新機能:カスタマイザー12年8月31日金曜日
「自分でデザインしたい」               「仕事でオリジナルデザインの              テーマを作らなければいけない」12年8月31日金曜日
「自分でデザインしたい」               「仕事でオリジナルデザインの              テーマを作らなければいけない」   ・人が作ったデザインなんて嫌12年8月31日金曜日
「自分でデザインしたい」               「仕事でオリジナルデザインの              テーマを作らなければいけない」   ・人が作ったデザインなんて嫌   ・自分でカスタマイズできるようになりたい12年8月31日金曜日
WordPressサイト構築手順12年8月31日金曜日
WordPressサイト構築手順              ① コンテンツの整理12年8月31日金曜日
WordPressサイト構築手順              ① コンテンツの整理              ② WordPress設計12年8月31日金曜日
WordPressサイト構築手順              ① コンテンツの整理              ② WordPress設計              ③ デザイン作成12年8月31日金曜日
WordPressサイト構築手順              ①   コンテンツの整理              ②   WordPress設計              ③   デザイン作成              ④   HTML&CSSコ...
WordPressサイト構築手順              ①   コンテンツの整理              ②   WordPress設計              ③   デザイン作成              ④   HTML&CSSコ...
12年8月31日金曜日
大事なのは              ② WordPress設計12年8月31日金曜日
12年8月31日金曜日
② WordPress設計12年8月31日金曜日
② WordPress設計              投稿ページにする?              固定ページにする?               ・ニュースとか時系列に並べたいコンテンツ                ・基本情報が変わらない会...
12年8月31日金曜日
② WordPress設計12年8月31日金曜日
② WordPress設計              カテゴリーはどうする?               ・今後増えるor増えない               ・子カテゴリや孫カテゴリがある               ・1つの記事が複数のカテ...
12年8月31日金曜日
② WordPress設計12年8月31日金曜日
② WordPress設計              投稿フォームはそのまま?               ・文章ではなくてデータを入力したい               ・何か印をつけたものだけトップに表示したい               ...
12年8月31日金曜日
シングルサイトかマルチサイト12年8月31日金曜日
シングルサイトかマルチサイト               投稿ページか固定ページ12年8月31日金曜日
シングルサイトかマルチサイト                投稿ページか固定ページ              共通パーツや汎用パーツのチェック12年8月31日金曜日
シングルサイトかマルチサイト                   投稿ページか固定ページ                共通パーツや汎用パーツのチェック              フォルダ名やファイル名、カテゴリ名を決める12年8月31日金曜日
シングルサイトかマルチサイト                   投稿ページか固定ページ                共通パーツや汎用パーツのチェック              フォルダ名やファイル名、カテゴリ名を決める           ...
シングルサイトかマルチサイト                   投稿ページか固定ページ                共通パーツや汎用パーツのチェック              フォルダ名やファイル名、カテゴリ名を決める           ...
まずは、普段のWeb制作と同じように...12年8月31日金曜日
まずは、普段のWeb制作と同じように...         ① PhotoshopやFireworksなどでデザインを作成12年8月31日金曜日
まずは、普段のWeb制作と同じように...         ① PhotoshopやFireworksなどでデザインを作成         ② エディタでいつも通りコーディング12年8月31日金曜日
header              sidebar       content                        footer12年8月31日金曜日
header              sidebar       content                        footer12年8月31日金曜日
 コーディング段階でブラウザチェック12年8月31日金曜日
いよいよテーマの作成12年8月31日金曜日
 テーマの最低限ルール              必須ファイル              必須コード                                 /*                                 Them...
 テーマの基本セットを作っておく              index.php   style.css   funcions.php12年8月31日金曜日
テンプレートタグを記述する12年8月31日金曜日
header              sidebar       content                        footer12年8月31日金曜日
header.php    footer.php              sidebar.php   index.php12年8月31日金曜日
 CODEXや書籍を活用12年8月31日金曜日
 条件分岐を使ってシンプルに12年8月31日金曜日
12年8月31日金曜日
if12年8月31日金曜日
12年8月31日金曜日
もし カテゴリーが 「アジア」 だったら               <h1>のテキストを「赤」にする12年8月31日金曜日
もし カテゴリーが 「アジア」 だったら               <h1>のテキストを「赤」にする              もし カテゴリーが 「ヨーロッパ」 だったら               <h1>のテキストを「青」にする12年8...
もし カテゴリーが 「アジア」 だったら               <h1>のテキストを「赤」にする              もし カテゴリーが 「ヨーロッパ」 だったら               <h1>のテキストを「青」にする    ...
苦手なものは少ない方がいい!12年8月31日金曜日
苦手なものは少ない方がいい!         なるべくテンプレート数をふやさない12年8月31日金曜日
 スニペットを使って簡単作成12年8月31日金曜日
12年8月31日金曜日
よく使うテンプレートタグを      カテゴリー別に登録。      ワンクリックで簡単便利!12年8月31日金曜日
よく使うテンプレートタグを      カテゴリー別に登録。      ワンクリックで簡単便利!     <h1>WordBeachNAGOYA</h1>     <h1><?php the_title(); ?></h1>12年8月31日金曜日
12年8月31日金曜日
 でもやっぱりPHPが使えるといいね12年8月31日金曜日
 「よくわかるPHPの教科書」とか 12年8月31日金曜日
 できること増えて楽しいWPライフ12年8月31日金曜日
PHPが苦手でもカスタマイズはできます!        ・WordPressで「できる」ことを覚える        ・コンテンツを事前にしっかり整理        ・実装前にWP設計図を考える        ・テンプレートタグはコピペでOK! ...
ありがとうございました!                        手羽先      モーニング        スガキヤ               天むす   台湾ラーメン                              味噌カ...
Upcoming SlideShare
Loading in …5
×

Word Beach Nagoya

1,980 views

Published on

  • Be the first to comment

Word Beach Nagoya

  1. 1. PHPが苦手なデザイナーでもできる 簡単WordPressカスタマイズ術12年8月31日金曜日
  2. 2. さわだ えり @erilin86 フリーランスWeb屋さん 旅 / ダンス / カメラ / ゲーム12年8月31日金曜日
  3. 3. 12年8月31日金曜日
  4. 4.  PHP、得意ですか?12年8月31日金曜日
  5. 5. HTMLとCSSは得意。 デザインも自分で作れる。 PHPとかjsは、既存のものを設置したりカスタマイズする程度。12年8月31日金曜日
  6. 6. HTMLとCSSは得意。 デザインも自分で作れる。 PHPとかjsは、既存のものを設置したりカスタマイズする程度。 そんな私が、いきなり WordPressをはじめたキッカケ それは。。。12年8月31日金曜日
  7. 7. Wo r d P r e s s の 仕 事 を ふられちゃったから12年8月31日金曜日
  8. 8. Wo r d P r e s s の 仕 事 を ふられちゃったから どうしよ!12年8月31日金曜日
  9. 9. 個人ブログとして 「配布テーマを使う」12年8月31日金曜日
  10. 10. 個人ブログとして 「配布テーマを使う」12年8月31日金曜日
  11. 11.  レスポンシブデザイン12年8月31日金曜日
  12. 12.  管理画面によるカスタマイズ カスタムヘッダー 背景画像/色 ウィジェット12年8月31日金曜日
  13. 13.  3.4からの新機能:カスタマイザー12年8月31日金曜日
  14. 14. 「自分でデザインしたい」 「仕事でオリジナルデザインの テーマを作らなければいけない」12年8月31日金曜日
  15. 15. 「自分でデザインしたい」 「仕事でオリジナルデザインの テーマを作らなければいけない」 ・人が作ったデザインなんて嫌12年8月31日金曜日
  16. 16. 「自分でデザインしたい」 「仕事でオリジナルデザインの テーマを作らなければいけない」 ・人が作ったデザインなんて嫌 ・自分でカスタマイズできるようになりたい12年8月31日金曜日
  17. 17. WordPressサイト構築手順12年8月31日金曜日
  18. 18. WordPressサイト構築手順 ① コンテンツの整理12年8月31日金曜日
  19. 19. WordPressサイト構築手順 ① コンテンツの整理 ② WordPress設計12年8月31日金曜日
  20. 20. WordPressサイト構築手順 ① コンテンツの整理 ② WordPress設計 ③ デザイン作成12年8月31日金曜日
  21. 21. WordPressサイト構築手順 ① コンテンツの整理 ② WordPress設計 ③ デザイン作成 ④ HTML&CSSコーディング12年8月31日金曜日
  22. 22. WordPressサイト構築手順 ① コンテンツの整理 ② WordPress設計 ③ デザイン作成 ④ HTML&CSSコーディング ⑤ テーマファイル作成12年8月31日金曜日
  23. 23. 12年8月31日金曜日
  24. 24. 大事なのは ② WordPress設計12年8月31日金曜日
  25. 25. 12年8月31日金曜日
  26. 26. ② WordPress設計12年8月31日金曜日
  27. 27. ② WordPress設計 投稿ページにする? 固定ページにする?  ・ニュースとか時系列に並べたいコンテンツ   ・基本情報が変わらない会社概要  ・入れ替えがあるスタッフ紹介ページ12年8月31日金曜日
  28. 28. 12年8月31日金曜日
  29. 29. ② WordPress設計12年8月31日金曜日
  30. 30. ② WordPress設計 カテゴリーはどうする?  ・今後増えるor増えない  ・子カテゴリや孫カテゴリがある  ・1つの記事が複数のカテゴリに属する時がある  ・カテゴリー別でデザイン変える?12年8月31日金曜日
  31. 31. 12年8月31日金曜日
  32. 32. ② WordPress設計12年8月31日金曜日
  33. 33. ② WordPress設計 投稿フォームはそのまま?  ・文章ではなくてデータを入力したい  ・何か印をつけたものだけトップに表示したい  ・日記の最後に今日のワンココーナーがほしい12年8月31日金曜日
  34. 34. 12年8月31日金曜日
  35. 35. シングルサイトかマルチサイト12年8月31日金曜日
  36. 36. シングルサイトかマルチサイト 投稿ページか固定ページ12年8月31日金曜日
  37. 37. シングルサイトかマルチサイト 投稿ページか固定ページ 共通パーツや汎用パーツのチェック12年8月31日金曜日
  38. 38. シングルサイトかマルチサイト 投稿ページか固定ページ 共通パーツや汎用パーツのチェック フォルダ名やファイル名、カテゴリ名を決める12年8月31日金曜日
  39. 39. シングルサイトかマルチサイト 投稿ページか固定ページ 共通パーツや汎用パーツのチェック フォルダ名やファイル名、カテゴリ名を決める 動的に出力するところ12年8月31日金曜日
  40. 40. シングルサイトかマルチサイト 投稿ページか固定ページ 共通パーツや汎用パーツのチェック フォルダ名やファイル名、カテゴリ名を決める 動的に出力するところ プラグインを使うところ12年8月31日金曜日
  41. 41. まずは、普段のWeb制作と同じように...12年8月31日金曜日
  42. 42. まずは、普段のWeb制作と同じように... ① PhotoshopやFireworksなどでデザインを作成12年8月31日金曜日
  43. 43. まずは、普段のWeb制作と同じように... ① PhotoshopやFireworksなどでデザインを作成 ② エディタでいつも通りコーディング12年8月31日金曜日
  44. 44. header sidebar content footer12年8月31日金曜日
  45. 45. header sidebar content footer12年8月31日金曜日
  46. 46.  コーディング段階でブラウザチェック12年8月31日金曜日
  47. 47. いよいよテーマの作成12年8月31日金曜日
  48. 48.  テーマの最低限ルール 必須ファイル 必須コード /* Theme Name: テーマ名 Theme URI: テーマの URL Description: テーマ詳細 index.php style.css Author: テーマ作成者の名前 Author URI: テーマ作成者の URL Template: 親テーマの定義 (オプション) Version: バージョン番号 (オプション) コメント/利用許諾の記述 (あれば) */12年8月31日金曜日
  49. 49.  テーマの基本セットを作っておく index.php style.css funcions.php12年8月31日金曜日
  50. 50. テンプレートタグを記述する12年8月31日金曜日
  51. 51. header sidebar content footer12年8月31日金曜日
  52. 52. header.php footer.php sidebar.php index.php12年8月31日金曜日
  53. 53.  CODEXや書籍を活用12年8月31日金曜日
  54. 54.  条件分岐を使ってシンプルに12年8月31日金曜日
  55. 55. 12年8月31日金曜日
  56. 56. if12年8月31日金曜日
  57. 57. 12年8月31日金曜日
  58. 58. もし カテゴリーが 「アジア」 だったら <h1>のテキストを「赤」にする12年8月31日金曜日
  59. 59. もし カテゴリーが 「アジア」 だったら <h1>のテキストを「赤」にする もし カテゴリーが 「ヨーロッパ」 だったら <h1>のテキストを「青」にする12年8月31日金曜日
  60. 60. もし カテゴリーが 「アジア」 だったら <h1>のテキストを「赤」にする もし カテゴリーが 「ヨーロッパ」 だったら <h1>のテキストを「青」にする どちらでもなかったら <h1>のテキストを「緑」にする12年8月31日金曜日
  61. 61. 苦手なものは少ない方がいい!12年8月31日金曜日
  62. 62. 苦手なものは少ない方がいい! なるべくテンプレート数をふやさない12年8月31日金曜日
  63. 63.  スニペットを使って簡単作成12年8月31日金曜日
  64. 64. 12年8月31日金曜日
  65. 65. よく使うテンプレートタグを カテゴリー別に登録。 ワンクリックで簡単便利!12年8月31日金曜日
  66. 66. よく使うテンプレートタグを カテゴリー別に登録。 ワンクリックで簡単便利! <h1>WordBeachNAGOYA</h1> <h1><?php the_title(); ?></h1>12年8月31日金曜日
  67. 67. 12年8月31日金曜日
  68. 68.  でもやっぱりPHPが使えるといいね12年8月31日金曜日
  69. 69.  「よくわかるPHPの教科書」とか 12年8月31日金曜日
  70. 70.  できること増えて楽しいWPライフ12年8月31日金曜日
  71. 71. PHPが苦手でもカスタマイズはできます! ・WordPressで「できる」ことを覚える ・コンテンツを事前にしっかり整理 ・実装前にWP設計図を考える ・テンプレートタグはコピペでOK! ・でもやっぱりPHPを少しは覚えとこ!12年8月31日金曜日
  72. 72. ありがとうございました! 手羽先 モーニング スガキヤ 天むす 台湾ラーメン 味噌カツ ベトコンラーメン どてかつ ひつまぶし ころうどん 五平餅 納屋橋饅頭 シロノワール コンパルのサンドイッチ12年8月31日金曜日

×