doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)

Firefox,Safari,Chromeのインスペクタの違いを紹介＆
ブラウザのインスペクタを使っての簡単なCSS編集方法

Transcript

1. EPTIJSPVUPͷDTT͚ͩ Λվ଄ͯ͠ࢠςʔϚΛ࡞Δ ࠷଎खൈ͖ΧελϚΠζ ʢॳڃʣ Atsushi Ando! @Next_Season
2. ࣗݾ঺հ
 ʢͦͷଞʣ ! ਺ਓͰখن໛ͷΠϯϑϥ! ϓϩϞʔγϣϯͷఏҊ! σβΠϯɺWeb੍࡞
3. ࣗݾ঺հ
 ʢͦͷଞʣ ! ਺ਓͰখن໛ͷΠϯϑϥ! ϓϩϞʔγϣϯͷఏҊ! σβΠϯɺWeb੍࡞ 
4. ࠷ۙͷΦϨ WordPress Concrete5 MODx VMware Keynote PhotoShop Illustrator
5. ࢠςʔϚʹ͍ͭͯ ্ଜ͞Μɺాத͞Μ͔Βߏ଄ɾ֓ཁ͸
 આ໌͍͍ͨͩͯΔͷͰ
 ཉ͍͠σβΠϯʹ͍ۙςʔϚΛखܰʹ
 w w w มߋ͍ͨ͠ʂͬͯ࣌ʹ؆୯ʹม͑Δ࣌ʹ
 ศརͳϒϥ΢βͷ࢖͍ํ खൈ͖ Λ঺հ͠·͢ɻ
6. ࢠςʔϚʹ͍ͭͯ ্ଜ͞Μɺాத͞Μ͔Βߏ଄ɾ֓ཁ͸
 આ໌͍͍ͨͩͯΔͷͰ
 ཉ͍͠σβΠϯʹ͍ۙςʔϚΛखܰʹ
 w w w มߋ͍ͨ͠ʂͬͯ࣌ʹ؆୯ʹม͑Δ࣌ʹ
 ศརͳϒϥ΢βͷ࢖͍ํ खൈ͖ Λ঺հ͠·͢ɻ खܰ͡Όͳ͍৔߹ ͸
   ςʔϚΛ࡞ͬͨํ ͕ૣ͍Ͱ͢ɻ
7. ࢀߟʹͳΔࢿྉ౳ w จܥঁࢠσβΠφʔͷͨΊͷϥΫͯ͠ಘ͢Δ
 UXFOUZUXFMWFΧελϚΠζ
   <!NBNZ>
 IUUQXXXTMJEFTIBSFOFUNBNZUXFOUZUXFMWF
   w 8PSE1SFTTରԠ
   ࢠςʔϚೖ໳
   <,JOEMF൛>
8. ˞গ͚ͩ͠஫ҙ w 4&0తʹ/(ͳมߋؚ͕·ΕΔ͔΋
 σϞͰ
   
   EJTQMBZ
   OPOF
   ͱ͔
   w $44తʹඒ͘͠ͳ͍ରԠؚ͕·ΕΔ͔΋
 σϞͰ
   JNQPSUBOU
   ͱ͔
10. $44ฤूɾमਖ਼࣌
    ΠϯεϖΫλ͸͓࢖͍Ͱ͔͢ʁ
11. ࢿྉ࡞Γͳ͕Βؾ͍ͮͨ ʹ
    ௚઀͸ؔ܎ͳ͍Ͱ͢ɻ
12. ΠϯεϖΫλͰ$44ฤू
 'JSFGPY
13. ΠϯεϖΫλͰ$44ฤू
 'JSFGPY •஋ͷ૿ݮΛΩʔϘʔυͷup/downͰมߋͰ͖Δ! •ΧϥʔදࣔɺΧϥʔύϨοτ͕දࣔ͞Εͳ͍! •ηϨΫλɺϓϩύςΟɺ஋͕ίϐʔͰ͖ͳ͍
14. ΠϯεϖΫλͰ$44ฤू
 4BGBSJ
15. ΠϯεϖΫλͰ$44ฤू
 4BGBSJ •஋ͷ૿ݮΛΩʔϘʔυͷup/downͰมߋͰ͖ͳ͍! •Χϥʔදࣔ͸͞ΕΔ! •ηϨΫλɺϓϩύςΟɺ஋Λಉ࣌ʹίϐʔͰ͖ͳ͍
16. ΠϯεϖΫλͰ$44ฤू
 $ISPNF
17. ΠϯεϖΫλͰ$44ฤू
 $ISPNF •஋ͷ૿ݮΛΩʔϘʔυͷup/downͰมߋͰ͖Δ! •ΧϥʔදࣔɺΧϥʔύϨοτ΋දࣔ͞ΕΔ! •ηϨΫλɺϓϩύςΟɺ஋Λಉ࣌ʹίϐʔͰ͖Δ
18. ͱ͍͏༁Ͱ
19. Πϯετʔϧ w EPTIJSPVUP
 ˢඞਢ
    w GFBUEPTIJSPVUP
 ˢࠓճͷ࡞ۀ༻ࢠςʔϚ
20. TUZMFDTTͷத਎ 
    5IFNF
    /BNF
    GFBUEPTIJSPVUP
    "VUIPS
    "UTVTIJ
    "OEP
    "VUIPS
    63*
    %FTDSJQUJPO
    υγϩ΢τͷͨΊͷ௒؆୯ࢠςʔϚ
    7FSTJPO
    
    5FNQMBUF
    EPTIJSPVUP
    -JDFOTF
    (/6
    (FOFSBM
    1VCMJD
    -JDFOTF
    W
    PS
    MBUFS
    -JDFOTF
    63*
    IUUQXXXHOVPSHMJDFOTFTHQMIUNM
    5BHT
    EPTIJSPVUP
    
    !JNQPSU
    VSM EPTIJSPVUPTUZMFDTT 
21. +FU1BDLͷΧελϜ$44Λ࢖༻
22. +FU1BDLͷΧελϜ$44Λ࢖༻
23. TUZMFDTTͷΞΫηεݖΛ
    ֬ೝˍมߋ •FTPιϑτ౳Ͱॻ͖ࠐΈݖݶΛ༩͑ͯԼ͍͞ɻ
24. ͦΕͰ͸ίϐϖ։࢝
25. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ