Хорошей новостью является то, что строительство недвижимости сайт, который не только выглядит хорошо, но работает большой легче, чем вы думаете.
Ниже я покажу вам, как я создал основные функции, которые вам нужно для сайта недвижимости. Я создал их все с помощью Toolset Real Estate.
- Пользовательские типы сообщений для ваших домов и агентов по недвижимости
- Пользовательские поля для описания дома
- Таксономии для разделения вашей недвижимости
- Шаблоны, которые помогут вам отобразить свойства
- Карты для отображения местоположения каждого дома
- После отношений, чтобы сделать его легким для пользователей, чтобы знать, какой агент по недвижимости, чтобы связаться для просмотра
- Поиск, чтобы пользователи могли найти нужное свойство
- Ползунок для отображения изображений различных свойств
- Передние формы для пользователей, чтобы представить свои собственные списки
Хотя следующие шаги ниже вы можете скачать свой собственный WordPress тестовый сайт, который содержит все функции недвижимости для вас на практике.
Начнем!
Как создать пользовательский тип публикации
Пользовательские типы сообщений позволяют создавать различные разделы на вашем сайте. WordPress по умолчанию предоставляет только «Сообщения» и «Страницы». Очевидно, что это не имеет смысла, чтобы перечислить ваши дома для продажи здесь.
Вот почему мы можем использовать пользовательские типы постов для создания разделов для наших «Дом» и наши «Агенты по недвижимости» среди других.
Ниже мы покажем вам, как создать свой «Дома» пользовательский тип поста.
- Займись набором инструментов —
- Под именем и описанием, дайте имя к вашему пользовательскому типу столба по мере того как я сделал ниже:
3. Нажмите Сохранить тип поста и пользовательский тип поста готов.
Как создать пользовательские поля для ваших домов
Пользовательские поля являются важным инструментом для веб-сайта недвижимости, который позволяет добавлять персонализированную информацию к каждой из ваших сообщений.
Например, для наших домов, мы хотим создать поля, которые позволяют пользователям добавлять цену, когда он был построен, размер имущества и многие другие поля.
Вот как добавить пользовательские поля для ваших домов.
- Отправляйтесь в Набор инструментов — йgt; Dashboard и под «Дома» после нажатия Добавить пользовательские поля.
- Выберите тип поля, который вы хотите добавить. Например, если вы хотите добавить поле для года, когда был построен дом, вам понадобится поле Номера.
3. Добавьте информацию для пользовательского поля, включая имя, хотите ли вы значение по умолчанию и требуется ли заполнить поле.
4. Назовите свое пользовательское поле в верхней части страницы.
5. Чтобы добавить больше полей нажмите Добавить новое поле в нижней части и повторить предыдущие шаги.
6. Как только вы закончите нажмите Сохранить поле группы в верхнем правом углу экрана.
Теперь вы можете заполнить ваши пользовательские поля, когда вы возглавляете к редактору поста, чтобы отредовать любой из ваших домов.
Как создать таксономии для классификации ваших домов
Таксономии помогут вам разделить ваши дома на категории в зависимости от их особенностей.
Когда покупатель ищет дом они обычно имеют представление о том, какой тип дома они ищут. Это может быть дом с тремя или более спальнями, дом с большим садом или бунгало с двумя ванными комнатами. Пользовательские таксономии позволяют разделить ваши дома точно, как вы хотите.
Ниже, как я создал пользовательские таксономии для моих «домов» пользовательских тип поста, чтобы показать ли дома для продажи или в аренду.
- Займите в Набор инструментов — йgt; Dashboard и нажмите Добавить пользовательские таксономии.
- Назовите свою таксономию так же, как и я:
3. Выберите, хотите ли вы иерархическую или плоскую таксономию. Я сделал мои иерархические в случае, если я хочу добавить различные категории под моим «для продажи» и «для аренды» таксономии.
4. Выберите тип поста, на который вы хотите использовать таксономию.
5. Нажмите Сохранить таксономии.
Теперь, когда я отдаю «Дома» пост типа я смогу добавить и флажки для различных таксономий.
4. Как создать шаблон для отображения свойств
Теперь, когда мы создали наш контент, мы теперь должны отобразить его на переднем конце. Самый простой способ заключается в создании шаблона, который мы можем использовать для каждого отдельного дома.
Я использовал редактор перетаскивания и падения Toolset, Layouts,чтобы построить свой шаблон. Дизайн этого шаблона является то, что пользователи будут видеть, когда они нажимают на любой из домов.
При использовании layouts существуют различные типы ячеек, которые можно вставить для отображения различных типов содержимого. Для вашей недвижимости
- Опубликовать Контент — Чтобы добавить любое содержание, которое исходит от почтового тела.
- Визуальный редактор — Чтобы добавить новый текст или короткие коды для пользовательского контента.
Теперь давайте создадим раздел, который будет отображать наши пользовательские поля на всех наших типах постов «Дома».
- Перейдите к Набору инструментов — »gt; Dashboard и нажмите Создать шаблон рядом с типом столба «Дома».
- Теперь вас переведут в редактор Toolset Layouts, где вы сможете спроектировать структуру своей страницы. Здесь вы можете решить, куда идет информация и насколько велика она появляется на странице. Например, я хочу, чтобы заголовок публикации охватывал всю страницу, поэтому я выбрал, что он занимает все девять ячеек в строке.
3. Давайте создадим ячейку для наших пользовательских полей. Я нажал значок q, чтобы добавить еще один ряд в мой макет. Решите, сколько ячеек вы хотите, чтобы он взял и нажмите, чтобы открыть редактор.
4. Выберите визуальный редактор.
5. Нажмите на поля и представления и прокрутите вниз, пока не найдете набор пользовательских полей для добавления. Шахта называется Собственность детали — Дом. Выберите все поля, которые вы хотите отойти для домов.
6. Нажмите Вставьте shortcode для каждого из пользовательских полей, которые вы хотите добавить.
7. Когда мы смотрим в ячейку редактора, мы теперь можем увидеть все короткие коды, которые появятся. Вы также можете добавить любые дополнительные пользовательские укладка, а также.
Я добавил еще несколько ячеек для карт, мой тип должности агента, и таксономии, которые вы можете увидеть ниже.
Я пойду через, как я добавил некоторые из этих функций. Во-первых, давайте посмотрим на карты.
5. Как создавать и отображать карты ваших свойств
Карта — это отличный способ, чтобы пользователь точно понял, где находится свойство. Не только это, но он добавляет разнообразие на страницу, которая может увязнуть в тексте.
Создайте карту
- Я хочу отобразить свои карты в том же шаблоне, который я создал выше, поэтому я создал новую ячейку визуального редактора. Вы можете, конечно, добавить свои карты на любую страницу или шаблон.
- Нажмите Поля и просмотры и выберите и вставьте короткий код карты.
- Теперь пришло время сосредоточить карту на месте, что мы хотим. Установите центр и центр вручную и введите координаты для вашего местоположения.
- Нажмите Вставьте короткий код.
Добавить маркер карты
После того как мы добавили наши карты shortcode мы по-прежнему нужен маркер, который будет подчеркивать точное местоположение на карте. Этот короткий код будет идти в той же ячейке, что и для карт.
- Нажмите на поля и представления.
- Нажмите маркер.
- Под источником маркера выберите поле столба, хранящее адрес, и выберите местоположение свойства.
- Нажмите Вставьте короткий код.
- Убедитесь, что карта является одинаковой как для маркера, так и для коротких кодов карт.
Теперь, когда мы добавили нашу карту и маркер он должен быть готов для просмотра на переднем конце. Вот как это выглядит на моей странице.
6. Как создать сообщение отношения для подключения ваших домов и агентов по недвижимости пользовательских типов пост
Я также создал ячейку для отображения агента по недвижимости, который отвечает за имущество на каждой странице. Самый простой способ сделать это, создавая после отношений.
Почтовые отношения являются лучшим способом связать содержание друг с другом, чтобы избежать дублирования ничего. Кроме того, вам нужно только отойти от части информации один раз, чтобы изменения появлялись везде, где она появляется на переднем конце.
Ниже я покажу вам, как я создал пост-отношения между моими домами и агентами по недвижимости.
Создание пост-отношения между домами и агентами по недвижимости
- Перейти к Toolset — gt; Отношения и нажмите Добавить новые.
- Открывается Мастер отношений с набором инструментов. Выберите «Один к многим отношения», как мы хотим только один агент связан с каждым домом. Тем не менее, мы хотим несколько домов, связанных с одним агентом. Нажмите Продолжить.
- Выберите должности, которые лягут в основу отношений. Ниже я хочу, чтобы «Агенты», чтобы быть одной должности в отношениях и «Дома», чтобы быть несколько. Нажмите Продолжить.
4. Решите, если вы хотите ограничить количество домов, которые могут быть назначены на одного агента по недвижимости. Нажмите Продолжить.
5. Назовите свой пост-отношения. Нажмите Продолжить.
6. Просмотрите ваши пост-отношения и нажмите Закончить.
Подключите свои дома и агентов по недвижимости
Ниже мы создадим связь между домом и агентом по недвижимости.
- Перейти к дома должность типа и начать редактировать его.
- Внизу вы увидите новый раздел под названием agent’house. Нажмите Подключите существующего агента, и вы можете выбрать, какой агент вы хотите быть ответственным за имущество.
3. Нажмите обновление и сохранить свой пост.
Отображение пост-отношения
После того как мы создали наше соединение мы можем отображать их на переднем конце.
Еще раз, мы будем использовать шаблон, который мы ранее создали для наших индивидуальных свойств.
- Как и прежде, мы должны добавить ячейку, где мы будем отображать наш агент по недвижимости.
- Нажмите Поля и просмотры и ищите ваши пост-отношения. Нажмите Вставьте короткий код и ваши отношения будут отображаться на переднем конце.
7. Создать поиск, чтобы помочь пользователям найти свойства
Самый простой способ для ваших пользователей, чтобы найти лучшее свойство для них с надежной поисковой системой на вашем сайте недвижимости.
При добавлении нескольких фильтров в поиск пользователи смогут легко сузить свой выбор, добавив свои предпочтения.
Создание поиска
- Перейдите к Набору инструментов — »gt; Layouts и нажмите Добавить новые.
- Создайте ячейку так же, как и в предыдущих функциях, и добавьте ячейку под названием View content lists, пользовательские поиски, пользовательские ползунки.
- Выберите Отображение результатов с помощью пользовательского поиска и нажмите Создать представление.
- При выборе содержимого выберите тип публикации, который вы хотите искать.
- В настройках пользовательского поиска выберите, как вы хотите, чтобы результаты были обновлены. Например, обновление AJAX загружает результаты без обновления страницы.
- В поиске и pagination выбрать фильтры, которые вы хотите для поиска.
- А также выбрать фильтры вы можете добавить другие функции, такие как кнопка сбросить для сбросить поиск.
- Стиль поиска, если это необходимо в разделе CSS редактора и JSS редактора.
Стиль результатов поиска
Существует несколько способов отображения результатов поиска, включая списки или сетки.
- На той же странице, что вы создали свой поиск, голову Loop редактор и нажмите Loop Мастера, чтобы начать редактирование.
- Выберите, в каком случае вы хотите отобразить свои результаты. Шахта будет с сеткой Boostrap.
3. Нажмите закончить, и вы увидите ваши поля в loop Editor.
4. Нажмите Сохранить Просмотр в нижней части страницы.
5. Нажмите Сохранить и ваши результаты готовы к отображению.
Отображение поиска на переднем конце
- Займитесь страницей или макетом, где вы хотите, чтобы ваш поиск отображался, и выберите поля и представления.
- Выберите представление для только что созданного поиска.
- Выберите, хотите ли вы только форму поиска или результаты поиска, а также на той же странице. Ниже у меня их на отдельных страницах.
- Нажмите сохранить, и он будет на переднем конце.
8. Создайте ползунок для отображения нескольких изображений свойств
Один из самых простых способов для пользователей, чтобы увидеть несколько свойств в как можно меньше времени, как это возможно через ползунок.
Ползунок будет показывать широту свойств в вашем портфолио. Кроме того, вы также можете отображать ползунки на страницах одного имущества с различными изображениями каждой из комнат в доме.
Вот как я создал ползунок для моей домашней страницы для отображения различных домов.
- Отправляйтесь в Toolset-gt;Просмотры и нажмите Добавить новые.
- Выберите отображение результатов в виде ползунка.
3. В разделе Запрос выбрать тип содержимого, который вы хотите отобразить. В этом случае мы хотим показать наши дома. Мы также можем выбрать, сколько изображений у нас есть, и любой запрос, который мы хотим ввести, чтобы мы видели только определенные свойства, которые соответствуют нашим критериям.
4. Теперь, когда мы создали содержание нам нужно для разработки ползунок. В редакторе Loop выберите поля и представления и выберите поля, которые вы хотите добавить в слайдер. Например, в нашем слайдере для главной страницы, мы хотим, чтобы название поста, цена и является ли это для продажи или аренды.
5. Добавьте любой дополнительный стиль, который вы можете захотеть, под редактором CSS и редактором JS.
6. Наконец, для проектирования нам нужно выбрать, какой тип перехода мы хотим между каждым слайдом. Для этого я выбрал Pagination включен с автоматическим переходом AJAX. Есть, однако, и другие варианты, с которыми стоит поэкспериментировать.
7. Наконец, мы можем добавить ползунок на одну из страниц. Отправляйтесь в View или Layout, в который вы хотите добавить его, а затем вставьте короткий код.
Ниже приведена наша ползунка на главной странице.
9. Создайте переднюю форму, чтобы пользователям было легко добавлять свои списки
По мере того как ваш вебсайт недвижимости будет больше и больше популярным вы увидите больше потребителей которые будут хотеть перечислить их собственные свойства на вашем вебсайте.
Вместо того, чтобы просить их по электронной почте вам все детали для вас, чтобы загрузить их, вы можете просто попросить их заполнить форму, которая будет автоматически создавать листинг.
Я использовал редактор перетаскивания и падения Toolset для его создания. Ниже приведены шаги.
- Займись набором инструментов —
- Теперь вы будете в форме мастера, нажмите Продолжить.
- Назовите свою форму и нажмите Продолжить.
- Установить, для какого пользовательского типа поста вы хотите создать списки, что происходит с объявлением, когда он представлен и где пользователи принимаются, когда они представляют форму. Нажмите Продолжить.
5. Теперь вы находитесь на перетащить и падение редактора, где вы можете решить, какие поля вы хотите и куда они должны идти. Вы можете расположить поля в зависимости от того, где вы хотите их, выбрать, чтобы удалить некоторые, а также добавить дополнительные элементы, если это необходимо. Нажмите Продолжить.
6. Наконец, вы можете добавить уведомления по электронной почте для пользователей или редакторов, чтобы держать их в курсе представленных форм. Ниже я создал один для отправки для пользователей, которые представили листинг, чтобы сказать им, что их сообщение будет рассмотрено перед публикацией,
7. Нажмите закончить.
8. Теперь мы можем отображать форму на переднем конце. Как и в предыдущих функциях, мы можем перейти к соответствующему шаблону и выбрать поля и представления и, наконец, выбрать форму для ее отображения.
Дайте нам знать ваш опыт создания сайтов недвижимости!
Учитывая количество функций, он нуждается, сайты недвижимости были, как известно, сложно построить в прошлом. Не только многие функции могут быть неудобными, но разработчики, возможно, использовали ряд различных плагинов, которые повлияли на производительность веб-сайта.
Следуя этим шагам, вы сможете не только легко создать веб-сайт по недвижимости, но и убедиться, что он выполняет ожидания ваших пользователей.
Каков ваш опыт создания сайта недвижимости? Препятствуйте нам знать в комментариях ниже!
Источник: torquemag.io
