笔贬笔がわからないデザイナーでもできる、简単カスタマイズ术

?Download as KEY, PDF?

1 like?914 views

Eri Sawada

さわだえり
フリーランスWebデザイナー
@erilin86
旅 / ダンス / カメラ / ゲーム

个人ブログとして
「自分でデザインしたい」
?人が作ったデザインなんて嫌
?自分でカスタマイズできるようになりたい

まずは、普段の奥别产制作と同じように...
① PhotoshopやFireworksなどでデザインを作成

まずは、普段の奥别产制作と同じように...
① PhotoshopやFireworksなどでデザインを作成
② エディタでいつも通りコーディング

必须ファイル必須コード
/*
Theme Name: テーマ名
Theme URI: テーマの URL
Description: テーマ詳細
index.php style.css Author: テーマ作成者の名前
Author URI: テーマ作成者の URL
Template: 親テーマの定義 (オプション)
Version: バージョン番号 (オプション)
コメント／利用許諾の記述 (あれば)
*/

WordPressのテーマの最低限ルール

でもお仕事でお願いされたら...？
PHPできないから断っちゃう？
誰かできる人にお願いしちゃう？

でもお仕事でお願いされたら...？
PHPできないから断っちゃう？
誰かできる人にお願いしちゃう？

それとも自分でやってみる？

奥辞谤诲笔谤别蝉蝉サイト构筑手顺
① コンテンツの整理
② WordPress設計

奥辞谤诲笔谤别蝉蝉サイト构筑手顺
① コンテンツの整理
② WordPress設計
③ デザイン作成

奥辞谤诲笔谤别蝉蝉サイト构筑手顺
① コンテンツの整理
② WordPress設計
③ デザイン作成
④ HTML&CSSコーディング

奥辞谤诲笔谤别蝉蝉サイト构筑手顺
① コンテンツの整理
② WordPress設計
③ デザイン作成
④ HTML&CSSコーディング
⑤ テーマファイル作成

シングルサイトかマルチサイト

投稿ページか固定ページ

共通パーツや汎用パーツのチェック

シングルサイトかマルチサイト

投稿ページか固定ページ

共通パーツや汎用パーツのチェック

フォルダ名やファイル名、カテゴリ名を決める

シングルサイトかマルチサイト

投稿ページか固定ページ

共通パーツや汎用パーツのチェック

フォルダ名やファイル名、カテゴリ名を決める

動的に出力するところ

シングルサイトかマルチサイト

投稿ページか固定ページ

共通パーツや汎用パーツのチェック

フォルダ名やファイル名、カテゴリ名を決める

動的に出力するところ

プラグインを使うところ

もし?カテゴリーが「アジア」だったら
&濒迟;丑1&驳迟;のテキストを「赤」にする

もし?カテゴリーが「アジア」だったら
&濒迟;丑1&驳迟;のテキストを「赤」にする

もし?カテゴリーが「ヨーロッパ」だったら
<h1>のテキストを「青」にする

もし?カテゴリーが「アジア」だったら
&濒迟;丑1&驳迟;のテキストを「赤」にする

もし?カテゴリーが「ヨーロッパ」だったら
<h1>のテキストを「青」にする

どちらでもなかったら
<h1>のテキストを「緑」にする

index.php style.css funcions.php

テンプレートファイルの基本セット

header.php footer.php

sidebar.php index.php

PHPが苦手でもカスタマイズはできます！
?WordPressで「できる」ことを覚える
?コンテンツを事前にしっかり整理
?実装前に設計図を考える
?テンプレートタグはコピペでOK!

?でもやっぱりPHPを少しは覚えとこ！

笔贬笔がわからないデザイナーでもできる、简単カスタマイズ术

1. PHPが苦手なデザイナーでもできる簡単WordPressカスタマイズ術

2. さわだえりフリーランスWebデザイナー @erilin86 旅 / ダンス / カメラ / ゲーム

3. WordPress カスタマイズしてますか？

4. 个人ブログとして

5. 个人ブログとして「配布テーマを使う」

6. 个人ブログとして「配布テーマを使う」

7. レスポンシブデザイン

8. 管理画面によるカスタマイズ

9. 个人ブログとして「自分でデザインしたい」

10. 个人ブログとして「自分でデザインしたい」 ?人が作ったデザインなんて嫌

11. 个人ブログとして「自分でデザインしたい」 ?人が作ったデザインなんて嫌 ?自分でカスタマイズできるようになりたい

12. まずは、普段の奥别产制作と同じように...

13. まずは、普段の奥别产制作と同じように... ① PhotoshopやFireworksなどでデザインを作成

14. まずは、普段の奥别产制作と同じように... ① PhotoshopやFireworksなどでデザインを作成 ② エディタでいつも通りコーディング

15. 必须ファイル必須コード /* Theme Name: テーマ名 Theme URI: テーマの URL Description: テーマ詳細 index.php style.css Author: テーマ作成者の名前 Author URI: テーマ作成者の URL Template: 親テーマの定義 (オプション) Version: バージョン番号 (オプション) コメント／利用許諾の記述 (あれば) */ WordPressのテーマの最低限ルール

16. 颁辞诲别虫や书籍を活用

17. でもお仕事でお願いされたら...？ PHPできないから断っちゃう？誰かできる人にお願いしちゃう？

18. でもお仕事でお願いされたら...？ PHPできないから断っちゃう？誰かできる人にお願いしちゃう？それとも自分でやってみる？

19. でもお仕事でお願いされたら...？ PHPできないから断っちゃう？誰かできる人にお願いしちゃう？それとも自分でやってみる？

20. 奥辞谤诲笔谤别蝉蝉サイト构筑手顺

21. 奥辞谤诲笔谤别蝉蝉サイト构筑手顺 ① コンテンツの整理

22. 奥辞谤诲笔谤别蝉蝉サイト构筑手顺 ① コンテンツの整理 ② WordPress設計

23. 奥辞谤诲笔谤别蝉蝉サイト构筑手顺 ① コンテンツの整理 ② WordPress設計 ③ デザイン作成

24. 奥辞谤诲笔谤别蝉蝉サイト构筑手顺 ① コンテンツの整理 ② WordPress設計 ③ デザイン作成 ④ HTML&CSSコーディング

25. 奥辞谤诲笔谤别蝉蝉サイト构筑手顺 ① コンテンツの整理 ② WordPress設計 ③ デザイン作成 ④ HTML&CSSコーディング ⑤ テーマファイル作成

27. 大事なのは ② WordPress設計

29. シングルサイトかマルチサイト

30. シングルサイトかマルチサイト投稿ページか固定ページ

31. シングルサイトかマルチサイト投稿ページか固定ページ共通パーツや汎用パーツのチェック

32. シングルサイトかマルチサイト投稿ページか固定ページ共通パーツや汎用パーツのチェックフォルダ名やファイル名、カテゴリ名を決める

33. シングルサイトかマルチサイト投稿ページか固定ページ共通パーツや汎用パーツのチェックフォルダ名やファイル名、カテゴリ名を決める動的に出力するところ

34. シングルサイトかマルチサイト投稿ページか固定ページ共通パーツや汎用パーツのチェックフォルダ名やファイル名、カテゴリ名を決める動的に出力するところプラグインを使うところ

36. if ?

38. もし?カテゴリーが「アジア」だったら &濒迟;丑1&驳迟;のテキストを「赤」にする

39. もし?カテゴリーが「アジア」だったら &濒迟;丑1&驳迟;のテキストを「赤」にするもし?カテゴリーが「ヨーロッパ」だったら <h1>のテキストを「青」にする

40. もし?カテゴリーが「アジア」だったら &濒迟;丑1&驳迟;のテキストを「赤」にするもし?カテゴリーが「ヨーロッパ」だったら <h1>のテキストを「青」にするどちらでもなかったら <h1>のテキストを「緑」にする

41. 条件分岐を上手に使ってシンプルに

42. 苦手なものは少ない方がいい！

43. 苦手なものは少ない方がいい！なるべくテンプレート数をふやさない

44. HTML&CSS コーディング

45. header sidebar content footer

46. header sidebar content footer

47. コーディング段阶でブラウザチェック

48. 奥辞谤诲笔谤别蝉蝉とプラグインのインストールと设定

49. いよいよテーマファイルの作成

50. index.php style.css funcions.php テンプレートファイルの基本セット

51. 顿谤别补尘飞别补惫别谤のスニペットとかね

52. header sidebar content footer

53. header.php footer.php sidebar.php index.php

54. でもやっぱり笔贬笔わかっていたほうがいいね???

55. よくわかる笔贬笔の教科书で勉强

56. できることいっぱい増えて楽しい！！

57. PHPが苦手でもカスタマイズはできます！ ?WordPressで「できる」ことを覚える ?コンテンツを事前にしっかり整理 ?実装前に設計図を考える ?テンプレートタグはコピペでOK! ?でもやっぱりPHPを少しは覚えとこ！

58. ありがとうございました！

Editor's Notes

#2: PHP&#x304C;&#x308F;&#x304B;&#x3089;&#x306A;&#x3044;&#x30C7;&#x30B6;&#x30A4;&#x30CA;&#x30FC;&#x3067;&#x3082;&#x3067;&#x304D;&#x308B;&#x3001;&#x7C21;&#x5358;&#x30AB;&#x30B9;&#x30BF;&#x30DE;&#x30A4;&#x30BA;&#x8853;&#x3068;&#x3044;&#x3046;&#x3053;&#x3068;&#x3067;&#x3001;&#x4ECA;&#x56DE;&#x30C7;&#x30B6;&#x30A4;&#x30CA;&#x30FC;&#x5411;&#x3051;&#x306E;&#x304A;&#x8A71;&#x3092;&#x3055;&#x305B;&#x3066;&#x3044;&#x305F;&#x3060;&#x304F;\n&#x3053;&#x3068;&#x306B;&#x306A;&#x308A;&#x307E;&#x3057;&#x305F;&#x3002;&#x6280;&#x8853;&#x7684;&#x306A;&#x8A71;&#x306F;&#x4E00;&#x5207;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x3002;&#x305D;&#x308C;&#x306F;&#x4ED6;&#x306E;&#x30B9;&#x30D4;&#x30FC;&#x30AB;&#x30FC;&#x306E;&#x65B9;&#x306B;&#x2606;\n
#3: &#x30D5;&#x30EA;&#x30FC;&#x30E9;&#x30F3;&#x30B9;&#x3067;7&#x5E74;&#x307B;&#x3069;Web&#x306B;&#x95A2;&#x308F;&#x308B;&#x304A;&#x4ED5;&#x4E8B;&#x3092;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;&#x3055;&#x308F;&#x3060;&#x3048;&#x308A;&#x3067;&#x3059;&#x3002;Web&#x5236;&#x4F5C;&#x3092;&#x672C;&#x696D;&#x3068;&#x3057;&#x3066;&#x3001;&#x65C5;&#x4EBA;&#x3068;&#x30C0;&#x30F3;&#x30B5;&#x30FC;&#x3068;&#x30B2;&#x30FC;&#x30DE;&#x30FC;&#x3092;&#x526F;&#x696D;&#x306B;&#x6D3B;&#x52D5;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;&#x6628;&#x5E74;&#x306E;&#x590F;&#x306E;WordBench&#x3067;&#x3082;&#x3001;WordPress&#x672C;&#x306E;&#x8457;&#x8005;&#x3068;&#x3057;&#x3066;&#x3001;Web&#x30C7;&#x30B6;&#x30A4;&#x30CA;&#x30FC;&#x5411;&#x3051;&#x30AB;&#x30B9;&#x30BF;&#x30DE;&#x30A4;&#x30BA;&#x306B;&#x3064;&#x3044;&#x3066;&#x304A;&#x8A71;&#x3055;&#x305B;&#x3066;&#x3044;&#x305F;&#x3060;&#x304D;&#x307E;&#x3057;&#x305F;&#x3002;&#x4ECA;&#x56DE;&#x306F;&#x3082;&#x3046;&#x5C11;&#x3057;&#x5168;&#x4F53;&#x7684;&#x306A;&#x6D41;&#x308C;&#x3092;&#x542B;&#x3081;&#x3066;&#x304A;&#x8A71;&#x3057;&#x307E;&#x3059;&#x3002;\n
#4: &#x30FB;WP&#x4F7F;&#x3063;&#x305F;&#x3053;&#x3068;&#x3042;&#x308A;&#x307E;&#x3059;&#x304B;&#xFF1F;&#x81EA;&#x5206;&#x306E;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x3067;&#x30AB;&#x30B9;&#x30BF;&#x30DE;&#x30A4;&#x30BA;&#x3057;&#x3066;&#x307E;&#x3059;&#x304B;&#xFF1F;\n&#xFF08;&#x3053;&#x3053;&#x3067;&#x3044;&#x3046;&#x30C7;&#x30B6;&#x30A4;&#x30CA;&#x30FC;&#x306F;&#x3001;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x306E;&#x307F;&#x306E;&#x4EBA;&#x3067;&#x306F;&#x306A;&#x304F;&#x3001;&#x79C1;&#x306E;&#x3088;&#x3046;&#x306B;&#x30B3;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x3082;&#x4E00;&#x7DD2;&#x306B;&#x3084;&#x3063;&#x3066;&#x308B;&#x4EBA;&#x306E;&#x3053;&#x3068;&#xFF09;\nPHP&#x304C;&#x82E6;&#x624B;&#x306A;&#x4EBA;&#x306F;&#x3044;&#x307E;&#x3059;&#x304B;&#xFF1F;\n
#5: \n
#6: &#x2192;PHP&#x308F;&#x304B;&#x3089;&#x306A;&#x3044;&#x3057;&#x3001;&#x30AB;&#x30B9;&#x30BF;&#x30DE;&#x30A4;&#x30BA;&#x3067;&#x304D;&#x306A;&#x3055;&#x305D;&#x3046;&#x3002;&#x3042;&#x3068;&#x65E9;&#x304F;&#x59CB;&#x3081;&#x305F;&#x3044;&#x3051;&#x3069;&#x6642;&#x9593;&#x306A;&#x3044;&#x3002;\n&#x2192;&#x914D;&#x5E03;&#x30C6;&#x30FC;&#x30DE;&#x3092;&#x3046;&#x307E;&#x304F;&#x4F7F;&#x3046;\n&#x30FB;&#x7121;&#x6599;&#x3067;&#x7D20;&#x6575;&#x306A;&#x30C6;&#x30FC;&#x30DE;&#x304C;&#x305F;&#x304F;&#x3055;&#x3093;&#x914D;&#x5E03;&#x3055;&#x308C;&#x3066;&#x3044;&#x308B;\n&#x30FB;&#x30D6;&#x30ED;&#x30B0;&#x5F62;&#x5F0F;&#x3001;&#x30AE;&#x30E3;&#x30E9;&#x30EA;&#x30FC;&#x5F62;&#x5F0F;&#x3001;&#x8272;&#x3005;&#x3042;&#x308B;\n
#7: &#x25CF;&#x3044;&#x307E;&#x6D41;&#x884C;&#x306E;&#x30EC;&#x30B9;&#x30DD;&#x30F3;&#x30B7;&#x30D6;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x306E;&#x3082;&#x306E;&#x3082;&#x591A;&#x3044;\n&#x88DC;&#x8DB3;&#xFF1A;&#x30EC;&#x30B9;&#x30DD;&#x30F3;&#x30B7;&#x30D6;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x306F;&#x3001;iPhone&#x306A;&#x3069;&#x306E;&#x30B9;&#x30DE;&#x30DB;&#x3084;iPad&#x306A;&#x3069;&#x306E;&#x30BF;&#x30D6;&#x30EC;&#x30C3;&#x30C8;&#x3067;&#x898B;&#x305F;&#x76EE;&#x304C;&#x5909;&#x308F;&#x308B;\n
#8: &#x25CF;&#x30C6;&#x30FC;&#x30DE;&#x306B;&#x3088;&#x3063;&#x3066;&#x306F;&#x3001;&#x7BA1;&#x7406;&#x753B;&#x9762;&#x4E0A;&#x3067;&#x80CC;&#x666F;&#x3084;&#x6587;&#x5B57;&#x8272;&#x3082;&#x5909;&#x3048;&#x3089;&#x308C;&#x308B;&#x3002;\n&#x2192;2&#x30AB;&#x30E9;&#x30E0;&#x3084;3&#x30AB;&#x30E9;&#x30E0;&#x3082;&#x5909;&#x3048;&#x3089;&#x308C;&#x308B;&#x306E;&#x304C;&#x3042;&#x308B;\n&#x2192;CSS&#x306E;&#x30AB;&#x30B9;&#x30BF;&#x30DE;&#x30A4;&#x30BA;&#x3059;&#x308C;&#x3070;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x3084;&#x8272;&#x5408;&#x3044;&#x306F;&#x7C21;&#x5358;&#x306B;&#x5909;&#x3048;&#x3089;&#x308C;&#x308B;\n&#x2192;&#x82F1;&#x8A9E;&#x7528;&#x306E;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x306F;&#x65E5;&#x672C;&#x8A9E;&#x4F7F;&#x3046;&#x3068;&#x304A;&#x304B;&#x3057;&#x304F;&#x306A;&#x308B;&#x3068;&#x3053;&#x308D;&#x3082;&#x3042;&#x308B;&#x3051;&#x3069;CSS&#x3067;&#x306A;&#x3093;&#x3068;&#x304B;&#x76F4;&#x305B;&#x308B;\n
#9: &#x81EA;&#x5206;&#x306E;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x3067;&#x4F5C;&#x3063;&#x3066;&#x307F;&#x305F;&#x3044;&#xFF01;&#x4E00;&#x756A;&#x30B7;&#x30F3;&#x30D7;&#x30EB;&#x306A;&#x624B;&#x9806;&#x3002;\n
#10: &#x81EA;&#x5206;&#x306E;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x3067;&#x4F5C;&#x3063;&#x3066;&#x307F;&#x305F;&#x3044;&#xFF01;&#x4E00;&#x756A;&#x30B7;&#x30F3;&#x30D7;&#x30EB;&#x306A;&#x624B;&#x9806;&#x3002;\n
#11: &#x307E;&#x305A;&#x306F;&#x666E;&#x901A;&#x306B;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x3068;HTML&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x3092;&#x4F5C;&#x6210;&#x3057;&#x3088;&#x3046;&#x6700;&#x521D;&#x304B;&#x3089;PHP&#x306F;&#x4E0D;&#x8981;&#x3002;\n
#12: &#x307E;&#x305A;&#x306F;&#x666E;&#x901A;&#x306B;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x3068;HTML&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x3092;&#x4F5C;&#x6210;&#x3057;&#x3088;&#x3046;&#x6700;&#x521D;&#x304B;&#x3089;PHP&#x306F;&#x4E0D;&#x8981;&#x3002;\n
#13: WordPress&#x30C6;&#x30FC;&#x30DE;&#x306E;&#x30EB;&#x30FC;&#x30EB;&#x3092;&#x899A;&#x3048;&#x3088;&#x3046;&#xFF08;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x7A2E;&#x985E;&#x3001;&#x5FC5;&#x9808;&#x8A18;&#x8FF0;&#x9805;&#x76EE;&#x3001;&#x30A2;&#x30C3;&#x30D7;&#x30ED;&#x30FC;&#x30C9;&#x306E;&#x4ED5;&#x65B9;&#xFF09;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x3042;&#x308B;&#x3051;&#x3069;&#x3001;&#x307E;&#x305A;&#x306F;&#x3053;&#x308C;&#x3060;&#x3051;&#xFF01;\n
#14: WordPress&#x306E;&#x30BF;&#x30B0;&#x306F;&#x3001;&#x30B3;&#x30FC;&#x30C7;&#x30C3;&#x30AF;&#x3084;&#x672C;&#x3067;&#x898B;&#x3061;&#x3083;&#x304A;&#x3046;&#x3002;&#x5168;&#x90E8;&#x899A;&#x3048;&#x308B;&#x306A;&#x3093;&#x3066;&#x307E;&#x3060;&#x7121;&#x7406;&#xFF01;&#x3060;&#x304B;&#x3089;Codex&#x304B;&#x3089;&#x30B3;&#x30D4;&#x30DA;&#x3057;&#x305F;&#x308A;&#x3001;&#x672C;&#x3092;&#x898B;&#x305F;&#x308A;&#x3001;&#x30CD;&#x30C3;&#x30C8;&#x3067;&#x8ABF;&#x3079;&#x305F;&#x30C6;&#x30F3;&#x30D7;&#x30EC;&#x30FC;&#x30C8;&#x30BF;&#x30B0;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x307F;&#x3088;&#x3046;&#x3002;\n
#15: &#x304A;&#x5BA2;&#x3055;&#x3093;&#x306E;&#x30B5;&#x30A4;&#x30C8;&#x3092;&#x4F5C;&#x3089;&#x306A;&#x304D;&#x3083;&#x3044;&#x3051;&#x306A;&#x304F;&#x306A;&#x3063;&#x305F;&#xFF01;\n&#x25CF;PHP&#x304C;&#x3044;&#x307E;&#x3044;&#x3061;&#x308F;&#x304B;&#x3063;&#x3066;&#x3044;&#x306A;&#x3044;&#x3093;&#x3060;&#x3051;&#x3069;&#x3001;&#x3067;&#x304D;&#x308B;&#xFF1F;\n&#x3084;&#x3063;&#x3066;&#x307F;&#x307E;&#x3057;&#x3087;&#x3046;&#xFF01;&#xFF08;&#x8CAC;&#x4EFB;&#x306F;&#x6301;&#x305F;&#x306A;&#x3044;&#x306E;&#x3067;&#x81EA;&#x5206;&#x306E;&#x88C1;&#x91CF;&#x3067;&#xFF09;\n
#16: &#x304A;&#x5BA2;&#x3055;&#x3093;&#x306E;&#x30B5;&#x30A4;&#x30C8;&#x3092;&#x4F5C;&#x3089;&#x306A;&#x304D;&#x3083;&#x3044;&#x3051;&#x306A;&#x304F;&#x306A;&#x3063;&#x305F;&#xFF01;\n&#x25CF;PHP&#x304C;&#x3044;&#x307E;&#x3044;&#x3061;&#x308F;&#x304B;&#x3063;&#x3066;&#x3044;&#x306A;&#x3044;&#x3093;&#x3060;&#x3051;&#x3069;&#x3001;&#x3067;&#x304D;&#x308B;&#xFF1F;\n&#x3084;&#x3063;&#x3066;&#x307F;&#x307E;&#x3057;&#x3087;&#x3046;&#xFF01;&#xFF08;&#x8CAC;&#x4EFB;&#x306F;&#x6301;&#x305F;&#x306A;&#x3044;&#x306E;&#x3067;&#x81EA;&#x5206;&#x306E;&#x88C1;&#x91CF;&#x3067;&#xFF09;\n
#17: WordPress&#x6848;&#x4EF6;&#x306E;&#x4F5C;&#x696D;&#x624B;&#x9806;\n
#18: WordPress&#x6848;&#x4EF6;&#x306E;&#x4F5C;&#x696D;&#x624B;&#x9806;\n
#19: WordPress&#x6848;&#x4EF6;&#x306E;&#x4F5C;&#x696D;&#x624B;&#x9806;\n
#20: WordPress&#x6848;&#x4EF6;&#x306E;&#x4F5C;&#x696D;&#x624B;&#x9806;\n
#21: WordPress&#x6848;&#x4EF6;&#x306E;&#x4F5C;&#x696D;&#x624B;&#x9806;\n
#22: &#x5927;&#x4E8B;&#x306A;&#x306E;&#x306F;&#x69CB;&#x7BC9;&#x3059;&#x308B;&#x524D;&#x306E;&#x8A2D;&#x8A08;&#xFF01;\n&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x3059;&#x308B;&#x6642;&#x70B9;&#x3067;&#x3001;&#x3069;&#x3053;&#x3092;&#x3069;&#x306E;&#x3088;&#x3046;&#x306B;&#x5B9F;&#x88C5;&#x3059;&#x308B;&#x304B;&#x3092;&#x8003;&#x3048;&#x308B;&#xFF08;&#x30AB;&#x30C6;&#x30B4;&#x30EA;&#x5225;&#x306E;&#x8272;&#x5206;&#x3051;&#x3084;&#x3001;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306A;&#x3069;&#xFF09;\n&#x307E;&#x305F;&#x306F;&#x3001;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x3092;&#x3082;&#x3089;&#x3063;&#x305F;&#x3089;&#x3001;&#x307E;&#x305A;&#x306F;&#x3069;&#x3053;&#x3092;&#x3069;&#x3093;&#x306A;&#x5F62;&#x3067;&#x5B9F;&#x88C5;&#x3059;&#x308B;&#x304B;&#x3092;&#x8003;&#x3048;&#x308B;&#x3002;\n
#23: \n
#24: \n
#25: \n
#26: \n
#27: \n
#28: \n
#29: &#x3068;&#x3053;&#x308D;&#x3067;&#x6761;&#x4EF6;&#x5206;&#x5C90;&#x3063;&#x3066;&#x77E5;&#x3063;&#x3066;&#x307E;&#x3059;&#x304B;&#xFF1F;\n
#30: &#x4F8B;&#xFF1A;&#x65C5;&#x884C;&#x4F1A;&#x793E;&#x306E;&#x30B5;&#x30A4;&#x30C8;&#x3092;&#x4F5C;&#x3063;&#x305F;&#x3068;&#x304D;&#x3001;&#x30A8;&#x30EA;&#x30A2;&#x5225;&#x306E;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x306B;&#x3057;&#x305F;&#x3044;\n&#x2192;<h1>&#x30BF;&#x30B0;&#x306E;&#x300C;&#x30A2;&#x30B8;&#x30A2;&#x300D;&#x300C;&#x30E8;&#x30FC;&#x30ED;&#x30C3;&#x30D1;&#x300D;&#x3092;&#x5207;&#x308A;&#x66FF;&#x3048;&#x305F;&#x3044;&#x6642;&#x306F;<h1>&#x3092;&#x6761;&#x4EF6;&#x5206;&#x5C90;\n&#x2192;&#x5168;&#x4F53;&#x7684;&#x306B;&#x8272;&#x306A;&#x3069;&#x3092;&#x5909;&#x66F4;&#x3057;&#x305F;&#x3044;&#x5834;&#x5408;&#x306F;class&#x540D;&#x306A;&#x3069;&#x3067;&#x6761;&#x4EF6;&#x5206;&#x5C90;\n
#31: &#x4F8B;&#xFF1A;&#x65C5;&#x884C;&#x4F1A;&#x793E;&#x306E;&#x30B5;&#x30A4;&#x30C8;&#x3092;&#x4F5C;&#x3063;&#x305F;&#x3068;&#x304D;&#x3001;&#x30A8;&#x30EA;&#x30A2;&#x5225;&#x306E;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x306B;&#x3057;&#x305F;&#x3044;\n&#x2192;<h1>&#x30BF;&#x30B0;&#x306E;&#x300C;&#x30A2;&#x30B8;&#x30A2;&#x300D;&#x300C;&#x30E8;&#x30FC;&#x30ED;&#x30C3;&#x30D1;&#x300D;&#x3092;&#x5207;&#x308A;&#x66FF;&#x3048;&#x305F;&#x3044;&#x6642;&#x306F;<h1>&#x3092;&#x6761;&#x4EF6;&#x5206;&#x5C90;\n&#x2192;&#x5168;&#x4F53;&#x7684;&#x306B;&#x8272;&#x306A;&#x3069;&#x3092;&#x5909;&#x66F4;&#x3057;&#x305F;&#x3044;&#x5834;&#x5408;&#x306F;class&#x540D;&#x306A;&#x3069;&#x3067;&#x6761;&#x4EF6;&#x5206;&#x5C90;\n
#32: &#x4F8B;&#xFF1A;&#x65C5;&#x884C;&#x4F1A;&#x793E;&#x306E;&#x30B5;&#x30A4;&#x30C8;&#x3092;&#x4F5C;&#x3063;&#x305F;&#x3068;&#x304D;&#x3001;&#x30A8;&#x30EA;&#x30A2;&#x5225;&#x306E;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x306B;&#x3057;&#x305F;&#x3044;\n&#x2192;<h1>&#x30BF;&#x30B0;&#x306E;&#x300C;&#x30A2;&#x30B8;&#x30A2;&#x300D;&#x300C;&#x30E8;&#x30FC;&#x30ED;&#x30C3;&#x30D1;&#x300D;&#x3092;&#x5207;&#x308A;&#x66FF;&#x3048;&#x305F;&#x3044;&#x6642;&#x306F;<h1>&#x3092;&#x6761;&#x4EF6;&#x5206;&#x5C90;\n&#x2192;&#x5168;&#x4F53;&#x7684;&#x306B;&#x8272;&#x306A;&#x3069;&#x3092;&#x5909;&#x66F4;&#x3057;&#x305F;&#x3044;&#x5834;&#x5408;&#x306F;class&#x540D;&#x306A;&#x3069;&#x3067;&#x6761;&#x4EF6;&#x5206;&#x5C90;\n
#33: \n
#34: &#x30B3;&#x30C4;&#x306F;&#x3000;&#x300C;&#x306A;&#x308B;&#x3079;&#x304F;&#x30C6;&#x30F3;&#x30D7;&#x30EC;&#x30FC;&#x30C8;&#x6570;&#x3092;&#x3075;&#x3084;&#x3055;&#x306A;&#x3044;&#x300D;&#xFF08;&#x82E6;&#x624B;&#x306A;&#x3082;&#x306E;&#x306F;&#x6570;&#x304C;&#x591A;&#x304F;&#x306A;&#x3044;&#x65B9;&#x304C;&#x3044;&#x3044;&#xFF09;&#x3053;&#x308C;&#x3089;&#x3092;&#x5148;&#x306B;&#x8A2D;&#x8A08;&#x30FB;&#x8A08;&#x753B;&#x3057;&#x3066;&#x304A;&#x304F;&#x3053;&#x3068;&#x3067;&#x3001;&#x5F8C;&#x304B;&#x3089;&#x306E;&#x4F5C;&#x696D;&#x304C;&#x683C;&#x6BB5;&#x306B;&#x697D;&#x306B;&#xFF01;\n
#35: HTML&#x3068;CSS&#x3067;&#x30B3;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;\n&#x3055;&#x3063;&#x304D;&#x3068;&#x540C;&#x3058;&#x3067;PHP&#x306F;&#x6700;&#x521D;&#x306F;&#x8003;&#x3048;&#x306A;&#x3044;\n
#36: &#x30D1;&#x30FC;&#x30C4;&#x3054;&#x3068;&#x306B;&#x308F;&#x304B;&#x308A;&#x3084;&#x3059;&#x304F;&#x30B3;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;\nWP&#x306E;&#x30C6;&#x30F3;&#x30D7;&#x30EC;&#x30FC;&#x30C8;&#x306F;&#x3001;&#x30D1;&#x30FC;&#x30C4;&#x6BCE;&#x306B;&#x5171;&#x901A;&#x3067;&#x4F7F;&#x7528;&#x3067;&#x304D;&#x308B;&#x305F;&#x3081;\n
#37: &#x540C;&#x3058;&#x30D1;&#x30FC;&#x30C4;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3001;&#x4E2D;&#x8EAB;&#x306E;&#x90E8;&#x5206;&#x3060;&#x3051;&#x5225;&#x3067;&#x4F5C;&#x6210;&#x3057;&#x3066;&#x3044;&#x304F;&#x30FB;&#x30EA;&#x30F3;&#x30AF;&#x3084;&#x753B;&#x50CF;&#x306F;&#x30EB;&#x30FC;&#x30C8;&#x76F8;&#x5BFE;&#x3067;&#xFF08;&#x3042;&#x3068;&#x3067;&#x30C6;&#x30F3;&#x30D7;&#x30EC;&#x30FC;&#x30C8;&#x30BF;&#x30B0;&#x3092;&#x3044;&#x308C;&#x3084;&#x3059;&#x3044;&#x305F;&#x3081;&#xFF09;\n&#x30FB;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x9055;&#x3046;&#x30DA;&#x30FC;&#x30B8;&#x3092;&#x5168;&#x90E8;&#x4F5C;&#x3063;&#x3066;&#x304A;&#x304F;\n
#38: &#x30D6;&#x30E9;&#x30A6;&#x30B6;&#x3067;&#x30C1;&#x30A7;&#x30C3;&#x30AF;&#xFF01;&#x3053;&#x3053;&#x3067;&#x3061;&#x3083;&#x3093;&#x3068;&#x3057;&#x3066;&#x304A;&#x3051;&#x3070;&#x3001;WP&#x7D44;&#x307F;&#x8FBC;&#x3093;&#x3060;&#x3042;&#x3068;&#x304C;&#x3068;&#x3066;&#x3082;&#x30E9;&#x30AF;&#x30C1;&#x30F3;&#xFF01;\n
#39: &#x8A2D;&#x8A08;&#x3092;&#x3057;&#x3066;&#x3001;&#x305D;&#x308C;&#x3092;&#x3082;&#x3068;&#x306B;&#x30B3;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x3092;&#x3057;&#x3066;&#x3044;&#x308B;&#x9593;&#x306B;&#x3001;&#x6C17;&#x4ED8;&#x304F;&#x3053;&#x3068;&#x304C;&#x51FA;&#x3066;&#x304F;&#x308B;&#x306E;&#x3067;&#x3001;&#x5C11;&#x3057;&#x305A;&#x3064;&#x8A2D;&#x8A08;&#x3082;&#x5909;&#x308F;&#x308B;&#x3002;&#x7D42;&#x308F;&#x3063;&#x305F;&#x3068;&#x3053;&#x308D;&#x3067;&#x305D;&#x308C;&#x306B;&#x3042;&#x308F;&#x305B;&#x3066;WP&#x30A4;&#x30F3;&#x30B9;&#x30C8;&#x30FC;&#x30EB;&#x3068;&#x3001;&#x5C0E;&#x5165;&#x3059;&#x308B;&#x3053;&#x3068;&#x304C;&#x308F;&#x304B;&#x3063;&#x3066;&#x3044;&#x308B;&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x3092;&#x3042;&#x3089;&#x304B;&#x3058;&#x3081;&#x5165;&#x308C;&#x3066;&#x3057;&#x307E;&#x3046;&#x306E;&#x304C;&#x3001;&#x30B9;&#x30E0;&#x30FC;&#x30BA;&#x30FB;URL&#x3084;&#x30DE;&#x30EB;&#x30C1;&#x30D6;&#x30ED;&#x30B0;&#x306A;&#x3069;&#x6C17;&#x3092;&#x3064;&#x3051;&#x3066;&#x30A4;&#x30F3;&#x30B9;&#x30C8;&#x30FC;&#x30EB;&#x3068;&#x8A2D;&#x5B9A;\n&#x30FB;&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x306E;&#x5165;&#x308C;&#x904E;&#x304E;&#x306F;&#x30B5;&#x30A4;&#x30C8;&#x304C;&#x91CD;&#x304F;&#x306A;&#x3063;&#x3066;&#x3057;&#x307E;&#x3046;&#x539F;&#x56E0;&#x3060;&#x3051;&#x3069;&#x3001;&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x3092;&#x4F7F;&#x3048;&#x3070;&#x96E3;&#x3057;&#x3044;PHP&#x3092;&#x66F8;&#x304B;&#x306A;&#x304F;&#x3066;&#x3059;&#x3080;&#x3053;&#x3068;&#x3082;&#x3042;&#x308B;\n&#x4F8B;&#x3048;&#x3070;&#xFF1A;&#x30AB;&#x30B9;&#x30BF;&#x30E0;&#x30D5;&#x30A3;&#x30FC;&#x30EB;&#x30C9;&#x3084;&#x30B3;&#x30F3;&#x30BF;&#x30AF;&#x30C8;&#x30D5;&#x30A9;&#x30FC;&#x30E0;&#x306A;&#x3069;\n
#40: \n
#41: &#x30C6;&#x30FC;&#x30DE;&#x306E;&#x57FA;&#x672C;&#x30EB;&#x30FC;&#x30EB;&#xFF08;&#x57FA;&#x672C;&#x30BB;&#x30C3;&#x30C8;&#x3092;&#x4F5C;&#x3063;&#x3066;&#x304A;&#x304F;&#x3068;&#x4FBF;&#x5229;&#xFF09;\n&#x30FB;index.php&#xFF0F;style.css&#xFF0F;functions.phpCSS&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x4E2D;&#x306E;&#x57FA;&#x672C;&#x30B3;&#x30FC;&#x30C9;&#x3082;&#x3042;&#x3089;&#x304B;&#x3058;&#x3081;&#x66F8;&#x3044;&#x3066;&#x304A;&#x304F;&#x3002;\n
#42: &#x25CF;&#x3088;&#x304F;&#x4F7F;&#x3046;&#x30BF;&#x30B0;&#x306F;&#x30B9;&#x30CB;&#x30DA;&#x30C3;&#x30C8;&#x3068;&#x304B;&#x306B;&#x5165;&#x308C;&#x3061;&#x3083;&#x3046;&#xFF08;Dw&#xFF09;\n&#x30FB;&#x3080;&#x3057;&#x308D;&#x30C6;&#x30F3;&#x30D7;&#x30EC;&#x30FC;&#x30C8;&#x3067;&#x5FC5;&#x8981;&#x306A;&#x591A;&#x304F;&#x306E;&#x30BF;&#x30B0;&#x306F;&#x30B9;&#x30CB;&#x30DA;&#x30C3;&#x30C8;&#x306B;&#x5165;&#x308C;&#x3061;&#x3083;&#x3046;\n
#43: &#x3055;&#x3063;&#x304D;HTML&#x3067;&#x30D1;&#x30FC;&#x30C4;&#x6BCE;&#x306B;&#x308F;&#x3051;&#x3084;&#x3059;&#x3044;&#x3088;&#x3046;&#x306B;&#x30B3;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x3057;&#x305F;&#x3082;&#x306E;&#x3092;\n
#44: &#x5404;&#x30C6;&#x30F3;&#x30D7;&#x30EC;&#x30FC;&#x30C8;&#x306B;&#x308F;&#x3051;&#x3066;&#x3001;index.php&#x3084;&#x305D;&#x306E;&#x4ED6;&#x306E;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306B;&#x547C;&#x3073;&#x51FA;&#x3059;&#x307E;&#x305A;&#x306F;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x6C4E;&#x7528;&#x6027;&#x306E;&#x3042;&#x308B;&#x30DA;&#x30FC;&#x30B8;&#x3092;&#x4F5C;&#x6210;&#x3057;&#x3066;&#x3001;&#x7BA1;&#x7406;&#x753B;&#x9762;&#x3067;&#x4E2D;&#x8EAB;&#x3092;&#x6295;&#x7A3F;&#x3057;&#x3001;&#x78BA;&#x8A8D;&#x3059;&#x308B;&#x3002;&#x554F;&#x984C;&#x306A;&#x3051;&#x308C;&#x3070;&#x4ED6;&#x306E;&#x30DA;&#x30FC;&#x30B8;&#x3082;&#x304C;&#x3093;&#x304C;&#x3093;&#x4F5C;&#x6210;&#x3057;&#x3066;&#x3044;&#x304F;&#x3002;&#x3053;&#x308C;&#x3067;&#x5927;&#x4F53;OK&#x3002;\n
#45: &#x3053;&#x3053;&#x307E;&#x3067;&#x8A71;&#x3057;&#x305F;&#x3051;&#x3069;&#x3001;&#x3084;&#x3063;&#x3071;&#x308A;PHP&#x308F;&#x304B;&#x3063;&#x3066;&#x3044;&#x305F;&#x307B;&#x3046;&#x304C;&#x3001;&#x3082;&#x3061;&#x308D;&#x3093;&#x3044;&#x3044;&#x3088;&#x306D;&#x3002;&#x82E6;&#x624B;&#x3060;&#x304B;&#x3089;&#x300C;&#x3067;&#x304D;&#x306A;&#x3044;&#x300D;&#x3068;&#x306F;&#x601D;&#x3063;&#x3066;&#x6B32;&#x3057;&#x304F;&#x306A;&#x3044;&#x3051;&#x3069;&#x3001;&#x3053;&#x308C;&#x304C;&#x304D;&#x3063;&#x304B;&#x3051;&#x306B;PHP&#x3092;&#x52C9;&#x5F37;&#x3067;&#x304D;&#x305F;&#x3089;\n&#x3082;&#x3063;&#x3068;&#x7D20;&#x6575;&#x3002;\n
#46: &#x79C1;&#x304C;PHP&#x3092;&#x52C9;&#x5F37;&#x3057;&#x3066;&#x3044;&#x308B;&#x672C;&#x3002;&#x305F;&#x306B;&#x3050;&#x3061;&#x307E;&#x3053;&#x3068;&#x3055;&#x3093;&#x306E;&#x300C;&#x3088;&#x304F;&#x308F;&#x304B;&#x308B;PHP&#x306E;&#x6559;&#x79D1;&#x66F8;&#x300D;&#x4EE5;&#x524D;&#x4E00;&#x7DD2;&#x306B;WordPress&#x306E;&#x672C;&#x3082;&#x66F8;&#x3044;&#x305F;&#x3053;&#x3068;&#x306E;&#x3042;&#x308B;&#x3001;&#x79C1;&#x306E;&#x5148;&#x751F;&#x306E;&#x672C;&#x3002;\n
#47: &#x307E;&#x3060;&#x307E;&#x3060;&#x5B8C;&#x5168;&#x3058;&#x3083;&#x306A;&#x3044;&#x3051;&#x3069;&#x3001;PHP&#x306E;&#x4ED5;&#x7D44;&#x307F;&#x3084;&#x30EB;&#x30FC;&#x30EB;&#x304C;&#x308F;&#x304B;&#x3063;&#x3066;&#x304D;&#x305F;&#x3089;&#x3001;&#x3082;&#x3063;&#x3068;&#x8272;&#x3005;&#x306A;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x308B;&#x3088;&#x3046;&#x306B;&#x306A;&#x3063;&#x305F;&#x3002;\n&#x81EA;&#x5206;&#x3067;&#x89E3;&#x6C7A;&#x3057;&#x305F;&#x308A;&#x3001;&#x30A2;&#x30EC;&#x30F3;&#x30B8;&#x3057;&#x305F;PHP&#x304C;&#x52D5;&#x3044;&#x305F;&#x308A;&#x3059;&#x308B;&#x3068;&#x7D50;&#x69CB;&#x611F;&#x52D5;&#x3059;&#x308B;&#xFF01;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x306B;&#x3082;&#x3082;&#x3063;&#x3068;&#x81EA;&#x7531;&#x6027;&#x304C;&#x751F;&#x307E;&#x308C;&#x3066;&#x3001;&#x597D;&#x304D;&#x306A;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x3066;&#x697D;&#x3057;&#x3044;&#xFF01;\n
#48: &#x307E;&#x3068;&#x3081;\n
#49: &#x521D;&#x5FC3;&#x8005;&#x306E;&#x7686;&#x3055;&#x3093;&#x3082;&#x3001;&#x6050;&#x308C;&#x305A;&#x306B;&#x3069;&#x3093;&#x3069;&#x3093;&#x3055;&#x308F;&#x3063;&#x3066;&#x307F;&#x307E;&#x3057;&#x3087;&#x3046;&#x3002;\n&#x3042;&#x308A;&#x304C;&#x3068;&#x3046;&#x3054;&#x3056;&#x3044;&#x307E;&#x3057;&#x305F;&#x3002;\n

狠狠撸

笔贬笔がわからないデザイナーでもできる、简単カスタマイズ术

More Related Content

笔贬笔がわからないデザイナーでもできる、简単カスタマイズ术

Editor's Notes