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

【初心者向け】超初歩!カスタムフィールドでページの項目を追加!

Hiroki Saiki
November 29, 2016

 【初心者向け】超初歩!カスタムフィールドでページの項目を追加!

WordBench Users 第一回「WordPressの使い方を共有しよう!」でのスライドです。

Hiroki Saiki

November 29, 2016
Tweet

More Decks by Hiroki Saiki

Other Decks in Technology

Transcript

  1. 8PSE#FODI6TFSTୈҰճ
    ʮ8PSE1SFTTͷ࢖͍ํΛڞ༗͠Α͏ʂʯ

    View full-size slide

  2. 8PSE#FODI6TFSTୈҰճ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    ʲॳ৺ऀ޲͚ʳ௒ॳาʂ

    View full-size slide

  3. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ

    View full-size slide

  4. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͓அΓɿ
    ࠓճͷ಺༰͸͘͝ॳ৺ऀ޲͚ͷ
    ಺༰ʹͳ͍ͬͯ·͢ɻ

    View full-size slide

  5. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͓அΓɿ
    ৽͍͠৘ใ͸͜Εͱ͍ͬͯ
    ಛʹ͋Γ·ͤΜ
    ʀТʀʆ

    View full-size slide

  6. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͓அΓɿ
    ؾΛऔΓ௚ͯ͠ʜ
    ʀТʀʆ
    řŕʜ

    View full-size slide

  7. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ࠓ೔ͷΞδΣϯμɿ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜϑΟʔϧυͬͯʁ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾදࣔํ๏
    ϓϥάΠϯΛར༻͢Δ
    ۩ମతͳ࢖͍ํͷҰྫ

    View full-size slide

  8. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜ
    ϑΟʔϧυͬͯʁ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾදࣔํ๏
    ϓϥάΠϯΛར༻͢Δ
    ۩ମతͳ࢖͍ํͷҰྫ

    View full-size slide

  9. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜ
    ϑΟʔϧυͬͯʁ
    ʮλΠτϧʯͱʮຊจʢΤσΟλʣʯҎ֎ʹ೚ҙͷೖྗ
    ཝʢ߲໨ʣΛ೚ҙͷ਺͚ͩ૿΍ͤΔɻ
    ౤ߘͷதʹఆܕͰදࣔ͢Δ৔߹ʹศར
    ɾʢ͢΂ͯͷʣ౤ߘʹಉछͷ߲໨Λදࣔ͢Δ৔߹
    ɾ܁Γฦ͠ɺ౤ߘʹಉछͷ߲໨Λදࣔ͢Δ৔߹
    ɾΤσΟλ͔ΒͷೖྗɾදࣔΛ؆ૉԽ͍ͨ͠৔߹
    ͳͲ

    View full-size slide

  10. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜ
    ϑΟʔϧυͬͯʁ

    View full-size slide

  11. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜ
    ϑΟʔϧυͬͯʁ

    View full-size slide

  12. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜ
    ϑΟʔϧυͬͯʁ

    View full-size slide

  13. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜϑΟʔϧυͬͯʁ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    ϓϥάΠϯΛར༻͢Δ
    ۩ମతͳ࢖͍ํͷҰྫ

    View full-size slide

  14. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏

    View full-size slide

  15. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    ೖྗྫ

    View full-size slide

  16. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏

    View full-size slide

  17. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    ͑ʔͱʁ ʉТʉ

    View full-size slide

  18. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    ΧελϜϑΟʔϧυΛαΠτ্ʹදࣔ
    ͢ΔͨΊʹɺ·ͣ8PSE1SFTTͷؔ਺
    Λ࢖ͬͯΧελϜϑΟʔϧυͷ஋Λऔ
    ಘͯ͠ɺͦΕΛςϯϓϨʔτϑΝΠϧ
    ্Ͱग़ྗ͢Δඞཁ͕͋Δɻ

    View full-size slide

  19. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    ꒪ứ꒪

    View full-size slide

  20. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    QIQNFUB@WBMVFTHFU@QPTU@NFUB QPTU@JE LFZ TJOHMF

    ೔ຊޠ$PEFYؔ਺ϦϑΝϨϯεHFUQPTUNFUB
    IUUQTXQEPDTPTEOKQ&"&#&""
    &&"&"$&#&#HFU@QPTU@NFUB

    View full-size slide

  21. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    QIQNFUB@WBMVFTHFU@QPTU@NFUB QPTU@JE LFZ TJOHMF

    දࣔ͢Δ౤ߘͷ*% QPTU*%ɺHFU@UIF@*%ͳͲͰऔಘ

    ؅ཧը໘্Ͱೖྗͨ͠ʮ໊લʯ
    ಉ͡ʮ໊લʯͷΧελϜϑΟʔϧυ͕ଞʹͳ͍ͳΒʰUSVFʱɺ
    ෳ਺͋ͬͯ·ͱΊͯऔಘ͢Δ৔߹͸ʰGBMTFʱ
    ʢಉ͡ʮ໊લʯͷΧελϜϑΟʔϧυ͕ෳ਺͋ͬͯʰUSVFʱΛࢦఆ͢Δͱ࠷ॳͷͻͱ͚͕ͭͩऔಘͰ͖Δʣ

    View full-size slide

  22. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    QIQNFUB@WBMVFTHFU@QPTU@NFUB QPTU@JE LFZ TJOHMF

    ΋ͬͱ؆୯ͳํ๏
    ͳ͍ͷʁ

    View full-size slide

  23. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    γϣʔτίʔυ͕͋Δ͡Όͳ͍͔ʂ

    View full-size slide

  24. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏

    GVODUJPOGPPCBS@GVOD BUUT
    \
    SFUVSOGPPBOECBS
    ^
    BEE@TIPSUDPEF GPPCBS GPPCBS@GVOD

    ೔ຊޠ$PEFYγϣʔτίʔυ"1*
    IUUQXQEPDTPTEOKQ&#&"&#$
    &&#&#$&@"1*

    View full-size slide

  25. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    GVODUJPOTQIQ ꒪⌓꒪

    View full-size slide

  26. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏

    GVODUJPOGPPCBS@GVOD BUUT
    \
    SFUVSOGPPBOECBS
    ^
    BEE@TIPSUDPEF GPPCBS GPPCBS@GVOD

    ೔ຊޠ$PEFYγϣʔτίʔυ"1*
    IUUQXQEPDTPTEOKQ&#&"&#$
    &&#&#$&@"1*
    ΋ͬͱ؆୯ͳํ๏
    ͳ͍ͷʁ

    View full-size slide

  27. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾ
    දࣔํ๏
    ϓϥάΠϯ
    ࢖͍·͠ΐ͏
    ʢɾ㱼ɾʣ

    View full-size slide

  28. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜϑΟʔϧυͬͯʁ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾදࣔํ๏
    ϓϥάΠϯΛར༻͢Δ
    ۩ମతͳ࢖͍ํͷҰྫ

    View full-size slide

  29. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    ͲΕ࢖͑͹͍͍ͷ໰୊

    View full-size slide

  30. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    $VTUPN'JFME5FNQMBUF
    IUUQTKBXPSEQSFTTPSHQMVHJOTDVTUPNpFMEUFNQMBUF

    View full-size slide

  31. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    $VTUPN'JFME5FNQMBUF
    IUUQTKBXPSEQSFTTPSHQMVHJOTDVTUPNpFMEUFNQMBUF
    ݹ͔͘Βͷఆ൪ϓϥάΠϯ
    ࠓͱͳͬͯ͸ͪΐͬͱݹ͍6*
    ͪΐͬͱෳࡶͳࣄΛ͠Α͏ͱ͢Δͱ1)1ඞਢ
    ࡞ऀ͸೔ຊਓͰɺ೔ຊޠͷ৘ใ͕ଟ͍
    ࠷ॳ͔ΒγϣʔτίʔυʹରԠ͍ͯ͠Δ
    ˞ݸਓͷײ૝Ͱ͢

    View full-size slide

  32. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    "EWBODFE$VTUPN'JFMET
    IUUQTKBXPSEQSFTTPSHQMVHJOTBEWBODFEDVTUPNpFMET

    View full-size slide

  33. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    "EWBODFE$VTUPN'JFMET
    IUUQTKBXPSEQSFTTPSHQMVHJOTBEWBODFEDVTUPNpFMET
    ࠷ۙͷఆ൪ϓϥάΠϯͰɺ௒ଟػೳ
    σʔλͷ֨ೲํ๏͕ಠಛͳͷͰɺ͋ͱ͋ͱଞͷ
    ϓϥάΠϯʹ৐Γ׵͑Δ৔߹ͳͲͷσʔλҠߦ
    ͕೉͍͠
    ೔ຊޠͷ৘ใ͕ଟ͍
    ಠࣗλάͰग़ྗͰ͖ΔʢҠߦ࣌ʹ஫ҙʂʣ
    ˞ݸਓͷײ૝Ͱ͢

    View full-size slide

  34. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    $VTUPN'JFME4VJUF
    IUUQTKBXPSEQSFTTPSHQMVHJOTDVTUPNpFMETVJUF

    View full-size slide

  35. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    $VTUPN'JFME4VJUF
    IUUQTKBXPSEQSFTTPSHQMVHJOTDVTUPNpFMETVJUF
    "EWBODFE$VTUPN'JFMET͕ϕʔε
    ػೳ͕๛෋
    ࢖͍ํ͕Θ͔ΓͮΒ͍ʢؾ͕͢Δʣ
    ೔ຊޠͷ৘ใ͕গͳ͍
    ˞ݸਓͷײ૝Ͱ͢

    View full-size slide

  36. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    4NBSU$VTUPN'JFMET
    IUUQTKBXPSEQSFTTPSHQMVHJOTTNBSUDVTUPNpFMET

    View full-size slide

  37. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    4NBSU$VTUPN'JFMET
    IUUQTKBXPSEQSFTTPSHQMVHJOTTNBSUDVTUPNpFMET
    ඞཁे෼ͳػೳ
    ׳Ε͍ͯͳ͍ਓʹ͸ͪΐͬͱෑډ͕ߴ͍͔΋
    ෳࡶͳΧελϚΠζ΋Ͱ͖Δ
    େྔͷIPPLʢΧελϚΠζ͠΍͍͢ʣ
    ࡞ऀ͸೔ຊਓ
    ˞ݸਓͷײ૝Ͱ͢

    View full-size slide

  38. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    ˞ݸਓͷײ૝Ͱ͢

    View full-size slide

  39. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    ͰɺͲΕʁʢɾ㱼ɾʣ

    View full-size slide

  40. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    ॳ৺ऀɾϓϩάϥϜΘ͔Βͳ͍ਓ
    ˞ݸਓͷײ૝Ͱ͢
    ˠ$VTUPN'JFME5FNQMBUF
    1)1ͪΐͬͱΘ͔ΔɾσβΠφʔͳͲ࢓ࣄͰѻ͏ਓ
    ˠ"EWBODFE$VTUPN'JFMETʢ͝ར༻͸ܭըతʹʣ
    8PSE1SFTT׳Ε͍ͯΔɾϓϩάϥϚʔͳਓ
    ˠ"EWBODFE$VTUPN'JFMETɺ
    ɹ4NBSU$VTUPN'JFMETΛదٓ࢖͍෼͚

    View full-size slide

  41. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ϓϥάΠϯΛར༻͢Δ
    ˞ݸਓͷײ૝Ͱ͢

    View full-size slide

  42. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͦ΋ͦ΋8PSE1SFTTͷΧελϜϑΟʔϧυͬͯʁ
    ؅ཧը໘ʢΤσΟλʣͰͷೖྗํ๏ɾදࣔํ๏
    ϓϥάΠϯΛར༻͢Δ
    ۩ମతͳ࢖͍ํͷҰྫ

    View full-size slide

  43. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ۩ମతͳ࢖͍ํͷҰྫ
    σϞ

    View full-size slide

  44. ʲॳ৺ऀ޲͚ʳ௒ॳาʂ
    ΧελϜϑΟʔϧυͰϖʔδͷ߲໨Λ௥Ճʂ
    8PSE#FODI6TFSTୈҰճ
    ͝ਗ਼ௌ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠ɻ

    View full-size slide