Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
定例WordPress講座 - HTML&CSS編
Koji Kuno
February 05, 2018
Programming
0
450
定例WordPress講座 - HTML&CSS編
Koji Kuno
February 05, 2018
Tweet
Share
More Decks by Koji Kuno
See All by Koji Kuno
WordPress 5.9 について
oleindesign
0
55
Gifu WordPress Meetup #40 での登壇資料 / gifuwpmeetup40
oleindesign
0
49
技術を何にどう使うか/how-to-use-technology-for-what
oleindesign
0
130
WordPressをこれから学ぼうとしている全ての方に伝えたいオススメの方法 / Recommendations-I-would-like-to-share-with-all-those-who-are-about-to-learn-WordPress
oleindesign
1
350
シビックプライド講座 第2回 ことばとメディアを武器に。-対話の道具箱としてのメディコス- /20201103-civic-pride
oleindesign
0
89
テイクアウト岐阜を立ち上げて得られた学びとその後/Lessons Learned from Launching Takeout Gifu and Beyond
oleindesign
3
34
「テイクアウト岐阜」を立ち上げて得られた学び / what i could learn from action of released TakeOut Gifu
oleindesign
0
240
「テイクアウト岐阜」の作り方 /how-to-make-takeout-gifu
oleindesign
0
350
WordPressのセキュリティについて / gifuwpm20-wordpress-security
oleindesign
0
61
Other Decks in Programming
See All in Programming
Git Rebase
bkuhlmann
7
1k
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
200
How to get satisfaction from ungrateful work: A journey into updating Kotlin
syrinet
0
110
2022 Android Training
mixi_engineers
1
610
Develop your CI tools
xgouchet
2
180
Enterprise Angular: Frontend Moduliths with Nx and Standalone Components @jax2022
manfredsteyer
PRO
0
260
Android入門
hn410
0
300
WindowsコンテナDojo:第2回 Windowsコンテナアプリのビルド、公開、デプロイ
oniak3ibm
PRO
0
120
Improve Build Times in Less Time
zacsweers
6
2.7k
Monadic Java
mariofusco
4
250
機能横断型チームにおける技術改善
takeshiakutsu
3
380
Android Architecture Design With Koin
agiuliani
0
200
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
Atom: Resistance is Futile
akmur
255
20k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
498
130k
Reflections from 52 weeks, 52 projects
jeffersonlam
337
17k
Support Driven Design
roundedbygravity
86
8.4k
What's in a price? How to price your products and services
michaelherold
229
9.3k
Creatively Recalculating Your Daily Design Routine
revolveconf
205
10k
Pencils Down: Stop Designing & Start Developing
hursman
112
9.8k
Docker and Python
trallard
27
1.5k
Building Your Own Lightsaber
phodgson
94
4.6k
BBQ
matthewcrist
74
7.9k
Debugging Ruby Performance
tmm1
65
10k
Transcript
ఆྫ8PSE1SFTTߨ࠲ ʙ)5.-$44ฤʙ
ࠓճͷత w 8PSE1SFTTΛॳาϨϕϧͰΧελϚΠζ͢ΔͨΊͷࣝ ˠΧελϜ$44ػೳͳͲͷར༻ऀΛఆ w )5.-ͱ$44ͷجຊதͷجຊʹ৮ΕΔͷΈ w ຊฤͷ༰Ҏ্ͷͷಠֶ͘͠ଞͷߨ࠲ͷར༻Λ ਪ
υΩϡϝϯτΛࢀߟʹ͢Δʢແྉʣ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT-FBSO)5.-*OUSPEVDUJPO@UP@)5.-
ॻ੶Λࢀߟʹ͢Δ
ΞδΣϯμ w )5.-ͷجຊ w $44ͷجຊ w σϞʢDPEFQFOJPΛར༻ʣ w 8PSE1SFTTςʔϚͷύʔπΛ$44ͰΧελϚΠζͯ͠ΈΑ͏ w
ʲ൪֎ʳදతͳΤσΟλͷհ
)5.-ͷجຊ
)5.-ͱ )5.-ͱ)ZQFS5FYU .BSLVQ -BOHVBHFͷུͰ ϓϩάϥϛϯάݴޠͰ͋Γ·ͤΜɻ )5.-ݴޠɺΣϒαΠτ͕ͲͷΑ͏ʹߏ ͞Ε͍ͯΔ͔ϒϥβʹରͯ͑͠ΔͨΊʹར ༻͞ΕΔϚʔΫΞοϓݴޠͷҰͭͰ͢ɻ
)5.-ͷཁૉ
ཁૉʹଐੑΛՃͰ͖Δ <!doctype html> <html lang="ja"> <head> <title>ϖʔδλΠτϧ</title> <meta charset="utf-8"> </head>
<body> <p class="paragraph">ࢲͱͯഎ͕ߴ͍Ͱ͢</p> </body> </html> IUNMλάʹMBOHଐੑΛՃ NFUBλάʹDIBSTFUଐੑΛՃ QλάʹDMBTTଐੑΛՃ
MBOHଐੑ
NFUBλάͷDIBSTFUଐੑ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC)5.-&MFNFOUNFUB
DMBTTଐੑ
JEଐੑ
)5.-ͱ$44Λ͏্Ͱ ઈରʹ͓͖ͬͯ͘͜ͱ w JEଐੑϖʔδͰಉ໊͡લ͕ճ͔͑͠ͳ͍ w DMBTTଐੑϖʔδͰಉ໊͡લ͕ԿͰ͑Δ w $44ͷʮৄࡉʯʹҙ͠Α͏ ˠ͋ͱͰσϞͰৄ͘͠
ྫ <h2 id=“header-2”>ݟग़̍͠</h2> <img class=“image-border” src=“**” alt=“alt-text"> <p class=“header-desc”>ݟग़͠ͷղઆจ</p> <p
class=“paragraph”>ຊจ͕ೖΓ·͢ɻ</p> <h2 id=“header-2”>ݟग़̍͠</h2> <img class=“image-border” src=“**” alt=“alt-text”> <p class=“header-desc”>ݟग़͠ͷղઆจ</p> <p class=“paragraph”>ຊจ͕ೖΓ·͢ɻ</p>
Α͘͏)5.-λά BBSUJDMFBTJEFCMPDLRVPUF EJWEMEUEEFNIS JNHMJPMQQSF TFDUJPOTQBOTUSPOHUBCMF UCPEZUEUIUIFBEUS VM
$44ͷجຊ
$44ͱ $44$BTDBEJOH4UZMF4IFFUͷུͰɺΣϒϖʔδ ͷελΠϧΛઃఆ͢ΔίʔυͰ͢ɻ ϓϩάϥϛϯάݴޠͰͳ͘ɺ)5.-ͷΑ͏ͳϚʔ ΫΞοϓݴޠͰͳ͘ɺ$44ελΠϧγʔτݴޠ Ͱ͢ɻ
$44ͷߏ p { color: red; } ηϨΫλ ϓϩύςΟ ϓϩύςΟ
$44ͷॻ͖ํ͍Ζ͍Ζʙ̍ʙ w શশηϨΫλʢ ʣ w ཁૉܕηϨΫλʢQ EJW UBCMFʣ w ΫϥεηϨΫλʢDMBTTOBNFʣ
w ଐੑηϨΫλʢMBOH ʣ w ٖࣅηϨΫλʢpSTUDIJME CFGPSFʣ w *%ηϨΫλʢJEOBNFʣ w ΠϯϥΠϯελΠϧʢλάʹೖྗʣ
$44ͷॻ͖ํ͍Ζ͍Ζʙ̎ʙ w ྡηϨΫλʢ" #ʣ w ҰൠܑఋηϨΫλʢ"_#ʣ w ࢠηϨΫλʢ"#ʣ w ࢠଙηϨΫλʢ"#ʣ
ࢀরɿIUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$443FGFSFODF4FMFDUPST
$44ϓϩύςΟྫ w DPMPSˠจࣈͷ৭Λࢦఆ w UFYUEFDPSBUJPOˠจࣈʹԼઢΛೖΕͨΓ w GPOUTJ[FˠจࣈͷαΠζΛࢦఆ w GPOUXFJHIUˠจࣈͷଠ͞Λࢦఆ w
CPSEFSˠܩઢͷઃఆ w QBEEJOHˠཁૉͷ༨നΛઃఆ w NBSHJOˠཁૉ֎ͷ༨നΛઃఆ ࢀরɿIUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$443FGFSFODF
$44Λ࣮ࡍʹॻ͍ͯΈΑ͏ʂ σϞ
$44ͷৄࡉ શশηϨΫλ ཁૉܕηϨΫλʢλΠϓηϨΫλʣ ΫϥεηϨΫλ ଐੑηϨΫλ ٖࣅηϨΫλ *% ηϨΫλ ΠϯϥΠϯελΠϧ ڧ
ऑ
$44ͷৄࡉΛମݧͯ͠ΈΑ͏ʂ σϞ
8PSE1SFTTςʔϚͷύʔπΛ $44ͰΧελϚΠζͯ͠ΈΑ͏
ͦͷલʹʜ 8PSE1SFTTςʔϚʹ$44Λه͢Δํ๏ w ࢠςʔϚΛ࡞ͯ͠هड़͢Δ ˠΧελϚΠζฤͰৄ͘͠આ໌͠·͢ w ΧελϜ$44ػೳʢ8PSE1SFTҎ߱ʹࡌʣΛར༻ ˠࠓճͪ͜Βͷํ๏Ͱ ΧελϜ$44ʹ͍ͭͯɿIUUQTNBLFXPSEQSFTTPSHDPSFGFBUVSFQSPQPTBMCFUUFSUIFNFDVTUPNJ[BUJPOTWJBDVTUPNDTTXJUIMJWFQSFWJFXT
JEDMBTTͷௐࠪʹ(PPHMF$ISPNF σϕϩούʔπʔϧΛ͍·͢ <.BD>ʲදࣔʳˠʲ։ൃཧʳˠʲσϕϩούʔπʔϧʳ·ͨ⌘ʴ0QUJPOʴ*ʗ<8JOEPXT>ʲ'ʳ
खॱ σϕϩούʔπʔϧͰมߋ͍ͨ͠ՕॴͷߏΛ֬ೝ ࣮ࡍʹ&MFNFOUTͷ4UZMFT͔Β$44Λॻ͍ͯςετͯ͠ΈΔ ςετ͕͏·͍ͬͨ͘Βɺͦͷهड़Λίϐʔͯ͠Ճ͢Δ
$ISPNFσϕϩούʔπʔϧ ͰΧελϚΠζͷͨΊͷௐࠪ σϞ
ʲ൪֎ʳ දతͳΤσΟλͷհ
"UPN
#SBDLFUT
%SFBNXFBWFS
$PEB
1IQ4UPSN
(6*ίϯύΠϥ1SFQSPT
·ͱΊ w )5.-$44ͳͲҰʹͯ͠Βͣ w ͍ͭίϐϖͰࡁ·͢ͱҰʹֶशਐ·ͳ͍ w ʮࢼ͢ʯˠʮ֬ೝ͢Δʯˠʮमਖ਼͢Δʯͷ܁Γฦ͠ w ͔Βͳ͍͜ͱʹૺ۰ͨ͠Β࣭Ͱ͖ΔڥΛࣗͰ͑ ͓ͯ͜͏
ˠ͘͘ձʹࢀՃ͢Δ ˠॻ੶Ҏ֎ͷֶशࢼͯ͠ΈΔ w )5.-$44͚ͩͰΧελϚΠζͷ෯ͱ͕ͯΔʂ
͓ΘΓ