№ 96: Шаблони для результатів пошуку - CSS-хитрощі

Anonim

Пошук працює! Просто шаблон, на який ви сідаєте, не зовсім правильний. Нам потрібно налаштувати шаблон, щоб він виглядав правильно і відповідав стилю сайту.

Шаблон, який використовується на початку пошуку, досить загальний. Це шаблон, який я використовую на багатьох сайтах WordPress. Це точно так само, як “page.php” - шаблон “За замовчуванням”, який використовують усі сторінки WordPress, тільки він не здійснює get_sidebar()дзвінок. Я називаю це page-nosidebar.php.

Зрештою ми відмовляємось від цього шаблону та робимо шаблон, спеціальний для результатів пошуку. Це дає нам більш конкретний контроль над цими сторінками. Це означає, що нам потрібно зайти на кожну сторінку результатів пошуку в WordPress і переконатися, що вона використовує цей шаблон. Кожного разу, коли ми робимо щось подібне, ми повинні взяти це до відома, тому що нам доведеться змінювати це на веб-сайті в режимі реального часу після того, як ми переходимо в ефір (такі зміни не піднімаються за допомогою контролю версій).

Цей новий шаблон полегшує нам застосування CSS лише до цієї сторінки, використовуючи логіку у файлі header.php, яку ми робили стільки разів. Ми витрачаємо купу часу, роздумуючи над стилем того, що за замовчуванням зустрічається у GCSE. Ми видаляємо трохи нерівностей, коригуємо інтервал, міняємо шрифти тощо.

Ми підводимо підсумки про ще більше роботи, яку потрібно зробити.