Video Screencasts 2025, Januar

# 91: Photoshopping Posamezne strani galerije - CSS-triki

# 91: Photoshopping Posamezne strani galerije - CSS-triki

V tej oddaji zaslona porabimo nekaj časa za razmišljanje o tem, kako bo videti posamezna stran posnetka zaslona v galeriji. Obstaja nekaj podatkov, ki jih že "

# 87: Galerija Grid-izing - CSS-triki

# 87: Galerija Grid-izing - CSS-triki

V WordPressu imamo nastavljeno območje galerije, ki izpljune tisto, kar potrebujemo za izpljunitev, vendar na strani skoraj še ni nobenega stila. Mi "

# 90: Nastavitev posameznih strani v galeriji - CSS-triki

# 90: Nastavitev posameznih strani v galeriji - CSS-triki

Vsak posnetek zaslona (ali video posnetka) v galeriji ima svojo individualno stran. Do njih pridete enostavno, samo s klikom na sliko. To želimo narediti "

# 89: Popravljanje galerijske vrstice - CSS-triki

# 89: Popravljanje galerijske vrstice - CSS-triki

V tem videoposnetku izvedemo vrsto popravkov vrstice, ki smo jo nastavili z večino funkcionalnosti galerije. Pri oblikovanju gre samo za prilagajanje, kajne? "

# 86: Photoshopping Galerija - CSS-triki

# 86: Photoshopping Galerija - CSS-triki

Bil sem navdušen, ko sem začel na območju Galerije na spletnem mestu. To je eno izmed področij, ki je bilo v v9 še posebej slabo. Ne dobi niti tone prometa, ampak "

# 88: Gradnja galerijskega bara - CSS-triki

# 88: Gradnja galerijskega bara - CSS-triki

Lotili smo se gradnje vrstice pod glavo galerije. Ta lokal ima kar nekaj dela. Ljudem pove, kje so in kaj si ogledujejo (drobtine, "

# 84: Premikanje noge v WordPress - CSS-triki

# 84: Premikanje noge v WordPress - CSS-triki

Začnemo s popravljanjem nekaterih poti slikovnih datotek. Vedno ločim pri uporabi slik znotraj teme WordPress. Ali je ta slika del tega "

# 85: Pogled objave bloga (single.php) v WordPressu CSS-triki

# 85: Pogled objave bloga (single.php) v WordPressu CSS-triki

Če bi morali izbrati, je pogled za posamezno objavo v blogu verjetno najpomembnejša predloga na spletnem mestu. Imamo statično maketo strani v blogu, zato "

# 158: Mesec kasneje: končno zavijanje - CSS-triki

# 158: Mesec kasneje: končno zavijanje - CSS-triki

Približno mesec dni po uvedbi govorimo o tem, kako je zagon v10 potekal. Pregledamo dokument, ki smo ga postavili na samem začetku tega postopka. "

# 80: Posodabljanje lokalne vsebine z zagonom SQL - CSS-triki

# 80: Posodabljanje lokalne vsebine z zagonom SQL - CSS-triki

Datoteko .sql imamo zdaj, zahvaljujoč izvažanju in prenosu, kot v prejšnjem videoposnetku. Zdaj ga moramo samo zagnati in prepisati trenutno "

# 156: Zagon spletnega mesta, 1. del - CSS-triki

# 156: Zagon spletnega mesta, 1. del - CSS-triki

To je velik trenutek! Imamo seznam stvari, za katere vemo, da jih moramo narediti in jih bomo šele začeli izvajati in to spletno mesto objavili v živo. Morda "

# 155: Pregled seznama pred zagonom - CSS-triki

# 155: Pregled seznama pred zagonom - CSS-triki

SAMO SMO začeti to stvar! Čas je, da preučimo zadnjih nekaj majhnih težav, ki jih je treba skrajšati, preden lahko začnemo. Upoštevajte, "

# 81: Premikanje glave v WordPress - CSS-triki

# 81: Premikanje glave v WordPress - CSS-triki

Čas je, da dejansko začnemo premikati naš dizajn v WordPress. Lahko tudi začnemo od zgoraj navzdol in začnemo z glavo. Razen tega, da je le logičen "

# 157: Nadaljnje spremljanje takoj po objavi - CSS-triki

# 157: Nadaljnje spremljanje takoj po objavi - CSS-triki

Video sem posnel le morda 10 minut po zagonu spletnega mesta. Komentarji se začenjajo pojavljati in to je nekakšen odziv na nekatere od njih. Kot "

# 83: Ustvarjanje domače strani WordPress, 2. del - CSS-triki

# 83: Ustvarjanje domače strani WordPress, 2. del - CSS-triki

Nadaljujemo s prenosom kode s statičnega maketa na našo stran WordPress index.php. Malo spremenimo "zanko", da dobimo tisto, kar želimo. Pridemo dol "

# 82: Ustvarjanje domače strani WordPress, 1. del - CSS-triki

# 82: Ustvarjanje domače strani WordPress, 1. del - CSS-triki

Odlična poteza v WordPress je v teku! Končamo datoteko header.php in se premaknemo v index.php. index.php je odgovoren za našo domačo stran. Prvi"

# 154: Oblikovanje arhivov lož in video strani ene lože - CSS-triki

# 154: Oblikovanje arhivov lož in video strani ene lože - CSS-triki

Domača stran Lože, ko ste prijavljeni (tj. / Lodge /), bo nekakšna "portalska" stran. Ta serija, ki ji bomo rekli "The Big v10 Redsign"

# 152: Oblikovanje strani za prijavo v WordPress (Lodge) - CSS-triki

# 152: Oblikovanje strani za prijavo v WordPress (Lodge) - CSS-triki

Naš "pripomoček" za The Lodge v stranski vrstici strani (prikazuje se na večini strani, vključno z domačo stranjo) ima dva stanja. Ena, ko je uporabnik odjavljen, in ena "

# 153: Oblikovanje obrazca za prijavo v kočo - CSS-triki

# 153: Oblikovanje obrazca za prijavo v kočo - CSS-triki

Stran za prijavo za The Lodge je iz očitnih razlogov zelo pomembna: to je stran, ki zbira denar in omogoča dostop do članstva. "

# 150: Zaščita video vsebin s potečejočimi povezavami S3 - CSS-triki

# 150: Zaščita video vsebin s potečejočimi povezavami S3 - CSS-triki

V tem predvajanju zaslona preučujemo, kako lahko gostimo datoteke na Amazon S3 (Simple Storage Service) tako, da se lahko povežemo z uporabo teh sredstev, ne pa tudi "

# 151: Izdelava modula Lodge (in hitro poročilo o hitrosti) - CSS-triki

# 151: Izdelava modula Lodge (in hitro poročilo o hitrosti) - CSS-triki

Naredimo modul za splošno stransko vrstico spletnega mesta, ki je namenjen samo Loži. Če ste prijavljeni, vas bo pozdravil in navedel ustrezne povezave "

# 149: Izdelava prijavnega obrazca za kočo - CSS-triki

# 149: Izdelava prijavnega obrazca za kočo - CSS-triki

Eden od razlogov, da je WordPress super, je, da ima svoj popolnoma delujoč sistem za preverjanje pristnosti uporabnikov. Te dni pišem iz nič "

# 148: Oblikovanje gumba za prijavo za kočo - CSS-triki

# 148: Oblikovanje gumba za prijavo za kočo - CSS-triki

V zadnjem videoposnetku smo ugotovili, kako v predlogah prikažemo različne vsebine glede na uporabniško prijavo in status naročnine. Uporabljamo to "

# 144: Oblikovanje strani in zavijanje strani CSS-triki

# 144: Oblikovanje strani in zavijanje strani CSS-triki

Tukaj poskušamo zaključiti slog forumov. Eden glavnih mehanizmov za krmarjenje po forumih je paginacija. Na dnu strani »

# 145: Uvod v kočo (območje z zasebnim dostopom) - CSS-triki

# 145: Uvod v kočo (območje z zasebnim dostopom) - CSS-triki

Za to novo "območje z zasebnim dostopom" smo se malo pripravili na CSS-triki. V pomoč smo si ogledali WordPress vtičnike, celo eno smo se odločili in nastavili "

# 146: Glava po meri za kočo - CSS-triki

# 146: Glava po meri za kočo - CSS-triki

V zadnjem predvajanju zaslona smo s iStockPhoto posneli fotografijo zasnežene kabine in gozda. Spustili smo ga v ozadje, za glavno področje vsebine "

# 143: Forum Forum New Thread Styling in funkcionalnost Diskusija - CSS-triki

# 143: Forum Forum New Thread Styling in funkcionalnost Diskusija - CSS-triki

Ne bodite jezni, vendar sem moral malce skočiti naprej, ker je bilo nekaj dolgočasnega dolgočasnega dela, ki je prevzelo drugačna stališča, tako da sem postavil pravi "

# 142: Oblikovanje modulov foruma - CSS-triki

# 142: Oblikovanje modulov foruma - CSS-triki

Na desni strani forumov je vrsta modulov. "Moduli" vizualno, "Moduli" dobesedno v kodi in "Moduli" v vsebini, ki jo "

# 141: Omeji nastavitve in nastavitve Content Pro - CSS-triki

# 141: Omeji nastavitve in nastavitve Content Pro - CSS-triki

V tem predvajanju zaslona si privoščimo malo odmora od spopadov z oblikovanjem forumov Vanilla in se lotimo nastavitve Omeji vsebino Pro (RCP), našega vtičnika WordPress za "