Screencasty wideo 2025, Styczeń

# 91: Photoshopowanie poszczególnych stron galerii - CSS-Tricks

# 91: Photoshopowanie poszczególnych stron galerii - CSS-Tricks

W tym screencastie poświęcimy trochę czasu na zastanowienie się, jak będzie wyglądać indywidualna strona ze zrzutami ekranu w Galerii. Jest trochę danych, które już mamy ”

# 87: Siatka galerii - CSS-Tricks

# 87: Siatka galerii - CSS-Tricks

Mamy obszar galerii skonfigurowany w WordPressie, który wypluwa to, czego potrzebujemy, aby wypluć, ale na stronie nie ma jeszcze prawie żadnego stylu. My"

# 90: Konfigurowanie poszczególnych stron w galerii - CSS-Tricks

# 90: Konfigurowanie poszczególnych stron w galerii - CSS-Tricks

Każdy zrzut ekranu (lub film) w galerii ma swoją własną stronę. Dostaniesz się do nich łatwo, po prostu klikając sam obraz. Chcemy to zrobić ”

# 89: Poprawianie paska galerii - CSS-Tricks

# 89: Poprawianie paska galerii - CSS-Tricks

W tym filmie wprowadzamy kilka poprawek do paska, który skonfigurowaliśmy z większością funkcji Galerii. Projekt polega na poprawianiu, prawda? ”

# 86: Photoshopowanie galerii - CSS-Tricks

# 86: Photoshopowanie galerii - CSS-Tricks

Byłem podekscytowany rozpoczęciem pracy w obszarze Galeria na stronie. To jeden z obszarów, który był szczególnie zły w wersji 9. Nie ma dużego ruchu, ale „

# 88: Budowanie paska galerii - CSS-Tricks

# 88: Budowanie paska galerii - CSS-Tricks

Zaczęliśmy budować pasek pod nagłówkiem galerii. Ten pasek ma niezłą robotę. Informuje ludzi, gdzie się znajdują i co oglądają (menu nawigacyjne,

# 84: Przenoszenie stopki do WordPressa - CSS-Tricks

# 84: Przenoszenie stopki do WordPressa - CSS-Tricks

Zaczynamy od naprawy niektórych ścieżek plików obrazów. Zawsze rozróżniam, kiedy używam obrazów w motywie WordPress. Czy ten obraz jest częścią tego „

# 85: Widok posta na blogu (single.php) w ​​WordPress - CSS-Tricks

# 85: Widok posta na blogu (single.php) w ​​WordPress - CSS-Tricks

Gdybyśmy musieli wybierać, widok pojedynczego posta na blogu jest prawdopodobnie najważniejszym szablonem w serwisie. Mamy statyczną makietę strony z wpisami na blogu, więc „

# 158: Miesiąc później: końcowe podsumowanie - CSS-Tricks

# 158: Miesiąc później: końcowe podsumowanie - CSS-Tricks

Około miesiąca po premierze rozmawiamy o tym, jak poszła premiera v10. Przeglądamy dokument, który utworzyliśmy na samym początku tego procesu ”

# 80: Aktualizowanie zawartości lokalnej przez uruchomienie kodu SQL - CSS-Tricks

# 80: Aktualizowanie zawartości lokalnej przez uruchomienie kodu SQL - CSS-Tricks

Mamy teraz plik .sql dzięki wyeksportowaniu go i pobraniu, tak jak to zrobiliśmy w poprzednim filmie. Teraz musimy go tylko uruchomić i nadpisać nasze aktualne "

# 156: Uruchomienie witryny, część 1 - CSS-Tricks

# 156: Uruchomienie witryny, część 1 - CSS-Tricks

To jest wielka chwila! Mamy listę rzeczy, o których wiemy, że musimy zrobić, i po prostu zaczniemy to robić i uruchomimy tę witrynę. Prawdopodobnie"

# 155: Przechodzenie przez listę kontrolną przed uruchomieniem - CSS-Tricks

# 155: Przechodzenie przez listę kontrolną przed uruchomieniem - CSS-Tricks

ZAPRASZAMY do uruchomienia tej rzeczy! Czas przyjrzeć się kilku ostatnim drobnym problemom, które wymagają rozwiązania, zanim będziemy mogli uruchomić. Pamiętaj, że „

# 81: Przenoszenie nagłówka do WordPressa - CSS-Tricks

# 81: Przenoszenie nagłówka do WordPressa - CSS-Tricks

Czas faktycznie przenieść nasz projekt do WordPress. Równie dobrze można zacząć od góry do dołu i zacząć od nagłówka. Inne niż tylko bycie logicznym ”

# 157: Natychmiastowe uzupełnienie po uruchomieniu - CSS-Tricks

# 157: Natychmiastowe uzupełnienie po uruchomieniu - CSS-Tricks

Film nakręciłem zaledwie 10 minut po uruchomieniu strony. Zaczynają napływać komentarze i to właśnie na niektóre z nich reaguję. Lubić"

# 83: Tworzenie strony głównej WordPress, część 2 - CSS-Tricks

# 83: Tworzenie strony głównej WordPress, część 2 - CSS-Tricks

Kontynuujemy przenoszenie kodu z naszej statycznej makiety na naszą stronę index.php WordPress. Poprawiamy nieco „pętlę”, aby wyświetlać dokładnie to, czego chcemy. Schodzimy "

# 82: Tworzenie strony głównej WordPress, część 1 - CSS-Tricks

# 82: Tworzenie strony głównej WordPress, część 1 - CSS-Tricks

Trwa wielki krok na WordPress! Kończymy plik header.php i przechodzimy do index.php. Za naszą stronę główną odpowiada index.php. Pierwszy"

# 154: Stylizacja archiwów loży i strony wideo pojedynczego loży - CSS-Tricks

# 154: Stylizacja archiwów loży i strony wideo pojedynczego loży - CSS-Tricks

Strona domowa The Lodge, kiedy jesteś zalogowany (tj. / Lodge /) będzie swego rodzaju stroną „portalu”. Ta seria, którą nazwiemy „The Big v10 Redsign”

# 152: Stylizacja strony logowania do WordPress (Lodge) - CSS-Tricks

# 152: Stylizacja strony logowania do WordPress (Lodge) - CSS-Tricks

Nasz „widżet” dla The Lodge na pasku bocznym witryny (pokazywany na większości stron, w tym na stronie głównej) ma dwa stany. Jeden, gdy użytkownik jest wylogowany, a drugi „

# 153: Stylizacja formularza rejestracji loży - CSS-Tricks

# 153: Stylizacja formularza rejestracji loży - CSS-Tricks

Strona rejestracji w The Lodge jest bardzo ważna z oczywistych powodów: jest to strona, która zbiera pieniądze i zapewnia dostęp do członkostwa ”

# 150: Ochrona treści wideo za pomocą wygasających linków S3 - CSS-Tricks

# 150: Ochrona treści wideo za pomocą wygasających linków S3 - CSS-Tricks

W tym screencastie przyjrzymy się, w jaki sposób możemy hostować pliki w Amazon S3 (Simple Storage Service) w taki sposób, abyśmy mogli utworzyć link do wykorzystania tych zasobów, ale nie „

# 151: Budowanie modułu Lodge (i szybki raport) - CSS-Tricks

# 151: Budowanie modułu Lodge (i szybki raport) - CSS-Tricks

Tworzymy moduł dla ogólnego paska bocznego witryny, który jest przeznaczony tylko dla The Lodge. Jeśli jesteś zalogowany, powita Cię i zapewni odpowiednie linki "

# 149: Tworzenie formularza logowania do The Lodge - CSS-Tricks

# 149: Tworzenie formularza logowania do The Lodge - CSS-Tricks

Jednym z powodów, dla których WordPress jest niesamowity, jest to, że ma własny, w pełni funkcjonalny system uwierzytelniania użytkowników. Pisząc to od podstaw w dzisiejszych czasach ”

# 148: Stylizowanie przycisku rejestracji dla The Lodge - CSS-Tricks

# 148: Stylizowanie przycisku rejestracji dla The Lodge - CSS-Tricks

W ostatnim filmie dowiedzieliśmy się, jak udostępniać różne treści w naszych szablonach na podstawie loginu i statusu subskrypcji użytkowników. Używamy tego "

# 144: Styl i podsumowanie paginacji na forach - CSS-Tricks

# 144: Styl i podsumowanie paginacji na forach - CSS-Tricks

Próbujemy zakończyć stylizację forów tutaj. Jednym z głównych mechanizmów nawigacji na forach jest paginacja. Na dole strony,"

# 145: Wprowadzenie do The Lodge (prywatny obszar dostępu) - CSS-Tricks

# 145: Wprowadzenie do The Lodge (prywatny obszar dostępu) - CSS-Tricks

Zrobiliśmy trochę przygotowania do nowego „prywatnego obszaru dostępu” w CSS-Tricks. Przyjrzeliśmy się wtyczkom WordPress, które mogą nam pomóc, nawet zdecydowaliśmy się na jedną i ustawiliśmy „

# 146: Niestandardowy nagłówek dla The Lodge - CSS-Tricks

# 146: Niestandardowy nagłówek dla The Lodge - CSS-Tricks

W ostatnim screencastie zrobiliśmy zdjęcie z iStockPhoto zaśnieżonej chaty i lasu. Zostawiliśmy go w tle, za głównym obszarem zawartości ”

# 143: Fora Nowa dyskusja na temat stylów i funkcji wątków - CSS-Tricks

# 143: Fora Nowa dyskusja na temat stylów i funkcji wątków - CSS-Tricks

Nie wściekaj się, ale musiałem trochę skoczyć do przodu, ponieważ była to wyczerpująca, długa, nudna praca polegająca na zastępowaniu różnych poglądów przez ustawienie właściwej ”

# 142: Forum Style modułów - CSS-Tricks

# 142: Forum Style modułów - CSS-Tricks

Po prawej stronie forów znajduje się seria modułów. „Moduły” wizualnie, „Moduły” dosłownie w kodzie, a „Moduły” w treści,

# 141: Ogranicz konfigurację i ustawienia Content Pro - CSS-Tricks

# 141: Ogranicz konfigurację i ustawienia Content Pro - CSS-Tricks

W tym screencastie zrobimy małą przerwę od walki ze stylami Vanilla Forums, aby zająć się konfiguracją Restrict Content Pro (RCP), naszej wtyczki WordPress dla „