[Áddí~ñg Pá~gé Có~mpóñ~éñts~]

[Créátívé Stúdíó íñclúdés áñ éxtéñsívé sét óf cómpóñéñts thát éñáblé ýóú tó búíld ýóúr págé íñ á máttér óf míñútés. Ýóú cáñ símplý drág-áñd-dróp cómpóñéñts íñtó théír plácé óñ thé págé úsíñg thé WÝSÍWÝG díspláý. Á síñglé cómpóñéñt cáñ íñclúdé óñé ór móré éléméñts.]

[Ýóú c~áñ ád~d cóm~póñé~ñts t~ó tém~plát~é-bás~éd pá~gés ó~r blá~ñk pá~gés (p~ágés~ thát~ bégí~ñ fró~m thé~ bláñ~k tém~plát~é).]

[Cómp~óñéñ~ts Óv~érví~éw]

[Tó ví~éw th~é cóm~póñé~ñts m~éñú:]

[Sélé~ct th~é tíl~és íc~óñ fr~óm th~é tóó~ls mé~ñú.]

[Tó ád~d cóm~póñé~ñts t~ó thé~ págé~:]

[Drág~-áñd-d~róp t~hém í~ñtó t~héír~ rélé~váñt~ pósí~tíóñ~, ás sh~ówñ í~ñ thé~ scré~éñsh~ót bé~lów.]

[Créá~tívé~ Stúd~íó's~ WÝSÍ~WÝG d~íspl~áý ús~és ñé~stéd~ élém~éñts~, éñáb~líñg~ ýóú t~ó ádd~ cómp~óñéñ~ts áñ~d élé~méñt~s íñt~ó éxí~stíñ~g óñé~s fór~ á bét~tér p~ágé l~áýóú~t. Fór~ éxám~plé, ý~óú cá~ñ ádd~ á téx~t áré~á áñd~ á máp~ íñtó~ á sím~plé ó~ñé-có~lúmñ~ láýó~út.]

[Thé g~rééñ~ hígh~lígh~téd l~íñé í~ñdíc~átés~ thé d~róp p~ósít~íóñ ó~f ýóú~r cóm~póñé~ñt.]

[Íf ýó~ú sél~éct á~ñý él~éméñ~t óñ t~hé pá~gé (áñ~d ñót~ thé c~óñté~ñts ó~f thé~ élém~éñt), á~ñ édí~t méñ~ú ápp~éárs~. Séé É~dítí~ñg áñ~d Cóñ~fígú~ríñg~ Págé~ Élém~éñts~.]

[Cómp~óñéñ~t Týp~és]

[Cómp~óñéñ~ts ár~é órg~áñíz~éd íñ~tó tý~pés:]

[Thé t~ýpés~ áré á~s fól~lóws~ (sélé~ct áñ~ ímág~é ícó~ñ tó s~éé áñ~ éxám~plé):]

[Láýó~út]	[1 Cólú~mñ] [2 Cólú~mñs - 50% - 50%] [3 Cólú~mñs - 33% - 33% - 33%] [2 Résp~óñsí~vé Ró~ws] [3 Résp~óñsí~vé Ró~ws] [4 Résp~óñsí~vé Ró~ws] [Cólú~mñs 30% - 70% - 2 c~ólúm~ñs] [Cólú~mñs 70% - 30% - 2 c~ólúm~ñs]	[Résp~óñsí~vé él~éméñ~ts ús~éd tó~ sét t~hé óv~érál~l pág~é dés~ígñ.] [Thés~é cáñ~ bé ús~éd át~ thé s~tárt~ óf th~é pág~é dés~ígñ á~s thé~ý pró~vídé~ thé ó~vérá~rchí~ñg lá~ýóút~ fór t~hé pá~gé. Ñó~té th~át ýó~ú cáñ~ stár~t wít~h á sí~mplé~ 3-rów l~áýóú~t fór~ éxám~plé á~ñd ús~é Dúp~lícá~té tó~ éxté~ñd th~é pág~é láý~óút á~s éxp~láíñ~éd hé~ré.] [Fór á~ll có~mpóñ~éñts~, ýóú c~áñ sp~écíf~ý áñ Í~D áñd~ títl~é.]
[Básí~c]	[Téxt~ - Á téx~t bóx~. Ýóú c~áñ sp~écíf~ý áñd~ ÍD áñ~d tít~lé.] [Líñk~ - Á téx~t líñ~k. Éñt~ér th~é téx~t áñd~ tárg~ét wí~ñdów~ fór t~hé lí~ñk. Éñ~tér á~ ÚRL ó~r sél~éct t~hé lí~ñk íc~óñ tó~ éñté~r ór s~éléc~t áñ á~pp ÚR~L. Séé~ Wórk~íñg w~íth Á~pp ÚR~Ls.] [Ímág~é - Áñ í~mágé~; whéñ~ ýóú á~dd th~ís él~éméñ~t, thé~ Ássé~t Máñ~ágér~ ópéñ~s, éñá~blíñ~g ýóú~ tó sé~léct~ á pré~víóú~slý ú~plóá~déd í~mágé~. Ýóú c~áñ sp~écíf~ý thé~ Ált t~éxt,] [Vídéó - Bý défáúlt, á vídéó ís wídér tháñ thé ávérágé phóñé wídth, só ýóú wíll ñééd tó résízé ít fór phóñés. Ýóú cáñ séléct áñ HTML5, Ýóútúbé, ór Víméó sóúrcé fór thé vídéó. Ýóú cáñ álsó spécífý thé stíll ímágé tó áppéár, whéthér thé vídéó áútópláýs ór lóóps, áñd whéthér vídéó cóñtróls áppéár tó thé éñd-úsér.] [Máp - Ý~óú cá~ñ spé~cífý~ áñ ád~drés~s, máp~ týpé~, áñd z~óóm l~évél~] [Líñk~ blóc~k - Á lí~ñkéd~ sqúá~ré. Ús~éfúl~ tó má~ké áñ~ý áré~á óf t~hé pá~gé á l~íñk. Ý~óú cá~ñ spé~cífý~ á tít~lé, lí~ñk tá~rgét~, áñd w~héth~ér tó~ ópéñ~ á ñéw~ wíñd~ów.] [Qúót~é - Á té~xt bó~x pré~fórm~átté~d fór~ á qúó~té. Ýó~ú cáñ~ spéc~ífý á~ñd ÍD~ áñd t~ítlé~.] [Téxt~ séct~íóñ - T~wó té~xt bó~xés, w~íth t~hé fí~rst ó~ñé pr~éfór~mátt~éd fó~r á hé~ádér~. Ýóú c~áñ sp~écíf~ý áñd~ ÍD áñ~d tít~lé.] [Díví~dér - Á~ vérý~ ñárr~ów lí~ñé. Ýó~ú cáñ~ spéc~ífý á~ñd ÍD~ áñd t~ítlé~.] [Héád~ér - Á t~éxt b~óx pr~éfór~mátt~éd fó~r á pá~gé-tó~p. Ýóú~ cáñ s~pécí~fý áñ~d ÍD á~ñd tí~tlé.] [Fóót~ér - Á t~éxt b~óx pr~éfór~mátt~éd fó~r á pá~gé-bó~ttóm~. Íñcl~údés~ á líñ~k. Ýóú~ cáñ s~pécí~fý áñ~d ÍD á~ñd tí~tlé.] [Ícóñ~ - Áñ ím~ágé ó~f á sm~áll s~tár. Ý~óú cá~ñ spé~cífý~ áñd Í~D áñd~ títl~é.]	[Básí~c cóm~póñé~ñts á~ré có~mmóñ~lý ús~éd él~éméñ~ts, íñ~clúd~íñg t~éxt, l~íñks~, ímág~és, má~ps, ví~déós~, qúót~és, dí~vídé~rs, fó~ótér~s, ícó~ñs, áñ~d mór~é.] [Whéñ~ ýóú á~ré fó~cúsé~d óñ á~ téxt~ bóx, á~ fórm~áttí~ñg mé~ñú áp~péár~s át t~hé tó~p léf~t óf t~hé bó~x.] [Fór m~óré í~ñfór~mátí~óñ, sé~é Édí~tíñg~ áñd C~óñfí~gúrí~ñg Pá~gé Él~éméñ~ts.]
[Ímág~és]	[Ímág~é Cáp~tíóñ~ - Á bló~ck wí~th áñ~ ímág~é bóx~ áñd á~ téxt~ bóx b~éñéá~th.] [Blóg~ Cárd~ - Á bló~ck wí~th áñ~ ímág~é bóx~ áñd t~hréé~ téxt~ bóxé~s pré~fórm~átté~d fór~ héád~íñg, d~éscr~íptí~óñ, áñ~d téx~t] [Títl~éd Ph~ótó - Á~ blóc~k wít~h áñ í~mágé~ bóx á~ñd á t~éxt b~óx sú~pérí~mpós~éd óñ~ ít (tó~p léf~t)] [Círc~lé Cá~ptíó~ñ - Á bl~óck w~íth á~ bóx f~ór á c~írcú~lár s~lícé~ óf áñ~ ímág~é, ás w~éll á~s thr~éé té~xt bó~xés p~réfó~rmát~téd f~ór ñá~mé, dé~scrí~ptíó~ñ, áñd~ áddí~tíóñ~ál té~xt; ús~éfúl~ fór í~ñdéx~íñg ñ~ámés~, plác~és, ré~cípé~s, áñd~ só fó~rth] [Émbé~ddéd~ Títl~é - Á bl~óck w~íth á~ñ ímá~gé bó~x áñd~ á téx~t bóx~ súpé~rímp~óséd~ óñ ít~ (bótt~óm cé~ñtér~)] [Sídé~ Phót~ó Cár~d - Á bl~óck w~íth á~ bóx f~ór á c~írcú~lár s~lícé~ óf áñ~ ímág~é tó t~hé lé~ft, ás~ wéll~ ás tw~ó téx~t bóx~és pr~éfór~mátt~éd fó~r ñám~é áñd~ títl~é; úsé~fúl f~ór có~ñvéñ~tíóñ~ bádg~és áñ~d só f~órth~] [4 Ímág~és Cá~rd - Á b~lóck~ wíth~ á téx~t bóx~ fór á~ títl~é áñd~ bóxé~s fór~ fóúr~ smál~l sqú~áré í~mágé~s] [6 Ímág~és Cá~rd - Lí~ké th~é 4 Ímá~gés C~árd, b~út wí~th sm~állé~r bóx~és fó~r síx~ ímág~és] [8 Ímág~és Cá~rd - Lí~ké th~é 4 Ímá~gés C~árd, b~út sm~állé~r bóx~és fó~r éíg~ht ím~ágés~]	[Ímág~é cóm~póñé~ñts é~ñábl~é ýóú~ tó lé~vérá~gé dé~fíñé~d láý~óúts~ óf ím~ágé á~ñd té~xt, fó~r éxá~mplé~, á bló~g cár~d ór á~ñ ímá~gé wí~th á c~áptí~óñ. Íñ~ áddí~tíóñ~, ímág~é cár~ds cá~ñ bé f~óúñd~ íñ th~ís sé~ctíó~ñ.] [Thés~é cóm~póñé~ñts á~ré pr~émád~é cóm~bíñá~tíóñ~s óf c~ómpó~ñéñt~s fró~m thé~ fírs~t twó~ séct~íóñs~ (Láýó~út áñ~d Bás~íc).] [Fór á~ll có~mpóñ~éñts~, ýóú c~áñ sp~écíf~ý áñ Í~D áñd~ títl~é.]
[Líst~s]	[Líst~ wíth~ Ímág~és - Á b~lóck~ wíth~ bóxé~s fór~ smál~l sqú~áré í~mágé~s stá~ckéd~ vért~ícál~lý, ás~ wéll~ ás á h~éádé~r téx~t bóx~] [Líst~ wíth~ Ímág~és - Á b~lóck~ wíth~ bóxé~s fór~ á cír~cúlá~r slí~cé óf~ ímág~és st~ácké~d vér~tícá~llý, á~s wél~l ás á~ héád~ér té~xt bó~x] [Líst~ wíth~ Ícóñ~s - Á bl~óck w~íth s~máll~ ímág~és óf~ stár~s (flú~sh tó~p) stá~ckéd~ vért~ícál~lý, ás~ wéll~ ás á h~éádé~r téx~t bóx~] [Líst~ wíth~ Ícóñ~s (Céñ~téré~d) - Á bl~óck w~íth s~máll~ ímág~és óf~ stár~s (flú~sh cé~ñtér~) stác~kéd v~értí~cáll~ý, ás w~éll á~s á hé~ádér~ téxt~ bóx] [Séct~íóñs~ Líst~ - Á bló~ck wí~th á h~éádé~r téx~t bóx~, fóúr~ téxt~ bóxé~s stá~ckéd~ vért~ícál~lý bé~ñéát~h ít, á~ñd á f~óóté~r téx~t bóx~]	[Líst~ cómp~óñéñ~ts ár~é pré~páck~ágéd~ cómp~óñéñ~ts fó~r vár~íóús~ úsés~. Thís~ séct~íóñ ó~ffér~s sév~érál~ týpé~s óf l~ísts~, íñcl~údíñ~g lís~ts wí~th ím~ágés~, líst~s wít~h ícó~ñs, áñ~d mór~é.] [Thés~é cóm~póñé~ñts á~ré pr~émád~é cóm~bíñá~tíóñ~s óf c~ómpó~ñéñt~s fró~m thé~ fírs~t twó~ séct~íóñs~ (Láýó~út áñ~d Bás~íc).] [Fór á~ll có~mpóñ~éñts~, ýóú c~áñ sp~écíf~ý áñ Í~D áñd~ títl~é.]
[Séct~íóñs~]	[Cóló~r séc~tíóñ~s - Cól~óréd~ séct~íóñs~ wíth~ téxt~ bóxé~s, stá~ckéd~ vért~ícál~lý.] [Sqúá~ré sé~ctíó~ñs - Sé~ctíó~ñs st~ácké~d vér~tícá~llý. É~ách ó~ñé há~s á hé~ádér~ téxt~ bóx á~ñd sé~vérá~l smá~llér~ téxt~ bóxé~s úñd~érñé~áth.] [Sqúá~ré sé~ctíó~ñs - Sé~ctíó~ñs st~ácké~d vér~tícá~llý, w~íth s~ímpl~é téx~t bóx~és wí~th cé~ñtér~éd té~xt.]	[Séct~íóñ c~ómpó~ñéñt~s cáñ~ bé ús~éd fó~r íñf~órmá~tíóñ~ págé~s wít~h múl~típl~é tóp~ícs, é~ñábl~íñg ý~óú tó~ éásí~lý sé~gméñ~t thé~ págé~ bétw~ééñ t~hé dí~ffér~éñt s~éctí~óñs.] [Thés~é cóm~póñé~ñts á~ré pr~émád~é cóm~bíñá~tíóñ~s óf c~ómpó~ñéñt~s fró~m thé~ fírs~t twó~ séct~íóñs~ (Láýó~út áñ~d Bás~íc).] [Fór á~ll có~mpóñ~éñts~, ýóú c~áñ sp~écíf~ý áñ Í~D áñd~ títl~é.]
[Évéñ~ts]	[Líst~ (Wíth~ Líñk~s) - Á sé~ríés~ óf vé~rtíc~ál té~xt bó~xés w~íth l~íñks~, úséf~úl fó~r áñ é~véñt~s cál~éñdá~r.] [Líst~ (Ñó Lí~ñks) - T~hé sá~mé ás~ Líst~ (Wíth~ Líñk~s), bút~ ñó lí~ñks.] [Évéñ~t Dáý~ - Áñ ím~ágé w~íth t~éxt b~óxés~ thát~ lóók~s lík~é á cá~léñd~ár dá~ý.]	[Évéñ~t cóm~póñé~ñts p~róví~dé á g~réát~ wáý t~ó dés~ígñ p~ágés~ fór ó~ñé ór~ múlt~íplé~ dáýs~' évé~ñts. T~héý p~róví~dé th~é réq~úíré~d láý~óút í~ñclú~díñg~ dáté~, tímé~s óf t~hé dá~ý, áñd~ móré~.] [Thés~é cóm~póñé~ñts á~ré pr~émád~é cóm~bíñá~tíóñ~s óf c~ómpó~ñéñt~s fró~m thé~ fírs~t twó~ séct~íóñs~ (Láýó~út áñ~d Bás~íc).] [Fór á~ll có~mpóñ~éñts~, ýóú c~áñ sp~écíf~ý áñ Í~D áñd~ títl~é.]
[Tábl~és]	[2 Cólú~mñs - Á~ sérí~és óf~ téxt~ bóxé~s, árr~áñgé~d lík~é áñ í~tíñé~rárý~.] [3 Cólú~mñs - Á~ tábl~é óf t~éxt b~óxés~ wíth~ thré~é cól~úmñs~.]	[Tábl~é cóm~póñé~ñts p~róví~dé á d~ésíg~ñéd l~áýóú~t fór~ áll p~úrpó~sés.] [Thés~é cóm~póñé~ñts á~ré pr~émád~é cóm~bíñá~tíóñ~s óf c~ómpó~ñéñt~s fró~m thé~ fírs~t twó~ séct~íóñs~ (Láýó~út áñ~d Bás~íc).] [Fór á~ll có~mpóñ~éñts~, ýóú c~áñ sp~écíf~ý áñ Í~D áñd~ títl~é.]
[Ádvá~ñcéd~]	[Cúst~óm Có~dé - Á f~rééf~órm é~lémé~ñt th~át éñ~áblé~s ýóú~ tó éñ~tér á~ñý HT~ML có~dé th~át ýó~ú lík~é.] [Whéñ~ ýóú á~dd th~ís él~éméñ~t, á pá~ñé éñ~térs~ tó éñ~tér ý~óúr c~ódé.] [Thé r~ésúl~t ápp~éárs~ óñ th~é pág~é.] [Fór t~hís é~lémé~ñt, áñ~ éxtr~á ícó~ñ ápp~éárs~ íñ th~é élé~méñt~ édít~ méñú~. Sélé~ct tó~ ópéñ~ thé H~TML é~dítí~ñg pá~ñé. Ýó~ú cáñ~ álsó~ dóúb~lé-cl~íck í~ñ thé~ élém~éñt t~ó ópé~ñ thé~ HTML~ édít~íñg p~áñé.]	[Cúst~óm có~dé cá~ñ bé á~ddéd~ tó á p~ágé.] [Ýóú c~áñ sp~écíf~ý áñ Í~D áñd~ títl~é.] [Fór s~ómé C~réát~ívé S~túdí~ó cús~tóm c~ódé é~xámp~lés, r~éfér~ tó th~é dév~élóp~ér ñé~twór~k bló~g séc~tíóñ~.]