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

たったひとつのウィジェットのつくりかた - WordPress, How to create a Single Widget.

たったひとつのウィジェットのつくりかた - WordPress, How to create a Single Widget.

2017年12月17日(日) WordBench 東京 12月勉強会 年末LT忘年会@ハートビーツ LT発表資料

Akira Tachibana

December 17, 2017
Tweet

More Decks by Akira Tachibana

Other Decks in Technology

Transcript

  1. ͨͬͨͻͱͭͷ
    ΢ΟδΣοτͷͭ͘Γ͔ͨ
    ཱՖ ໌
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    8PSE#FODI౦ژ ݄ษڧձ ೥຤-5๨೥ձ

    View Slide

  2. ཱՖ ໌
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    *5اۀۈ຿
    ϒϩάͰ 8PSE1SFTT Λར༻
    8PSE1SFTT%PDVNFOU5FBN
    ग़਎ٶ࡚
    झຯԿ͔ಡΉ͜ͱɺूΊΔ͜ͱ
    8P!BUBDIJCBOB
    ࠷ۙͷϒʔϜ৽ւ੣

    View Slide


  3. ͋Δ೔ɺEPDTʹจ͕͖۟ͨ
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  4. ݸ͚ͩଘࡏ͢Δ
    ΢ΟδΣοτΛ࡞Γ͍͚ͨͲ
    υΩϡϝϯτʹͳ͍͡Όͳ͍
    ͳΜͱ͔͠ͳ͍͞
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  5. $PEFY
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  6. $PEF3FGFSFODF
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  7. 5IFNF)BOECPPL
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  8. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    ͔ͨ͠ʹͳ͍

    View Slide


  9. ͱΓ͋͑ͣͷճ౴
    ੩తม਺Ͱ
    ൪໨Ҏ߱ͷΠϯελϯεΛ
    ͸͚͡͹
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  10. Ϛϧν΢ΟδΣοτ͕ݏͳͷ
    γϯάϧ΢ΟδΣοτʹ͍ͨ͠ͷ
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  11. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    Ϛϧν΢ΟδΣοτ
    γϯάϧ΢ΟδΣοτ
    ͳʹͦΕ

    View Slide

  12. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    ௕͍ฦ৴͕౸ண

    View Slide

  13. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  14. ೥݄
    7FSTJPO ϦϦʔε
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  15. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  16. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    ͜ͷࠒɺҰ౓΢ΟδΣοτΛ
    ྖҬʹ഑ஔ͢Δͱ
    ར༻Մೳͳ΢ΟδΣοτϦετ͔Β
    ফ͑Δ΋ͷ͕͋ͬͨ Β͍͠

    ͜Ε͕γϯάϧ΢ΟδΣοτ

    View Slide

  17. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    ιʔείʔυ୳ࡧ

    View Slide


  18. ͦΕͬΆ͍ͷൃݟ
    XQJODMVEFTDMBTTXQXJEHFUQIQ
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    [email protected]
    \
    [email protected] [email protected]


    JG FNQUZ TFUUJOHT
    JTTFU [email protected]>

    \
    0MEGPSNBU DPOWFSUJGTJOHMFXJEHFU
    [email protected]@[email protected]
    [email protected] [email protected]
    TFUUJOHT

    ^
    VOTFU [email protected]> [email protected]@[email protected]@>

    SFUVSOTFUUJOHT
    ^

    View Slide


  19. [email protected]>
    Λ͝ʹΐ͝ʹΐ΍Δ͕
    ͪͬͱ΋ಈ͔ͳ͍
    ݪҼෆ໌
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  20. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  21. ͜ͷ 6*ͷ։ൃυΩϡϝϯτ͸
    Ͳ͜
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  22. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    Զ

    View Slide

  23. +BWB4DSJQU ΛΤϯΩϡʔ
    ◦ +BWB4DSJQUͷొ࿥
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    [email protected]*[email protected] [email protected] \
    [email protected]@DPOTUSVDU
    \

    JG [email protected]

    \
    [email protected]@TDSJQU
    TJOHMFJOTUBODFXJEHFUKT`
    [email protected] TJOHMFJOTUBODFXJEHFUKT @@'*-&@@

    BSSBZ

    GBMTF
    USVF


    ^

    View Slide

  24. "KBY ׬ྃޙ %0.Λ୳ͬͯ
    TIPX
    IJEF

    ◦ +BWB4DSJQUͷొ࿥
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    K2VFSZ EPDVNFOU
    BKBY$PNQMFUF GVODUJPO FWFOU
    \

    JG SFRVFTUBDUJPO SFRVFTUBDUJPO TBWFXJEHFU

    \
    WBS [email protected] K2VFSZ XJEHFUMJTU
    DIJMESFO

    GPS WBS J J [email protected]
    \

    JG [email protected] @[email protected]@[email protected]@[email protected]@
    \
    [email protected]@JE [email protected]
    CSFBL
    ^
    ^
    JG [email protected] [email protected]


    \
    K2VFSZ [email protected]@JE
    TIPX

    ^FMTF\
    K2VFSZ [email protected]@JE
    IJEF
    ^

    View Slide

  25. ॳظϩʔυ࣌ͷૢ࡞΋௥Ճ
    ◦ +BWB4DSJQUͷొ࿥
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    K2VFSZ EPDVNFOU
    SFBEZ GVODUJPO
    \
    XJEHFUTK2VFSZ XJEHFUTSJHIU
    GJOE XJEHFU

    GPS WBS J J XJEHFUTMFOHUIJ
    \
    JG XJEHFUTJE
    JOEFY0G @[email protected]@XJEHFU

    \
    WBS [email protected] K2VFSZ XJEHFUMJTU
    DIJMESFO

    GPS WBS [email protected]
    \
    [email protected] K
    JG [email protected]
    [email protected]
    @[email protected]@[email protected]@[email protected]@
    \
    WBS [email protected]@JE [email protected]
    JE
    K2VFSZ [email protected]@JE
    IJEF

    CSFBL
    ^
    ^
    CSFBL

    View Slide


  26. Ͱ͖ͨ
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  27. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  28. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  29. ϝϞޮ཰ྑ͍࡞ۀͷͨΊ
    ϒϥ΢βͷΩϟογϡΛΦϑʹ͢Δ
    $ISPNF ݕূ /FUXPSL%JTBCMFDBDIF
    ϓϥάΠϯͷ༗ޮԽɺແޮԽͷૢ࡞ʹ
    XQDMJΛ࢖͏
    WBHSBOUTTI

    XQQMVHJOUPHHMFϓϥάΠϯ໊
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  30. ܽ఺
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  31. ΧελϚΠβʔͰಈ͔ͳ͍
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  32. ΧελϚΠβʔରࡦ ະ׬

    ൑ఆ͸ [email protected][[email protected]

    %0.͸ಉ͡΋ͷ͕࢖͑ͦ͏
    ΧελϚΠβʔͷίϝϯτΑΓ
    %0.ੜ੒ͷλΠϛϯά͕ҟͳΔͨΊ୯७ͳϩδο
    ΫͰ͸ෆՄ
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54
    'PS8JEHFU$VTUPNJ[FS NBOZXJEHFUTUSZUPMPPL
    GPSJOTUBODFTVOEFSEJWXJEHFUTSJHIU TPXFIBWFUP
    BEEUIBU*%UPBDPOUBJOFSEJWJOUIF$VTUPNJ[FSGPS
    DPNQBU

    View Slide


  33. ΢ΟδΣοτϦετ͕
    ྻදࣔͷͱ͖
    ٧·ΒۭͣനʹͳΔ
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  34. %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  35. ྻදࣔͷۭനରࡦ ະ׬

    ෆ໌ɻԿ͔͍͍ΞΠσΞ͕͋Ε͹ੋඇ
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  36. ൓ল
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  37. ͦ΋ͦ΋γϯάϧ΢ΟδΣοτͬͯ
    Ϣʔβʔχʔζ͸͋ΔͷͩΖ͏͔
    ීஈͱҟͳΔ 6* ͸
    ϢʔβʔΛࠞཚͤ͞Δ͚ͩͰ͸
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  38. ڭ܇
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  39. ҆қʹճ౴͠ͳ͍
    ࢓༷Λͦͷ··ड͚ೖΕͳ͍
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide


  40. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide

  41. ෇࿥
    ιʔείʔυ
    IUUQTHJUIVCDPNBUBDIJCBOBTJOHMFJOTUBODF
    XJEHFU
    %FD7FS 8PSE#FODI5PLZP%FDFNCFS!)&"35#&"54

    View Slide