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
510
定例WordPress講座 - HTML&CSS編
Koji Kuno
February 05, 2018
Tweet
Share
More Decks by Koji Kuno
See All by Koji Kuno
WordPress(再)入門 - 基礎知識・環境編
oleindesign
1
130
超入門サイトエディター / Easiest-introduction-of-Site-Editor
oleindesign
0
110
Walk-Through WordPress 6.1
oleindesign
0
39
超入門フルサイト編集/easiest introduction of full site editing
oleindesign
0
160
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
oleindesign
0
170
WordPress 5.9 について
oleindesign
0
82
Gifu WordPress Meetup #40 での登壇資料 / gifuwpmeetup40
oleindesign
0
99
技術を何にどう使うか/how-to-use-technology-for-what
oleindesign
0
170
WordPressをこれから学ぼうとしている全ての方に伝えたいオススメの方法 / Recommendations-I-would-like-to-share-with-all-those-who-are-about-to-learn-WordPress
oleindesign
1
420
Other Decks in Programming
See All in Programming
低レイヤーから始める GUI
fadis
18
9.4k
Circuit⚡
monaapk
0
200
Functional Data Engineering - A Blueprint for adopting functional principles in data pipeline
vananth22
0
180
xarray-Datatree: Hierarchical Data Structures for Multi-Model Science
tomnicholas
0
220
TypeScript 4.9のas const satisfiesが便利
tonkotsuboy_com
9
2.3k
ECテックカンファレンス2023
kspace
1
340
はてなリモートインターンシップ2022 フロントエンドブートキャンプ 講義資料
hatena
0
120
How to Fight Production Incidents?
asatarin
0
200
Azure Functionsをサクッと開発、サクッとデプロイ/vscodeconf2023-baba
nina01
1
340
花き業界のサプライチェーンを繋げるプロダクト開発の進め方
userlike1
0
170
Remote SSHで行うVS Codeリモートホスト開発とトラブルシューティング
smt7174
1
470
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
42k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
44
14k
The Mythical Team-Month
searls
210
40k
Unsuck your backbone
ammeep
659
56k
Designing Experiences People Love
moore
130
22k
Writing Fast Ruby
sferik
613
58k
How GitHub (no longer) Works
holman
298
140k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
217
21k
Web development in the modern age
philhawksworth
197
9.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Designing for humans not robots
tammielis
245
24k
Scaling GitHub
holman
453
140k
Transcript
ఆྫ8PSE1SFTTߨ࠲ ʙ)5.-$44ฤʙ
ࠓճͷత w 8PSE1SFTTΛॳาϨϕϧͰΧελϚΠζ͢ΔͨΊͷࣝ ˠΧελϜ$44ػೳͳͲͷར༻ऀΛఆ w )5.-ͱ$44ͷجຊதͷجຊʹ৮ΕΔͷΈ w ຊฤͷ༰Ҏ্ͷͷಠֶ͘͠ଞͷߨ࠲ͷར༻Λ ਪ
υΩϡϝϯτΛࢀߟʹ͢Δʢແྉʣ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT-FBSO)5.-*
[email protected]
@)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͚ͩͰΧελϚΠζͷ෯ͱ͕ͯΔʂ
͓ΘΓ