ページコンテンツを作る際に気をつけること

Gifu WordPress Meetup #9で登壇した際の資料

Transcript

1. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ ϖʔδίϯςϯπΛ࡞Δࡍʹ
   ؾΛ͚ͭΔ͜ͱ ೥݄೔ʢ౔ʣ
   (JGV
   8PSE1SFTT
   .FFUVQ
   
   !ΈΜͳͷ৿
   ͗;ϝσΟΞίεϞε
   ͓ͲΔελδΦ
2. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ ࣗݾ঺հ
3. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ ٱ໺
   ߊ࢘ʢ͘ͷ
   ͜͏͡ʣ w ϑϦʔϥϯε8FC੍࡞ऀ!ذෞࢢ
   w (JGV
   8PSE1SFTT
   .FFUVQ
   ڞಉΦʔΨφΠβʔ
   w $PEFS%PKPذෞ
   νϟϯϐΦϯɺ8FC
   DSFBUPSTذෞ
   ӡӦऀ
   w ݩάϥϑΟοΫσβΠφʔʢࡶࢽ޿ࠂެڞϙελʔͳͲ
   w 8FC͸ಠֶɹ8PSE1SFTTྺ͸೥Ҏ্
   w 0MFJO1SFTTγϦʔζͰ8PSE1SFTTςʔϚͷൢച४උத
4. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ w .FFUVQ
   0SHBOJ[FSʢ(JGV
   8PSE1SFTT
   .FFUVQӡӦʣ
   w 5SBOTMBUJPO
   $POUSJCVUPSʢ81೔ຊޠ຋༁౳ʹڠྗʣ
   w 5IFNF
   %FWFMPQFSʢެࣜσΟϨΫτϦʹςʔϚܝࡌʣ https://profiles.wordpress.org/olein
5. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ (1-༗ྉ8PSE1SFTTςʔϚ
6. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ ΞδΣϯμ w ϖʔδίϯςϯπͱ͸
   w ίϯςϯπϚʔέςΟϯάͱ͸
   w ίϯςϯπͷ࡞Γํ
   w ϥΠςΟϯάํ๏
7. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ ϖʔδίϯςϯπͱ͸
8. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ ϖʔδίϯςϯπͱ͸ w ΢ΣϒαΠτ্ʹܝࡌ͞ΕΔϖʔδͷத਎
   w ӡӦऀ͕ʮ఻͍͑ͨ͜ͱʯΛܝࡌͨ͠΋ͷͰ͸ͳ͍
   w ๚໰ऀʹʮಡΜͰ΄͍͠΋ͷʯΛܝࡌͨ͠΋ͷͰ͸ͳ͍
   w ๚໰ऀ͕ʮಡΈ͍ͨʢ୳͍ͯͨ͠ʣ৘ใʯͰ͋Δ΂͖
9. PMFJOEFTJHODPN
   
   
   
   !0MFJO@KQ ಡΈ͍ͨʢ୳͍ͯͨ͠ʣ৘ใ
10. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ๚໰ऀ໨ઢͰߟ͑Δ
11. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ίϯςϯπϚʔέςΟϯάͱ͸
12. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ίϯςϯπϚʔέςΟϯάͱ͸  ༗༻ɾ༗ӹͳίϯςϯπΛ੍࡞͢Δ
     ެ։ɾ഑৴͢Δ
     ʢજࡏతʹ΋ʣඞཁͱ͍ͯ͠ΔϢʔβʔΛݺͼࠐΈ
     ϑΝϯʹͳΔΑ͏ͭͳ͍͛ͯ͘
13. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ओͳྲྀೖݩ w ݕࡧΤϯδϯ
    w ֤ιʔγϟϧɾωοτϫʔΩϯάɾαʔϏε
 ˠ
    ઓུతར༻͕ඞཁ
14. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ඞͣ΍Ζ͏ɺޮՌଌఆͱ1%$" w ୤ɾ,,%ʢצɾܦݧɾ౓ڳʣ
    w (PPHMF
    "OBMZUJDTͱ(PPHMF
    4FBSDI
    $POTPMFಋೖ͸ఆ൪
    w 1%$"ʢ1MBOˠ%Pˠ$IFDLˠ"DUʣ
 ˠఆྔతଌఆɾఆظతҙݟަ׵͕ඞཁ
    w ໨ඪઃఆΛ๨Εͣʹ
 ˠΰʔϧ͕ͳ͍ͱ૸Δํ޲͕Θ͔Βͳ͍ʂ
15. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ Α͋͘Δ,1*ઃఆྫ ߪೖ਺
    ࢿྉ੥ٻ਺
    ϝϧϚΨձһొ࿥਺
    ໰͍߹Θͤ਺
    ձһొ࿥਺ 17ɺηογϣϯ਺ɺϢʔβʔ਺ɺ$73
 $73ʹίϯόʔδϣϯϨʔτʹʢ໨ඪ਺๚໰ऀ਺ʣ 17
    ηογϣϯ ֤ܦ࿏͔Βͷྲྀೖ਺ɺݕࡧॱҐ λʔήοτΩʔϫʔυͷݕࡧॱҐ ؔ࿈ΩʔϫʔυͷݕࡧॱҐɺݕࡧྲྀೖ਺ ݕࡧྲྀೖ਺ λʔήοτΩʔϫʔυͷݕࡧॱҐɺؔ࿈ΩʔϫʔυͷݕࡧॱҐ
16. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ Φ΢ϯυϝσΟΞͱ͸
17. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ Φ΢ϯυϝσΟΞͱ͸ w ίϯςϯπϚʔέςΟϯάΛ͔ͳ͑ΔϝσΟΞ
    w اۀ΍ஂମ͕ӡӦɾ؅ཧ͢Δ΢ΣϒαΠτ
    w ੵۃతʹࣗࣾ੡඼΍αʔϏεͳͲ৘ใൃ৴͢ΔϝσΟΞ
18. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ Φ΢ϯυϝσΟΞͷ໨త w ചΓ্͛΍ۀ੷ͷ޲্
    w ৽نސ٬ͷ֫ಘ΍طଘސ٬ͱͷؔ܎ߏங
    w ஌໊౓ͷ޲্ʢϒϥϯσΟϯάʣ ໨త͕ͨ͘͞Μ͋ͬͯ΋͔ͳ͑Δ͜ͱ͸೉͍͠ ॏཁͳ໨తʹߜΔ͜ͱ͕؊ཁ
19. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ֤ϝσΟΞͷ໾ׂ &BSOFE
    ಘΔɾ֫ಘ͢Δ 1BZFE
    ࢧ෷͏ 0XOFE
    อ࣋͢Δ ɾಠࣗαΠτ
    ɾݟࠐΈ٬ͷ֫ಘ ɾ57ϥδΦͳͲैདྷܕϝσΟΞ
    ɾ޿ࠂඅΛࢧ෷͍৘ใΛల։ ɾޱίϛαΠτɾ4/4ͳͲ
    ɾ৴༻ɾ৴པΛ֫ಘ
20. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ϝϦοτɾσϝϦοτ ϝϦοτ
    w ࣗࣾͰൃ৴಺༰΍ස౓ΛίϯτϩʔϧͰ͖Δ͜ͱ
 σϝϦοτ
    w ॳظͷ৘ใ֦ࢄͷଈޮੑظ଴Ͱ͖ͳ͍
    w هࣄ࡞੒ʹίετ͕͔͔Δʢਓɾ࣌ؒɾ֎஫ʣ
21. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ϚʔέςΟϯάΛՄࢹԽ͢Δ
22. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ̏ͭͷϓϩηε ֎෦ྲྀೖͷ֫ಘ ໰߹ͤ཰ͷ޲্ ੒໿཰ͷ޲্ 4&0΍ϦεςΟϯά޿ࠂ ͳͲͷݕࡧྲྀೖ΍ɺ4/4 ΍֎෦ϦϯΫʹΑΔྲྀೖɻ ॻ੶΍ϝσΟΞܝࡌͳͲ ͷ൓ڹʹΑΔྲྀೖͳͲ͕ ؚ·ΕΔɻ ίϯςϯπΛى఺ͱͨ͠ αΠτճ༡΍ɺࢿྉμ΢ ϯϩʔυͳͲͷ໰߹ͤ΁ ͷϋʔυϧΛԼ͛Δ৘ใ ఏڙɺ-1΍໰߹ͤϑΥʔ ϜͳͲͷվળͳͲؚ͕· ΕΔɻ εςοϓϝʔϧ΍ి࿩ର ԠͳͲͷΠϯαΠυηʔ ϧε΍ɺηϛφʔ΍లࣔ ձͰͷ։࠵ରԠɻӦۀ෦ ໳ʹΑΔΞϓϩʔνͳͲ ؚ͕·ΕΔɻ
23. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ϚʔέςΟϯάϚοϓ
24. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ίϯςϯπͷ࡞Γํ
25. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ͳͥ୭΋ಡ·ͳ͍΋ͷ͕ੜ·ΕΔʁ w ฏۉ఺ͳίϯςϯπʹͳ͍ͬͯΔ
 ˠ
    λʔήοτ͕ఆ·͍ͬͯͳ͍ͨΊɺສਓʹड͚ೖΕΒ ΕΑ͏ͱ͢Δίϯςϯπʹͳ͍ͬͯΔ
    w ूΊ͍ͨϢʔβʔ͕Ͳͷ͘Β͍ͷ஌ࣝϨϕϧͳͷ͔ɺͲ Μͳ৘ใΛಘ͍ͨͱ͍ͯ͠Δͷ͔Λߟ͑Δ
26. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ίϯςϯπߏ੒ w ʮىঝస݁ʯ͕ઈରͰ͸ͳ͍
 ˠʮىʯʜ͢Ͱʹ஌͍ͬͯΔ಺༰ʹͳΓ͕ͪ
 ˠʮసʯʜల։͕มΘΔͱϢʔβʔ͕ࠞཚ͢Δ
    w ݁࿦ϑΝʔετ
 ˠ
    Ϣʔβʔ͸౴͑Λ୳ͨ͢Ίʹݕࡧ͍ͯ͠Δ
    w Ϣʔβʔ͸ࠜڌ΋ٻΊ͍ͯΔ
 ˠ
    ݁࿦͚ͩͰ͸ͳ͘ɺͳͥͦ͏ͳΔͷ͔ͱ͍͏࠷௿ݶͷࠜڌ ΋ඞཁ
    w ؔ࿈ϖʔδ΋঺հͯ͠ຬ଍౓ΛߴΊΔ
27. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ඞཁͳίϯςϯπ͸Կ͔ w ίϯόʔδϣϯ͕໨తͳΒʜ
 ɾਃ͠ࠐΈ૭ޱʢϝʔϧϑΥʔϜʣ
 ɾి࿩ͰͷґཔͳΒి࿩൪߸
 ɾ༣ศͰͷड෇ͳΒॅॴ
    w Ϣʔβʔ͸Կ͕஌Γ͍ͨͷ͔
 ɾϢʔβʔ͸ൺֱɾݕ౼Λ͢Δʢ#UP##UP$ಉ͡ʣ
 ɾͦͷͨΊͷ৘ใΛ͔ͬ͠Γͱ༻ҙ͢Δ
 ɾࣗࣾʢࣗ෼ʣ͕࠾༻͞ΕͨࡍͷϝϦοτΛ໌֬ʹఏࣔ
28. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ৘ใ͸ඞཁ࠷খݶʹ w ৘ใ͕ଟ͗ͯ͢΋Ϣʔβʔ͸ࠞཚ͢Δ
 ˠʮఏڙ͍ͨ͠৘ใʯͱʮඞཁͱ͞ΕΔ৘ใʯͷҧ͍
    w 4&0ͷӨڹ͹͔Γؾʹͨ͠௕จίϯςϯπ͸ʮৄ͍͠จ ষʯͱ͸ݴ͑ͳ͍
    w ൺֱɾݕ౼͕ߦ͑Δ৘ใʹߜͬͨίϯςϯπ
    w ࣗͣͱγϯϓϧʹͳΔ͸ͣ
29. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ϝσΟΞͷ4&0ϙΠϯτ w ݕࡧҙਤΛద͑ΔίϯςϯπΛ࡞Δ
    w ໰୊ղܾܕ
 ˠ
    Ϣʔβʔͷ๊͍͑ͯΔ໰୊Λղܾ͢Δίϯςϯπ
    w λΠτϧͱݟग़͠Ͱ಺༰͕೺ѲͰ͖ΔΑ͏ʹ
 ˠ
    ίϯςϯπͷ۱͔Β۱·ͰಡΜͰ͘ΕΔϢʔβʔ͸গ ͳ͍ɻύοͱݟͯ಺༰ΛཧղͰ͖ΔΑ͏ʹɻ
    w ద౓ͳ৘ใఏڙ
 ˠ
    ৄ͘͠આ໌͠Α͏ͱ͠ա͗ͯ௕จʹͳΒͳ͍Α͏ʹ
 ˠ
    ୯هࣄͰ͸ͳ͘αΠτશମͰධՁΛ্͛Δҙࣝ
30. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ w ෳ਺ͷϖʔδͰϢʔβʔͷҙਤΛຬͨ͢
    w 4&0Λҙࣝ͗͢͠Δͱϖʔδ୯ମͷݕࡧॱҐΛ্͛Δ ͜ͱ͹͔Γߟ͕͑ͪ
    w ෳ਺ͷϖʔδͱ಺෦ϦϯΫΛ࢖ͬͯ৘ใΛ੔ཧ
    w αΠτ಺Λ८ճ͠΍͘͢͢Δ
31. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ಡΈ΍͍͢σβΠϯ w σβΠϯ͕ѱ͍ͱಡ·Εͳ͍
    w ϑΥϯταΠζͱߦؒ
 ɾϑΥϯταΠζˠQYʙQY
 ɾߦؒͷײ֮ˠʙ
 ɾ̍ߦͷจࣈ਺ˠશ֯ʙจࣈ
    w ۭനεϖʔε΍ը૾ͳͲͰςΩετີ౓ΛԼ͛Δ
 ɾஈམ͝ͱʹۭനεϖʔε
 ɾ̍ʙ̎εΫϩʔϧ͝ͱʹը૾΍ਤදΛೖΕΔ
 ɾ࿩୊͝ͱʹখݟग़͠ΛೖΕΔ
32. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ γΣΞ͢ΔϢʔβʔͷಈػ w ϒοΫϚʔΫ୅ΘΓ
    w ਓʹΑ͘ࢥΘΕ͍ͨ
 ˠ
    γΣΞ͢Δਓࣗ਎ͷϒϥϯσΟϯάͷͨΊ
    w ࣗݾදݱΛ͍ͨ͠
 ˠ
    γΣΞ͢Δίϯςϯπ΁ͷίϝϯτΛ௨ͯࣗ͡ݾදݱ
33. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ γΣΞ͞Ε΍͍͢λΠτϧ w લ൒Ͱ஫ҙΛҾ͖͚ͭɺޙ൒Ͱ಺༰Λิ଍͢Δ
    w Ҿ͖ͷڧ͍ཁૉ͸ͳΔ΂͘લͷํ΁ೖΕΔ
    w ਺ࣈΛೖΕΔ
34. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ྫ ʢѱ͍ྫʣ
    ɹΠϯςϦΞίʔσΟωΠτͷࢀߟαΠτ·ͱΊ ʢྑ͍ྫʣ
    ɹࠗ׆ྗ͕޲্͢ΔʂΠϯςϦΞίʔσΟωΠτͷࢀ ߟαΠτબ
35. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ϥΠςΟϯάํ๏
36. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ̎ͭͷϥΠςΟϯάํ๏  ֎஫ͯ͠ॻ͍ͯ΋Β͏
     ࣗ෼Ͱॻ͘
37. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ֎஫ͯ͠ॻ͍ͯ΋Β͏ϙΠϯτ w ϥϯαʔζ΍Ϋϥ΢υϫʔΫεͳͲͰϥΠλʔΛ୳͢͜ ͱ΋Մೳͳ࣌୅ʢྑ͠ѱ͠൑அ͕೉͍͠ʣ
    w ߏ੒Ҋ΍ࢀߟ63-Λඞͣ఻͑Δ
 ˠ
    ݕࡧΩʔϫʔυ͚ͩΛ఻͑Δ͚ͩͰ͸μϝ
 ˠ
    هࣄͷλΠτϧɾߏ੒ԾҊɾࢀߟ63-ͳͲࢿྉΛڞ༗
    w ϑΟʔυόοΫ͸໌֬ɾత֬ʹ
 ˠ
    ۩ମతͳࢦࣔΛग़ͯ͠मਖ਼ͯ͠΋Β͏
 ˠ
    มߋཤྺ͕࢒ΔܗͰ΍ΓऔΓΛ͢Δ
38. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ࣗ෼Ͱॻ͘ࡍͷྲྀΕ  ࣥචલͷ΍Δ͜ͱ
    w จষͷ໨తɾλʔήοτɾϨΪϡϨʔγϣϯΛܾΊΔ
     ࣥචதʹ΍Δ͜ͱ
    w ࠷ޙ·ͰಡΜͰ΋Β͏ͨΊͷߏ੒
    w 4&0ʹڧ͍λΠτϧ
    w ద੾ͳ෦෼Ͱݟग़͠ͳͲΛ͚ͭΔ
39. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ࣗ෼Ͱॻ͘ࡍͷྲྀΕ  ࣥචޙʹ΍Δ͜ͱ
    w ࣄ࣮ޡೝ΍೔ຊޠͷؒҧ͍ɺෆշͱ൑அ͞ΕΔݴ༿͕ ͳ͍͔֬ೝ
    w શମ΍෦෼ΛϒϥογϡΞοϓͯ͠ಡΈ΍͘͢͢Δ
40. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ҙࣝ͢ΔϙΠϯτ w จষͷ໨తΛ໌֬ʹ͢Δ
    w λʔήϯοτΛܾΊͯత֬ʹ৘ใΛಧ͚Δ
 ˠ
    ΢ΣϒαΠτͷϖϧιφઃఆ΋ࢀߟʹ
    w ϨΪϡϨʔγϣϯΛܾΊΑ͏
 ˠ
    จମɾݴ༿ɾදهͳͲͷܾ·Γ͝ͱ
41. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ هࣄωλͷ୳͠ํ w :BIPP஌ܙା
    w ڭ͑ͯHPP
    w 0,8"7&
42. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ࢀߟਤॻ
43. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ·ͱΊ w ʮ4&0ʯΛҙࣝ͢ΔલʹʮϢʔβʔʯΛҙࣝ͠Α͏
    w ʮ໨తʯͱʮϢʔβʔʯΛҙࣝͯ͠޲͔͏ํ޲Λߟ͑Δ
    w ֎஫ϥΠλʔΛ࢖͏৔߹͸͔ͬ͠ΓϚωʔδϝϯτ
    w ·ͣ͸ग़དྷΔ͜ͱ͔Βࢼͯ͠ΈΑ͏ʂ
44. PMFJOEFTJHODPN
    
    
    
    !0MFJO@KQ ͓ΘΓ