З чого складається хороша WordPress-тема для сайту нерухомості

Свою першу WordPress тему для сайту нерухомості я створив ще у грудні 2008 року. З того часу я дізнався і вивчив, які саме можливості тем оформлення потрібні покупцям та агентам нерухомості.

Загалом, коли ви розмірковуєте про нову тему, вам потрібно думати про кінцевих користувачів: поставте себе на їх місце, подумайте, як вони використовуватимуть тему, що для них найважливіше щодо можливостей, дизайну і т.д.

У даному випадку ми говоримо про індустрію нерухомості, і в цій статті я розповім ключові моменти та можливості, які роблять WordPress тему для нерухомості ідеальною.

1. Потужний пошук

Допустимо, ви шукаєте житло. Перше, що ви зробите на сайті – шукатимете пошук, чи не так?

Я знаю, що я робив, коли шукав мій перший будинок, тому ця можливість зазвичай йде першим пунктом. Візьміть для прикладу тему WP Pro Real Estate 5. Пошук знаходиться вгорі центром в красивому обрамленні, це не дає користувачеві загубитися на головній сторінці.

Тепер як зробити такий пошук у вашій темі?

Є чудова бібліотека під назвою Запит на декілька таксономій від Scribu — я використав таку у всіх моїх темах для нерухомості.

Дивіться також:

• Покращуємо пошук по WordPress сайту: 7 безкоштовних плагінів
• Як працює пошук по WordPress сайту
• Автозаповнення під час пошуку по сайту на WordPress
• Автозаповнення для форми пошуку WordPress за допомогою TypeAhead.js

2. Розмітка головної сторінки

Як ви, мабуть, знаєте, різні ніші вимагають різних стилів та розмітки домашніх сторінок. На ринку нерухомості є кілька основних речей, на яких вам потрібно буде сфокусувати свою увагу:

• Пошук – переконайтеся, що ваш пошук знаходиться у гарному помітному місці вгорі сторінки, зі зрозумілою розміткою.
• Вибрані оголошення - це важливо, оскільки більшість ріелторів хоче прорекламувати окремі оголошення, вони можуть бути у формі слайдера, каруселі або багатоколонної розмітки.
• Контактна інформація агента/брокера - очевидно, що це дуже важливо, я рекомендую використовувати верхню зону для телефону та/або адреси.
• Велика карта - хороший спосіб показати набір оголошень, це використовувати велику карту з відмітками та інфо-блоками, яка дає користувачам швидкий та легкий спосіб негайно перейти без необхідності пошуку.
• Відгуки - Не обов'язково, але я помітив, що більшість їх використовує. Це дає користувачам відчуття надійності та трохи додає довіри агенту чи брокеру.
• Віджети у підвалі – завжди буде корисним дати користувачеві гнучкість за допомогою додаткових віджетів, це дозволить йому додавати та видаляти блоки контенту без навичок програмування.

3. Карти

Карти — більшість теми для нерухомості, будь то розширена карта на головній сторінці, що відображає багато обраних оголошень з окремими відмітками та інформаційними вікнами, або стандартна карта на окремих оголошеннях із зазначеними окремими точками.

Дивіться також:

• Як вставити фрагмент картки Google Maps у WordPress без використання плагінів
• Додаємо локацію місць Google Maps на ваш WordPress-сайт

4. Контакти агента та брокера

Добре, ви знайшли чудове житло - що далі? Звісно, ​​зв'язатися з агентом чи брокером. Що зробив я - створив віджети Інформація про агента и Broker Information. Вони дозволяють агенту або брокеру розмістити їх контактні дані на будь-якій з 10 зон для віджетів, вони можуть розмістити їх хоч на всіх 10 зонах, щоб точно не упустити цю угоду.

Дивіться також:

• 9 найкращих безкоштовних WordPress плагінів для блоку про автора

5. Адаптивний дизайн

Сьогодні все більше і більше людей використовують для роботи в мережі смартфони та планшети.

Адаптивний веб дизайн – це підхід у веб-дизайні, за яким сайт створюється оптимальним для перегляду – легким у читанні та навігації з мінімумом змін у розмірах – для широкого діапазону пристроїв, від моніторів настільних комп'ютерів до планшетів та мобільних телефонів.

6. Вибрані оголошення

Будь-який агент і брокер мають кілька оголошень, які вони хочуть виділити на головній сторінці, в центрі, вгорі зони пошуку або в одній з багатьох областей сайдбару.

Якщо ви подивитеся на тему WP Pro Real Estate 5, ви побачите гарний набір вибраних оголошень на головній сторінці, а також блок вибраного над результатами пошуку. Є також дуже гнучкий віджет оголошень, в якому користувач може вибрати з багатьох типів таксономії (вид власності, статус, місто, штат, індекс), вибрати потрібний тег (в даному випадку обраний Статус і тег Докладніше), а потім встановити кількість записів, які потрібно відображати.

7. Шаблон оголошення

Інший важливий елемент - інформація оголошення або шаблон, тут потрібна ще хороша розмітка. Ось ієрархія елементів, яка, на мою думку, працює найкраще:

• підзаголовок
  • "Хлібні крихти"
  • Навігація: Попереднє / наступне оголошення
• Блок основного контенту
  • Адреса: вулиця, місто, штат, індекс
  • Ціна
  • Кількість спалень, ванн, метраж
  • Слайдер зображень
  • Опис (вміст запису)
  • Місцезнаходження (Google Maps)
• Сайдбар (віджети)
  • Інформація про агента
  • Інформація про брокера
  • калькулятор іпотеки
  • Запит на показ (форма контактів)
  • Інші оголошення агента

Ось приклад усіх цих елементів.

8. Шаблон агента

Шаблон агента – або автор.php – хороший спосіб відображення контактної та особистої інформації, а також великої карти всіх оголошень цього агента. Подивіться нижче або живий приклад.

9. Розмітка та можливості налаштування

Це не специфічно для нерухомості, але важливий аспект будь-якої теми. Не давайте вашому користувачеві застрягти в одній розмітці, надавайте опції. Наприклад, в WP Pro Real Estate 4 я ввімкнув розмітку з лівою колонкою, правою колонкою та триколонову розмітку, яку можна вибрати окремо для сторінок, для розділів або для всього сайту.

Завантаження свого логотипу, створення свого скіна – ви повинні дозволити користувачам легко налаштовувати теми під їхні специфічні потреби. Зверніть увагу на приклади нижче, я вбудував фреймворк для того, щоб дозволити різні налаштування та можливості теми.

Є безліч відмінних фреймворків адміністрування, але я особисто рекомендую два. Розширення SMOF и Redux.

Висновок

Сподіваюся, вам знадобляться мої поради, і я надихнув вас на створення власної теми WordPress для сайту нерухомості!

Джерело: code.tutsplus.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/