Videonäyttö 2025, Syyskuu
Tässä kuvaruudussa käsittelen ehdottoman vähimmäisasetukset jQueryn hyödyntämiseksi "todellisella" verkkosivustolla. Meillä on index.html-tiedosto, jossa on perus HTML5 "
Se tuli esiin hyvin lyhyesti viimeisessä videossa: miten estät selaimen hyppäämästä alas, kun napsautat hash-linkkiä? Se on selaimen oletuskäyttäytyminen "
JQuery voi valita kaiken, minkä CSS3 voi valita. Mutta se ei pysähdy tähän! JQuery tarjoaa useita muita valitsimia (Sizzlen kautta "
Olemme puhuneet paljon valitsimista. JQuery-valitsin, kuten $ ("h1"), valitsee kaikki sivun elementit. Mutta entä ... kun ei? Tässä on "
CSS: ssä voit valita kaikki sivun elementit tällä tavalla: h1 (/ * tyylitä kaikki elementit * /) jQueryssä voit käyttää samaa valitsinta. $ ("h1") // sarja "
Tervetuloa! Tämän kurssin tavoitteena on viedä sinut, kaunis käyttöliittymäkehittäjä, sellaiselta, jolla on hyvin vähän tai ei lainkaan jQuery- tai JavaScript-tietoa "
Yksi tapa ajatella jQueryä on "Valitse ja tee" -kirjasto. jQuery on erityisen hyvä valitsemaan sivun elementit (tavaraa DOM: ssa) ja tekemään sitten "
WordPress antaa Jeffin sivuston kommentointialueelle mahdollisuuden. Tämä on erittäin helppo puhdistaa CSS-supervoimillamme. Teemme .scss-tiedoston vain kommentteja varten "
On aika saattaa tämä sarja päätökseen. Se on ollut hauska ratsastaa! Tutkimuksemme ja sen välillä on jonkin verran eroa "
Tässä kuvakaappauksessa katsomme Jeffin nykyistä verkkosivustoa. Tämä sarja ei ole niin keskittynyt "uudelleensuunnitteluun" kuin v10-sarja, mutta on olemassa olemassa oleva "
Suurimmaksi osaksi olemme toistaiseksi käyttäneet iOS-simulaattoria testataksemme sivustomme mobiiliversiota. Se on aika hyvä, paljon parempi kuin testata kapea "
Kun työstimme sivustoa työpöydällä, siirrimme etusivun navigoinnin sivun oikealle puolelle avataksesi reiän vasemmalle puolelle lisää "
Kun olimme sotkineet antamalla CMS-kykyjä etusivun liukusäätimelle, annoimme jokaiselle kotisivulle mukautetun kentän värivalitsimen. Se antaa meille "
Se, että tämä on ensimmäinen mobiililaitteille -sarja, ei tarkoita sitä, että voimme jättää huomioimatta pöytätietokoneiden / kannettavien tietokoneiden vuorovaikutuksen. Vietämme vähän aikaa varmistaaksemme "
Suuremmissa näytöissä meillä on enemmän tilaa kaikilla sivuillamme. Olemme käsitelleet tätä kotisivulla, mutta voimme pärjätä paremmin myös muilla alasivuilla. Sinkku"
Lopuksi tehdään todella yksinkertainen testi, joka ladataan blogin artikkeliin, joka näytetään, jos on tilaa: // Lataa lisää sisältöä, jos tilaa kysytään tarpeeksi "
Pyrimme korjaamaan sivuston niin, että "työpöydän" (eli suuremmilla) näytöillä sivusto näyttää silti hyvältä. Kotisivunavigointi on toinen asia, joka saa "
Kun selainikkuna kasvaa, etusivun yläosassa oleva liukusäädin on naurettavan iso. Tämä on ensimmäinen matkapuhelin -sarja, mutta koska matkapuhelin "
Yksi sivuston viidestä pääalueesta on yhteystietosivu. Se vaatii tuskin ollenkaan peitettä, koska yksinkertaisesti rakensimme sen Wufoon ja "
Ajattelin, että voisimme tutkia tapahtumia, joista puhuimme edellisessä videossa, mutta kun olen täsmentänyt tapahtuma-aluetta, minun oli kirjoitettava tarpeeksi koodia. "
Kun kaksi työhevosen CMS-laajennusta on asennettu, vietämme vähän aikaa niiden asentamiseen. "Tapahtumat" Jeffin sivustolla on täydellinen esimerkki. Tapahtuma""
Meillä on toinen viestityyppi, joka tarvitsee oikeat mukautetut kentät: etusivun diat. Tämä on sellainen asia, joka olisi helppo ja houkutteleva "
Opimme tekemään mukautetun silmukan ja tuottamaan mukautettuja tietoja viimeisimmän videon mukautetuista viestityypeistä ja mukautetuista kentistä. Tällä kertaa meidän on tehtävä se "
Voimme todella laajentaa WordPressin "CMS" -ominaisuuksia vain muutamalla laajennuksella: Kehittyneet mukautetut kentät ja Mukautetut postityypit -käyttöliittymä. Näiden kanssa"
Kotisivunavigointi vastaa tarpeitamme hyvin, mutta valtavan määrän navigointia sivuston jokaisella sivulla ei ole käytännöllistä. Tarvitsemme "
Melkein kaikissa WordPress-teemoissa on arkistoida nimeltään page.php. Tämä on malli, joka hallitsee sivuja - yksi oletustyyppisestä sisällöstä, joka "
On vain yksi tapa päästä sivuston blogialueelle etusivulta, ja napsauttamalla "Viimeisin kirjoitus". Mutta se vie sinut eniten "
Typografia ei ole vieläkään aivan oikein, joten käytämme hieman enemmän aikaa sen säätämiseen. Tämä kannattaa tehdä täällä, koska otsikko ja runko "
Blogi tuottaa mitä haluamme, mutta sen typografia ja ulkoasu eivät ole aivan siellä. Lisätään vähän merkintöjä täällä ja siellä tarpeen mukaan "
Alamme työskennellä sivuston blogialueella. Haluamme, että sivuston blogialue on / blog / - joten päädymme tekemään sivumallin nimeltä "