Область пошуку в заголовку «працює» тим, що вона розроблена, і ви можете натиснути її відкритою та закритою і все таке. Але насправді це ще не робить пошук. Це досить важливо, так?
На цьому сайті ми використовуємо користувацькі пошукові системи Google для пошуку вмісту. WordPress запровадив пошук, але це не дуже добре. Він просто відповідає рядкам і перелічує, що він знаходить по порядку. Немає нічого вишуканого, як пропонує Google: логіка пошуку, автоматичне виправлення орфографічних помилок, визначення намірів і, головне, показ найрелевантніших результатів спочатку.
Отже, ми збираємось використовувати GCSE, і нам потрібно виконати деякі налаштування. Ми заходимо в адміністративну область для їх створення і створюємо одну з нуля. Ми будемо використовувати безкоштовну версію. Не тому, що я хочу розміщувати рекламу у всьому своєму пошуку (я цього не роблю), а тому, що платна версія забороняє розміщення сайту такого розміру. Або я плачу тисячі щомісяця за пошук без реклами, або фактично заробляю кілька доларів, розміщуючи рекламу в пошуку, і отримую це можливість пошуку безкоштовно. Нерозумний.
Перше, що ми створюємо, - це повноцінний пошук на сайті, тому ми маємо його шукати “css-tricks.com”.
Тоді ми отримуємо код, який нам надає GCSE для включення на сайт для роботи пошуку. Нам потрібно трохи копати, щоб знайти варіант, де він відображає лише результати пошуку, а ви “приносите свою” форму пошуку. Це, безумовно, для нас, оскільки ми вже розробили нашу форму пошуку і подобається вона такою, яка вона є.
У нас є спеціальний шаблон сторінки саме для результатів пошуку. Ми збиваємо цей шаблон у фігуру, показуючи речі, які ми хочемо, щоб він показував.
Потім ми взялися за створення більше власних пошукових систем. Це свого роду невдалий спосіб досягти того, що ми хочемо: можливість шукати лише підрозділи сайту за бажанням. Другий CSE, який ми створюємо, призначений лише для пошуку “css-tricks.com/forums/”. Потім ми робимо іншу сторінку результатів пошуку лише для пошуку на форумах (/ search-results / forums /), але використовуючи той самий шаблон. На цій сторінці ми розмістили код із CSE для цієї нової, більш обмеженої пошукової системи.
Нам просто потрібно буде переконатись, що користувачі якось дійшли до потрібного ...