Upgrade to Pro — share decks privately, control downloads, hide ads and more …

正しいテーマの作り方 これができたらテーマ制作の上級者！

567e1272bd038860f64c3c1c8dd5dfdb?s=47 Shinichi Nishikawa
July 10, 2016
Technology
13
3.1k

正しいテーマの作り方 これができたらテーマ制作の上級者！

WordCamp Kansai 2016 で使ったスライドです：D

567e1272bd038860f64c3c1c8dd5dfdb?s=128

Shinichi Nishikawa

July 10, 2016
Tweet

More Decks by Shinichi Nishikawa

See All by Shinichi Nishikawa
567e1272bd038860f64c3c1c8dd5dfdb?s=48 shinichin
0
740
567e1272bd038860f64c3c1c8dd5dfdb?s=48 shinichin
0
200
567e1272bd038860f64c3c1c8dd5dfdb?s=48 shinichin
0
710

Other Decks in Technology

See All in Technology
A83a7138276e3275d94d91ed90d13300?s=48 hecateball
1
12k
A9d0b414035afe78da47980a90e62b68?s=48 suzukiry
0
210
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
1
940
F082484f19b518225501fafa28d05b93?s=48 greymd
0
620
9cdb1d21375062bc2cd0d1358c2fa1f0?s=48 noir_neo
0
130
40301c0affdf359eaca771713e22b71a?s=48 harshbothra
0
120
35f1e35d8c02c612e281c6c7a9d22341?s=48 hirosys
0
130
F593efb2c199100c8086dbf130c71ffa?s=48 helayoty
0
130
D99b232749259de3083102b4b32199bc?s=48 ray_30cm_ns
0
280
0e20ab5db11ca70d818a4f10bfea9c9c?s=48 ymas0315
0
160
A645e7c3a6635ead8fa323c583769591?s=48 hololab
0
200
34d5dd227dad6526e026f43b42b269b6?s=48 kekeke_47
0
230

Featured

See All Featured
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
478
150k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
285
18k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
204
35k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
111
9.9k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
17k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
11
740
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
127
20k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
258
24k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
86
8.5k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
15k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
499
130k

Transcript

  1. “ਖ਼͍͠” ςʔϚͷ࡞Γํ Shinichi Nishikawa WordCamp Kansai 2016 ͜Ε͕Ͱ͖ͨΒςʔϚ੍࡞ͷ্ڃऀ

  2. “ਖ਼͍͠”ʁ

  3. ελϯμʔυ͕͋Γɺ ཧ༝͕͋Γɺ ϝϦοτ΋͋Δɻ

  4. ࠓ೔ͷ࿩ ۩ମతʹɺίʔυΛݟͳ͕ΒɺϕετϓϥΫ ςΟεΛֶͼɺࠓޙࣗ෼ͰεΩϧΛ޲্ͯ͠ ͍͚ΔΑ͏ʹɺϦιʔε΍ͦͷௐ΂ํΛֶͿɻ

  5. Shinichi Nishikawa @shinichiN

  6. None

  7. ͜ͷ3݄·Ͱ

  8. None

  9. 3݄͔Β

  10. None
  11. None
  12. None

  13. http://ogi.osampo-radio.com/

  14. ϒϩά http://nskw-style.com

  15. ӳޠ൛ http://th-daily.shinichi.me

  16. ձࣾ http://nobil.cc

  17. Ҡॅϒϩά & Podcast http://thai.osampo-radio.com http://journey.osampo-radio.com

  18. WordPress ͱͷؔ܎

  19. WordCamp Tokyo 2012 ࣮ߦҕһ௕

  20. Bangkok WordPress Meetup ্ཱͪ͛ɻӳޠʗλΠޠάϧʔϓɺ೔ຊޠάϧʔϓ

  21. WordBench உ໦ౡ

  22. WordCamps

  23. ຊ೔ͷΰʔϧ

  24. ۩ମతʹɺίʔυΛݟͳ͕ΒɺϕετϓϥΫςΟε Λֶͼɺࠓޙࣗ෼ͰεΩϧΛ޲্͍͚ͯ͠ΔΑ͏ʹɺ Ϧιʔε΍ͦͷௐ΂ํΛֶͿɻ

  25. ࡢ೥ͷςʔϚ͸ɺ ʮςʔϚ੍࡞ͷϕετϓϥΫςΟεʯ Ͱɺͦͷ݁࿦͸ɺ

  26. 1. ݟͨ໨ʹప͢Δ 2. ͲΜͳϓϥάΠϯͱ΋ػೳ͢ΔͨΊͷ࡞๏Λ஌Δ 3. WordPress ͷػೳΛϑϧ׆༻ 4. ίϯςϯπʹ৮Βͳ͍ Ͱͨ͠ɻ

    4ͭͷϕετϓϥΫςΟε http://www.slideshare.net/NSKW/ learning-from-theme-review-requirements

  27. ͦͷଓ͖తͳҐஔ͚ͮͰ͢

  28. େ -> খ ͷॱ൪Ͱ͍͖·͢Ͷ

  29. WordPress ࣗମ͕ ਐԽ͍ͯ͘͠ͷΛ஌Δ

  30. wp_title() Λ΍ΊΔ͜ͱʹͳͬͨ

  31. ςʔϒϧɺ1ݸ૿͑ͨ

  32. wordpress.org/news ָ͕

  33. ςʔϚͷछྨ

  34. ςʔϚͷछྨ • ਌ςʔϚ • ࢠςʔϚ • ελʔλʔςʔϚ • _s •

    ϑϨʔϜϫʔΫతͳ΋ͷ • roots.io/sage ख़஌ͯ͠ɺ ໨తʹԠͯ͡ɺ ࢖͍෼͚͕Ͱ͖ΔΑ͏ʹ

  35. ͨͱ͑͹ɺɺ ʮ ϚϧναΠτͰࢧళϖʔδΛͨ͘͞Μ࡞Δʯͱ͍͏৔߹ɺ - ϕʔεʹͳΔςϯϓϨʔτ਌ςʔϚΛͰ࡞੒ - indexͷϖʔδΛࢠςʔϚɺࢧళͷϖʔδΛผͷࢠςʔϚ - ͋Δ͍͸਌αΠτ͸ಠཱͷςʔϚɺࢧళͷ਌ςʔϚΛઃஔ͠ɺ֤ࢧళ͸ඞཁʹ Ԡͯ͡ࢠςʔϚΛ࡞੒ͯࠩ͠෼ͷΈ࡞Δ

    - ػೳ͸શ෦ϓϥάΠϯʹམͱ͜͠ΜͰɺબ୒తʹ༗ޮԽ

  36. ςϯϓϨʔτ֊૚ ͱ get_template_parts()

  37. ख़஌͠Α͏ʂ

  38. get_template_parts() ศར

  39. ͨͱ͑͹ɺ

  40. URL ؔ࿈

  41. ςʔϚ΁ͷURI IUUQFYBNQMFDPNXQDPOUFOUUIFNFTNZUIFNFJNHBQOH ͱ͔ XQDPOUFOUUIFNFTNZUIFNFJNHBQOH ͱ͔ॻ͔ͳ͍ɻ ҧ͏؀ڥ΍44-Խͨ࣌͠ͱ͔ࠔΔɻ

  42. αΠτͷURL ͱ͔BCPVUͱ͔͠ͳ͍ɻ  QIQCMPHJOGP lVSMz  ͱ͔͠ͳ͍ɻ

  43. <head />

  44. underscores ͷ head ෦෼

  45. ۃ୺ʹݴ͑͹ɺ͜ΕͰ΋͍͚Δ ಈతʹ͢Δ͜ͱͰɺ ͍͍͜ͱ͕͋Δɻ

  46. ͍͍͜ͱ • ͲΜͳ؀ڥͰ΋ಈ͘ • ϓϥάΠϯͱڞଘͰ͖ΔʗίϯϑϦΫτͳ͠ • ϓϥάΠϯ΍ࢠςʔϚ͔Βग़ྗΛม͑ΒΕΔ • ʢͳΜ͔ؾ΋͕͍͍ͪؾ͕͢Δʣ

  47. <head /> Ͱ஌͓͖͍ͬͯͨ • wp_head() / wp_footer() • wp_enqueue_script /

    wp_enqueue_style • wp_register_script / wp_register_style • wp_dequeue_* / wp_deregister_* • wp_add_inline_script / wp_add_inline_style

  48. wp_head() / wp_footer() ͦΕͧΕ</head> ͷ௚લɺ</body>ͷ௚લʹ Կ͔Λग़ྗ͢Δࡍʹ࢖͏ɻ

  49. wp_head() / wp_footer() IFBE಺ʹԿ͔Λ௚઀ग़ྗ͍ͤͨ࣌͞ͳͲʹɻ

  50. wp_head() / wp_footer() ιʔεΛݟΔͱɺͨͩͷEP@BDUJPOͰ͢ɻ

  51. wp_enqueue_script / wp_enqueue_style ͷ஥ؒ Javascript, stylesheet ΛಡΈࠐΉͱ͖ʹ࢖͏ɻ ςʔϚͱϓϥάΠϯͷ྆ํ͔Β jQuery ͕ݺ͹Ε

    ͨ࣌ɺґଘ͢ΔεΫϦϓτ͕͋ΔࡍͳͲʹศརɻ

  52. wp_enqueue_script / wp_enqueue_style

  53. wp_register_script / wp_enqueue_script

  54. wp_dequeue_script / wp_dequeue_script ࢠςʔϚ΍ϓϥάΠϯ͔Βɺ ͢Ͱʹొ࿥͞Ε͍ͯΔ +BWBTDSJQU΍TUZMFTIFFUΛ আ੶͢Δ࣌ʹ࢖͏ɻ

  55. wp_add_inline_script / wp_add_inline_style

  56. ίΞʹಉࠝ͞Ε͍ͯΔεΫϦϓτ K2VFSZ΍ͦͷ஥ؒɺ6OEFSTDPSFKT #BDLCPOFKTͳͲ͸ 8PSE1SFTTʹ͸͡Ί͔Βೖ͍ͬͯͯɺϋϯυϧ໊ͷΈͷ ࢦఆFORVFVFͰಡΈࠐ·ΕΔɻ ͜ΕͰɺ XQJODMVEFTKTKRVFSZKRVFSZKT XQJODMVEFTKTKRVFSZKRVFSZNJHSBUFNJOKT XQJODMVEFTKTKRVFSZVJF⒎FDUNJOKT XQJODMVEFTKTKRVFSZVJF⒎FDUCMJOENJOKT

    ͷ͕ͭಡΈࠐ·ΕΔɻ IUUQTEFWFMPQFSXPSEQSFTTPSHSFGFSFODFGVODUJPOTXQ@FORVFVF@TDSJQU

  57. ηΩϡϦςΟ

  58. ςʔϚͰؾΛ͚ͭΔ͜ͱ • ςʔϚ͸ݟͨ໨ͷ͜ͱͳͷͰɺग़ྗɻʢͭ· ΓɺԿ͔Λอଘ͠ͳ͍ʣ • ͳͷͰɺόϦσʔγϣϯͱΤεέʔϓ͕ओɻ

  59. όϦσʔγϣϯ • ஋ͷݕࠪͷ͜ͱ • ૝ఆͯͨ͠ͷͱҧ͏ͷ͕དྷͯɺڍಈ͕͓͔͘͠ͳ ΔͷΛ๷͙ • ਺ࣈͳΒ਺ࣈɺจࣈྻͳΒจࣈྻɺϝΞυͳΒϝ ΞυͰ͋Δ͜ͱΛ֬ೝ͢Δɻ •

    ͦΕ༻ͷؔ਺ɺϗϫΠτϦετɺϒϥοΫϦετ ͳͲͷํ๏͕͋ΔͷͰݟͯΈ·͠ΐ͏

  60. ϗϫΠτϦετʗϒϥοΫϦετ • ϗϫΠτϦετ • OKͳ஋܈ΛϦετ͓͍ͯͯ͠ɺೖྗ஋ʢࠓ͔Β ݕࠪ͠Α͏ͱ͍ͯ͠Δର৅ʣ͕ɺ͜ͷϦετʹೖͬ ͍ͯΔ͔Ͳ͏͔Λ֬ೝ͢Δํ๏ • ϒϥοΫϦετ •

    NGͳ஋܈ΛϦετ͓͍ͯͯ͠ɺೖྗ஋͕͜Εʹ ͋ͨΔ͔Ͳ͏͔Λ֬ೝ͢Δํ๏

  61. ϗϫΠτϦετ

  62. Τεέʔϓ • esc_* ؔ਺Λ཈͑Δ • wp_kses() Λ֮͑Δ

  63. esc_*()

  64. wp_kses() • ͋Β͔͡Ίఆٛ͞Εͨ html λάͱଐੑͷΈΛ ڐՄ͠ɺͦΕҎ֎͸ফͯ͠ɺ҆શͳ html จࣈ ྻΛฦ͢ɻ •

    ϑΟϧλϦϯάͰ͖Δɻ • a λάΛؚΊ͍͚ͨͲΤεέʔϓ͍ͨ࣌͠ͳͲ ʹศར

  65. ԿΛΤεέʔϓ͢Δͷ͔ • ʮ֎͔Βདྷͨɺ৴པͰ͖ͳ͍஋͸શ෦ʯ
 
 ͨͱ͑͹ɺɺɺ • GET ΍ POST ͳͲͰૹ৴͞Ε͖ͯͨ஋

    • σʔλϕʔε͔ΒऔΓग़ͨ͠஋ • RSSϑΟʔυ΍APIܦ༝ͳͲ֎෦αʔϏε͔ΒऔΓग़͠ ͨ஋

  66. Ͳ͏Τεέʔϓ͢Δͷ͔ • ͳͥɺecho ͷதͰΤεέʔϓ͠ͳ͍ͷ͔ͱ͍ ͏ͱɺग़ྗ͞ΕΔจ຺ʹΑͬͯɺΤεέʔϓͷ ํ๏͕ҟͳͬͯ͘Δ͔Βɻ • ͳͷͰɺจ຺ʹΑͬͯطଘͷؔ਺Λ࢖͍෼͚ Δ͜ͱ͕େࣄɻ

  67. ςϯϓϨʔτλά ͱ WordPress ͷؔ਺ ͷҧ͍

  68. ͨͱ͑͹ɺ • the_content(); ͱ echo get_the_content();
 ͸ಉ͡Ͱ͸ͳ͍ɻ • echo get_permalink();

    ͱ the_permalink();
 ͸ಉ͡Ͱ͸ͳ͍

  69. the_content() ͱ͸

  70. the_content ϑΟϧλʔͱ͸ XQJODMVEFTEFGBVMUpMUFSTQIQ

  71. ςϯϓϨʔτλάͱͦͷଞͷؔ਺ • ςϯϓϨʔτλά͸ɺ͍Ζ͍ΖͱؾΛ࢖ͬͯ ͘Ε͍ͯΔͷͰɺ҆৺ͯ͠࢖͍͍ͬͯɻ
 the_ Ͱ͸͡·Δ΋ͷ • ͦ͏Ͱͳ͍΋ͷ͸ɺ஫ҙ͠ͳ͍ͱࢥΘ͵ڍಈ ʹͳΔ͔΋͠Εͳ͍ɻϑΟϧλʔΛ௨Βͳ͍ɻ ϓϥάΠϯ͔Βมߋ͕ޮ͍ͯͳ͔ͬͨΓͱ͔

    ͢Δɻ

  72. ΢ΟδΣοτɺΧελϜ౤ߘλΠϓɺΧ ελϜλΫιϊϛɺWP_*_Query ͳͲ ͷొ࿥༻ͷίʔυ͸δΣωϨʔλΛ࢖͏ɻ

  73. generatewp.com

  74. ςʔϚ੍࡞ͷ্ڃऀͱ͸ʁ

  75. 1. ݟͨ໨ʹప͢Δ 2. ͲΜͳϓϥάΠϯͱ΋ػೳ͢ΔͨΊͷ࡞๏Λ஌Δ 3. WordPress ͷػೳΛϑϧ׆༻ 4. ίϯςϯπʹ৮Βͳ͍ Ͱͨ͠ɻ

    ڈ೥ͷ 4ͭͷϕετϓϥΫςΟε http://www.slideshare.net/NSKW/ learning-from-theme-review-requirements

  76. ্ڃऀ • ݟͨ໨ʹప͢Δɻcss, Javascript ؤுΔɻ • WordPress తͳॻ͖ํΛ஌Δɻ • ηΩϡϦςΟʹؾΛ࢖͏ɻ

    • δΣωϨʔλɺεχϖοτͳͲΛ׆༻͢Δɻ • ࢠςʔϚɺελʔλʔςʔϚɺϑϨʔϜϫʔΫͳͲΛ׆༻͢Δɻ • ػೳ͸ϓϥάΠϯʹৡΔɻ PHP ͷଆ໘͔ΒݟΔͱɺ ςʔϚ੍࡞ͱͯ͠஌Βͳ͍ͱ͍͚ͳ͍͜ͱ͸ɺ ࣮͸ͦΜͳʹͳ͍ɻ

  77. ͓͠·͍

  78. Ϧιʔε • wordpress.org/news • developer.wordpress.org/themes/getting- started/ • developer.wordpress.org • ίσοΫε

    ͱ codex