Video screencasts 2025, Januari-

# 91: Photoshopping van afzonderlijke galeriepagina's - CSS-trucs

# 91: Photoshopping van afzonderlijke galeriepagina's - CSS-trucs

In deze screencast besteden we een beetje tijd aan het nadenken over hoe een individuele screenshotpagina van Gallery eruit zal zien. Er zijn een paar gegevens die we al "

# 87: Gallery Grid-izing - CSS-trucs

# 87: Gallery Grid-izing - CSS-trucs

We hebben het galeriegedeelte ingesteld in WordPress, het spuugt uit wat we nodig hebben om uit te spugen, maar er is nog bijna helemaal geen styling op de pagina. Wij"

# 90: Individuele pagina's instellen in de galerij - CSS-trucs

# 90: Individuele pagina's instellen in de galerij - CSS-trucs

Elke screenshot (of video) in de galerij heeft zijn eigen individuele pagina. U kunt ze gemakkelijk bereiken door op de afbeelding zelf te klikken. We willen dit maken "

# 89: De galerijbalk aanpassen - CSS-trucs

# 89: De galerijbalk aanpassen - CSS-trucs

In deze video maken we een aantal aanpassingen aan de balk die we hebben opgezet met de meeste functionaliteit van de galerij. Bij design draait alles om tweaken, nietwaar? "

# 86: Photoshopping the Gallery - CSS-trucs

# 86: Photoshopping the Gallery - CSS-trucs

Ik was opgewonden om aan de slag te gaan met het Gallery-gedeelte op de site. Het is een van de gebieden die bijzonder slecht was in v9. Het krijgt niet veel verkeer, maar "

# 88: De galerijbar bouwen - CSS-trucs

# 88: De galerijbar bouwen - CSS-trucs

We begonnen met het bouwen van de balk onder de koptekst van de galerij. Deze bar heeft een behoorlijke klus. Het vertelt mensen waar ze zijn en wat ze bekijken (broodkruimels, "

# 84: Footer verplaatsen naar WordPress - CSS-trucs

# 84: Footer verplaatsen naar WordPress - CSS-trucs

We beginnen met het corrigeren van enkele paden voor afbeeldingsbestanden. Ik maak altijd onderscheid bij het gebruik van afbeeldingen in een WordPress-thema. Is deze afbeelding hier onderdeel van '

# 85: Blogpostweergave (single.php) in WordPress - CSS-trucs

# 85: Blogpostweergave (single.php) in WordPress - CSS-trucs

Als we moesten kiezen, is de weergave voor een enkele blogpost waarschijnlijk de belangrijkste sjabloon op de site. We hebben een statische mockup van een blogpostpagina, dus we "

# 158: A Month Later: Final Wrapup - CSS-trucs

# 158: A Month Later: Final Wrapup - CSS-trucs

Ongeveer een maand na de lancering praten we over hoe de lancering van v10 is verlopen. We bekijken het document dat we aan het begin van dit proces hebben opgesteld "

# 80: Lokale inhoud bijwerken door de SQL - uit te voeren CSS-trucs

# 80: Lokale inhoud bijwerken door de SQL - uit te voeren CSS-trucs

We hebben nu een .sql-bestand dankzij het exporteren en downloaden zoals we deden in de vorige video. Nu hoeven we het alleen nog maar uit te voeren en onze huidige "

# 156: De site lanceren, deel 1 - CSS-trucs

# 156: De site lanceren, deel 1 - CSS-trucs

Dit is het grote moment! We hebben een lijst met dingen waarvan we weten dat we ze moeten doen en we gaan ze gewoon gaan doen en deze site live krijgen. Misschien de "

# 155: De checklist vóór lancering doorlopen - CSS-trucs

# 155: De checklist vóór lancering doorlopen - CSS-trucs

We staan ​​net op het punt om dit ding te lanceren! Het is tijd om de laatste paar kleine problemen te bekijken die moeten worden ondersteund voordat we kunnen starten. Houd er rekening mee dat de "

# 81: De koptekst verplaatsen naar WordPress - CSS-trucs

# 81: De koptekst verplaatsen naar WordPress - CSS-trucs

Het is tijd om ons ontwerp daadwerkelijk naar WordPress te verplaatsen. Kan net zo goed van boven naar beneden beginnen en met de kop beginnen. Behalve gewoon een logische "

# 157: Onmiddellijke follow-up na lancering - CSS-trucs

# 157: Onmiddellijke follow-up na lancering - CSS-trucs

Ik heb de video gemaakt, misschien 10 minuten nadat ik de site had gelanceerd. Reacties beginnen binnen te rollen en dit ben ik een soort van reactie op een deel daarvan. Leuk vinden"

# 83: De WordPress-startpagina bouwen, deel 2 - CSS-trucs

# 83: De WordPress-startpagina bouwen, deel 2 - CSS-trucs

We gaan door met het overdragen van code van onze statische mockup naar onze WordPress index.php-pagina. We passen "de lus" een beetje aan om precies uit te voeren wat we willen. We gaan naar beneden "

# 82: De WordPress-startpagina bouwen, deel 1 - CSS-trucs

# 82: De WordPress-startpagina bouwen, deel 1 - CSS-trucs

De grote stap naar WordPress is aan de gang! We maken het header.php-bestand af en gaan naar index.php. index.php beheert onze homepage. De eerste"

# 154: Styling van de Lodge-archieven en Single Lodge-videopagina - CSS-trucs

# 154: Styling van de Lodge-archieven en Single Lodge-videopagina - CSS-trucs

De homepage voor The Lodge als je bent ingelogd (dwz / lodge /) zal een soort "portaal" -pagina zijn. Deze serie, die we 'The Big v10 Redsign' zullen noemen

# 152: Styling van de WordPress (Lodge) inlogpagina - CSS-trucs

# 152: Styling van de WordPress (Lodge) inlogpagina - CSS-trucs

Onze "widget" voor The Lodge in de zijbalk van de site (wordt weergegeven op de meeste pagina's, inclusief homepage) heeft twee statussen. Een voor wanneer een gebruiker is uitgelogd en een "

# 153: Styling van het Lodge-aanmeldingsformulier - CSS-trucs

# 153: Styling van het Lodge-aanmeldingsformulier - CSS-trucs

De aanmeldingspagina voor The Lodge is erg belangrijk om voor de hand liggende redenen: dit is de pagina die het geld verzamelt en toegang geeft tot het lidmaatschap "

# 150: Video-inhoud beschermen met verlopen S3-links - CSS-trucs

# 150: Video-inhoud beschermen met verlopen S3-links - CSS-trucs

In deze screencast kijken we hoe we bestanden op Amazon S3 (Simple Storage Service) kunnen hosten op een manier dat we kunnen linken naar en gebruik van die middelen, maar niet "

# 151: Bouwen aan de Lodge-module (en een Quick Speed ​​Report) - CSS-trucs

# 151: Bouwen aan de Lodge-module (en een Quick Speed ​​Report) - CSS-trucs

We maken een module voor de algemene zijbalk van de site die alleen voor The Lodge is. Als u bent ingelogd, wordt u welkom geheten en worden relevante links weergegeven "

# 149: Een aanmeldingsformulier bouwen voor The Lodge - CSS-trucs

# 149: Een aanmeldingsformulier bouwen voor The Lodge - CSS-trucs

Een van de redenen waarom WordPress geweldig is, is dat het wordt geleverd met een eigen volledig functionerend gebruikersauthenticatiesysteem. Dat schrijven tegenwoordig helemaal opnieuw "

# 148: Styling van de aanmeldknop voor The Lodge - CSS-trucs

# 148: Styling van de aanmeldknop voor The Lodge - CSS-trucs

In de laatste video hebben we uitgezocht hoe we verschillende inhoud binnen onze sjablonen kunnen weergeven op basis van de inlog- en abonnementsstatus van de gebruikers. We gebruiken dat "

# 144: Forums Pagination Styling en Wrapup - CSS-trucs

# 144: Forums Pagination Styling en Wrapup - CSS-trucs

We proberen hier de styling van de forums af te ronden. Een van de belangrijkste navigatiemechanismen op de forums is de paginering. Onderaan de pagina,"

# 145: Inleiding tot The Lodge (privétoegangsgebied) - CSS-trucs

# 145: Inleiding tot The Lodge (privétoegangsgebied) - CSS-trucs

We hebben een beetje voorbereidingen getroffen voor deze nieuwe "Private Access Area" op CSS-Tricks. We hebben naar WordPress-plug-ins gekeken om ons te helpen, we hebben er zelfs een gekozen en ingesteld "

# 146: Custom Header voor The Lodge - CSS-trucs

# 146: Custom Header voor The Lodge - CSS-trucs

In de laatste screencast hebben we die foto van iStockPhoto van de besneeuwde hut en het bos gepakt. We hebben het op de achtergrond laten vallen, achter het hoofdinhoudsgebied "

# 143: Forums Discussie over nieuwe threadstijl en functionaliteit - CSS-trucs

# 143: Forums Discussie over nieuwe threadstijl en functionaliteit - CSS-trucs

Wees niet boos, maar ik moest een beetje vooruit springen, want er was wat afmattend, lang saai werk om verschillende opvattingen terzijde te schuiven door de juiste te zetten "

# 142: Styling Forums Modules - CSS-trucs

# 142: Styling Forums Modules - CSS-trucs

Aan de rechterkant van de forums zijn er een reeks modules. 'Modules' visueel, 'Modules' letterlijk in code en 'Modules' in de zin dat de inhoud ze '

# 141: Beperk de installatie en instellingen van Content Pro - CSS-trucs

# 141: Beperk de installatie en instellingen van Content Pro - CSS-trucs

In deze screencast nemen we een kleine pauze van de strijd tegen de styling van Vanilla Forums om te werken aan het opzetten van Restrict Content Pro (RCP), onze WordPress-plug-in voor "