# 122: Изграждане на видео архива, част 1 - CSS-трикове

Anonim

Страницата за архив на видеоклипове е частта от сайта, където хората могат да разглеждат всички безплатни видеоклипове, налични за гледане. Това е за сърфиране, трябва да хареса началната страница за фрагментите или началната страница за демонстрациите.

Тези страници са техен собствен шаблон, който можем много бързо и лесно да оформяме във форма, както сме правили много пъти преди. Поставяме собствена обвивка около нещата и използваме структурата на мрежата, за да й придадем 2/3 1/3 оформление.

Това, което е много вълнуващо за мен тук, е, че получаваме шанс да изтръгнем някоя стара брутна надценка и да я заменим с по-интелигентна и автоматично генерирана надценка. В миналото написах на ръка всеки запис във видеоархивите като списък с дефиниции. Като начало това вероятно не е правилната семантична маркировка за списък с видеоклипове, особено когато всеки запис започва нов списък.

Вместо това изтръгваме всички тези стари маркировки и вместо това изпълняваме внимателно изработена заявка, за да вземем всички данни, от които се нуждаем, от WordPress. Изпълняваме цикъл над тази заявка и извеждаме нова маркировка, която е по-чиста (само divs с класове). Това ще ни спести време в бъдеще, без да се налага да поддържаме ръчно тези архивни страници.

Докато пишем тази нова маркировка, ние я добавяме с функции на WordPress, които запълват битовете, които са ни необходими, за да бъдем динамични. Заглавията са the_title(). Връзките са the_permalink(). Миниизображенията са персонализирани полета. Лесно сладко.

Divs използват имена на класове от нашата мрежа мрежа, така че всички плаващи и оразмеряване и неща автоматично работят. Не сме ли ефективни? Някои CSS обаче трябва да бъдат персонализирани и ние пишем това, което е трябвало. Например коригиране на подплънките за модули, специално в този раздел (беше твърде много, намалихме го). Това нещо е лесно да се направи чрез имената на класове, достъпни за нас, тъй като ние интелигентно използвахме body_class()пътя назад, когато работехме върху главата.