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

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

Dda24cce92447593513292ec748c70c4?s=47 Koji Kuno
March 09, 2019
200

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

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

Dda24cce92447593513292ec748c70c4?s=128

Koji Kuno

March 09, 2019
Tweet

Transcript

  1. PMFJOEFTJHODPN !0MFJO@KQ ϖʔδίϯςϯπΛ࡞Δࡍʹ ؾΛ͚ͭΔ͜ͱ ೥݄೔ʢ౔ʣ (JGV8PSE1SFTT.FFUVQ !ΈΜͳͷ৿͗;ϝσΟΞίεϞε͓ͲΔελδΦ

  2. PMFJOEFTJHODPN !0MFJO@KQ ࣗݾ঺հ

  3. PMFJOEFTJHODPN !0MFJO@KQ ٱ໺ߊ࢘ʢ͘ͷ͜͏͡ʣ w ϑϦʔϥϯε8FC੍࡞ऀ!ذෞࢢ w (JGV8PSE1SFTT.FFUVQڞಉΦʔΨφΠβʔ w $PEFS%PKPذෞνϟϯϐΦϯɺ8FCDSFBUPSTذෞӡӦऀ w

    ݩάϥϑΟοΫσβΠφʔʢࡶࢽ޿ࠂެڞϙελʔͳͲ w 8FC͸ಠֶɹ8PSE1SFTTྺ͸೥Ҏ্ w 0MFJO1SFTTγϦʔζͰ8PSE1SFTTςʔϚͷൢച४උத
  4. PMFJOEFTJHODPN !0MFJO@KQ w .FFUVQ0SHBOJ[FSʢ(JGV8PSE1SFTT.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ͱ(PPHMF4FBSDI$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 ͓ΘΓ