Программинг сайта на wordpress + правки верстки (визуальные эффекты)
5500 UAHДомен: dezbox.ru
О проетке: сайт посвящен борьбе с насекомыми, инфекциями, вредителями и т.д. имеет 4 рубрики:
дезинфекция — уничтожение возбудителей инфекционных заболеваний и разрушение токсинов;
дератизация — уничтожение грызунов (крыс, мышей и др.);
дезинсекция — уничтожение насекомых;
дезодорация — устранения неприятных запахов;
У каждой рубрики свои метки (теги):
Дезинфекция: Клопы; Тараканы; Муравьи; Клещи; Блохи; Моль; Мухи; Осы; Мошки; Вши; Комары.
| Дератизация: Крысы; Мыши; Кроты; Змеи.
| Дезинсекция: Микробы; Бактерии; Вирусы; Плесень; Грибок; Фумигация; Вентиляций; Кондиционеров; Помещений.
| Дезодорация: Квартира; Офис; Склад; Транспорт; Частный дом; Котедж; Магазин.
|
*сделать возможность добавления новых меток на будущее!
Концепция сайта заключается в трех направлениях:
Информационные статьи с рекомендациями по самостоятельному уничтожению вредителей;
Справочник организаций по предоставлению услуг (адреса, номера телефонов, отзывы и т.д.);
Каталог средств против вредителей.
Главная http://nas.dezbox.ru/index.html
Слайдер
при наведение на рубрики (справа от слайдера: ) изменение контентной области самого слайдера включая изменение меток .
При переключение меток изменение статей в области слайдера - выводить 8 последних добавленных статей в конкретную рубрики и метки;
Например как тут http://grounde.ru/ - похожий слайдер;
2.) Рейтинг компаний:
В слайдер выводить топовые компании со всех городов и со всех рубрик из общего каталога;
Топовые компании - это первые три компании (ТОП3 в превью на странице по городу) вот например - “Услуги дезинсекции в Москве” http://nas.dezbox.ru/dezynsektsia_moskva.html
Первые три компании нужно закрепить по приоритету 1, 2 и 3 место в каталоге - остальные компании должны выводится рандомно в каталоге после каждой перезагрузки страницы - ниже будет описано подробнее;
Ссылка “Каталог компаний”
Должна вести на страницу каталога http://nas.dezbox.ru/organizacii.html
Функционал по подбору компании - форма
фильтр по выбору Страна > Город > Услуга
При выборе страны организовать выпадающий список как делали на http://noalone.ru/
При выборе города организовать глоссарий по такому принципу
при клике на букву выводить все города, которые начинаются на эту букву
при выборе услуги - выпадающий список Дезинсекция, Дератизация, Дезинфекция, Дезодорация с метками.
3.) Средства - По аналогии рейтингу компаний (топ-3 плюс рандом)
4.) Все рубрики
Название рубрик и меток это ссылки на раздел информационных статей. У каждой статьи должна быть всего лишь одна метка и соответственно при клике на метку переходим на превью рубрики с выводом статей по конкретной метке (своеобразный фильтр по меткам)
Принцип образования URLов:
dezbox.ru
dezbox.ru /dezinsekciya/klopi/kak-vivesti-klopov-v-kvartire
dezbox.ru /deratizaciya/krisi/название-статьи
dezbox.ru /dezinfekciya/mikrobi/название-статьи
dezbox.ru /dezodoraciya/kvartiri/название-статьи
5.) Задать вопрос эксперту (ссылка в главном меню)
в выпадающей области два поля:
1е - произвольное - для вывода текстовой информации (Контакты);
2е - форма обратной связи.
после отправки выводиться окно об отправке запроса!
Правый Сайдбар:
6.) Статьи
Организовать два таба:
Выводить три последние добавленые статьи;
Три самые популярные статьи (сортировать по количеству просмотров).
7.) Мы в соцсетях
Организовать 4 таба-для вывода полей соцсетей
8.) Подписаться
Форма для сбора эмейл адресов с последующей рассылкой (подписка пользователя на рассылку промо-акций,новостей с сайта.)
9.) Опрос
Организовать функционал для периодических опросов - т.е. каждый месяц будет новый опрос аудитории для сбора статистики по разным вопросам.
Страница рубрик http://nas.dezbox.ru/dezynsektsiya.html
10.) Рубрики - Вывод сокращенных содержаний статей
Текст анонса (краткого содержания составляется в ручную отдельно в отдельном поле) выводиться на страницах рубрик и конкретно на странице статьи в самом начале
По такому принципу организовать вывод статей во всех рубриках.
Страница статьи http://nas.dezbox.ru/tarakanu.html
11.) После заголовка выводим картинку на всю ширину контентной части блока, краткое содержание поверх картинки - высота подложки в зависимости от количества символов;
12.) Блок дополнительной ценности
Слева “Что для этого нужно”- фотогалерея с подписями;
Справа - “найти подрядчика” - форма поиска организации -
страна и город понятно, а вот когда выбираешь услугу из выпадающего списка (Дезинсекция, Дератизация, Дезинфекция или Дезодорация) с выбранной рубрики подтягивается список меток, и после того как пользователь кликнет на определенную метку его перенаправит на страницу выдачи организаций, которая специализируется по конкретной метке (клопы, тараканы, муравьи и т.д.) http://nas.dezbox.ru/dezynsektsia_moskva.html
13.) Содержание - переход по якорям по содержанию страницы (заголовки);
14.) Голосовалка, соцкнопки, автор, дата публикации статьи
15.) Читайте также - вывод последних 4 статей в данной рубрике
16.) Оформить заказ - настроить форму отправки заказов
с такими полями
*организовать с возможностью потом выводить данный виджет на разных страницах сайта!
Страница каталог организаций http://nas.dezbox.ru/organizacii.html
URL - dezbox.ru/catalog/
17.) Организовать работу фильтра по выбору организаций - Странна > Город > Услуга
На карте отображать все метки по всему миру на данной странице.
Форма поиска организации - страна и город понятно, а вот когда выбираешь услугу раскрывается такой блок
то есть пользователь сразу может сориентироваться по всем рубрикам и по меткам (http://pivart.com.ua/wp-content/uploads/2016/07/4-%D0%9A%D0%B0%D1%82%D0%B0%D0%BB%D0%BE%D0%B3-%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B9.jpg )
когда пользователь выбрал страну, город и нажимает на одну из рубрик
его перенаправляет на страницу - [Название рубрики+название города] - например “Дезинсекция в Москве” dezbox.ru/catalog/dezinsekciya/russia/moskva/
, а если пользователь кликнул на одну из меток
его перенаправляет на страницу [Название метки+название города ] - например “Уничтожение клопов в Москве” dezbox.ru/catalog/dezinsekciya/russia/moskva/klopi
По сути все эти страницы выглядят одинаково (заголовок, карта, превьюшки организаций)
http://nas.dezbox.ru/dezynsektsia_moskva.html только при выборе метки фильтр делает выборку организаций по метке.
Например как тут организовано http://noalone.ru/pansionaty/russia/tomsk/
а на странице описания конкретной организации будут чекбоксы (в админпанеле), например компания широкопрофильная и занимается уничтожением клопов, тараканов, ос и т.д. - галочки проставил напротив каждой метки при добавлении организации на сайт.
18.) Поиск - организовать поиск по ключевым словам.
19.) Заголовки чтоб можно было писать в ручную какие угодно
,а для вывода названия города тут
и тут
- сделать отдельное поле для заполнения в админке.
Тут названия городов - это прямы ссылки на страницы - [Название рубрики+название города] - например “Дезинсекция в Москве” dezbox.ru/catalog/dezinsekciya/russia/moskva/
А метки - это прямые ссылки на страницы [Название метки+название города ] - например “Уничтожение клопов в Москве” dezbox.ru/catalog/dezinsekciya/russia/moskva/klopi
Также в каждой рубрике, в сайдбаре организовать вывод блока с городами соответствующей рубрики
То есть на странице рубрики “Дезинсекция” http://nas.dezbox.ru/dezynsektsiya.html
Выводим в сайдбар с городами организаций по дезинсекции, на странице рубрики “Дератизация” - выводим список городов организаций по дератизации и т.д. - дезинфекция, дезодорация аналогично!
- по скайпу обсудим более подробно!
20.) Блок “Добавить Компанию/Новость” - реализовать виджетом, с возможностью вывода на любых страницах
Форма Компании с такими полями
Форма новости с такими полями
Только вместо услуга - компания.
Суть такова, что представитель компании может зайти на сайт, выбрать свою организацию (которая уже добавлена в каталог) и написать новость, которая будет опубликована нами после проверки и выводиться на страницы описания организации заголовками во вкладке “Новости”
Страница описания организации http://nas.dezbox.ru/companiya.html
21.) Топ компания - в каталоге организации в каждом городе (например “Дезинсекция в Москве” http://nas.dezbox.ru/dezynsektsia_moskva.html ) должна быть возможность, в ручную закрепить в топ организации (1е, 2е, 3е, …, n место в списке) в админке;
остальные организации должны сортироваться рандомно после каждой перезагрузки страницы, если на странице города нет не одной топовой компании - соответственно тоже вывод должен быть организован рандомно.
Это нужно сделать для того чтоб организации были равноправны в получении потенциальных клиентов с сайта! В ТОП будут попадать компании на платной основе - соответственно они должны выводиться в начале списка компаний с графическим выделением!
То есть я галочку поставил в админке - “Закрепить на 1м месте” или закрепить на 2м месте или закрепить на 3м месте.
ТОПовы компании должны выводится таким образом на всех типах страницах:
По рубрике
[Название рубрики+название города] - например “Дезинсекция в Москве” dezbox.ru/catalog/dezinsekciya/russia/moskva/ и
По метке
[Название метки+название города ] - например “Уничтожение клопов в Москве” dezbox.ru/catalog/dezinsekciya/russia/moskva/klopi
22.) Логотип компании - поле для загрузки картинки - логотипа компании;
23.) Карта с меткой физического адреса компании;
24.) Звезды рейтинга - голосовалка для оценки компании;
25.) Табы с текстовыми полями для добавления текста, картинок, видео и т.д.(кроме новостей - тут выводятся заголовки новостей (ссылками), если они имеются)
23.) Поля - адрес, телефон, e-mail, сайт и график работ как таблица.
*в поле сайт ссылку сделать не прямую, а через скрипт как тут делал http://noalone.ru/pansionaty/russia/lipeck/gos/centr-reabilitacii-sosnoviy-bor/
24.) Комментарий от дискуса - выводить на страницах статей, описания организаций и средств.
25.) Кнопка назад к списку - кнопка должна вести на предыдущую страницу;
Страница - каталог средств http://nas.dezbox.ru/sredstva.html
26.) Метки, которые будут сортировать средства в каталоге, в админке можно к средству привязать несколько меток, то есть дихлофос можно применять от тараканов, блох, клопов и т.д.
и если кликнул на метку “Тараканы” - попадаешь на страницу “Средства против тараканов”
http://nas.dezbox.ru/sredstva_tarakanu.html
27.) Вывод превьюшек средств выводить как статьи в рубриках, только по популярности просмотров - сначала популярные, а далее на спад.
Страница описания средства http://nas.dezbox.ru/sredstva_tarakanu_diklofos.html
28.) Анонс - произвольное поле, которое будет также выводиться на странице каталога средств http://nas.dezbox.ru/sredstva.html
29.) Табы - с текстовыми полями для добавления текста, картинок, видео и т.д. (*новости тоже простое текстовое поле);
30.) Фото - поле для загрузки картинки (миниатюра);
31.) Топ средство - в каталоге средств должна быть возможность, в ручную закрепить в топ средство (1е, 2е, 3е, …, n место в списке), остальные должны отображаться рандомно - по аналогии компаний.
*добавление визуальных эффектов - будет плюсом если сайту придадите визуальных динамических эффектов на сайте!
Результаты работы
Отзыв заказчика о сотрудничестве с фрилансером
Программинг сайта на wordpress + правки верстки (визуальные эффекты)Всё круто! Сделано все в срок! Очень масштабный проект - каталог организаций, блог +интернет магазин! Ребята пообещали сопровождение и поддержку сайта на неограниченный срок!
-
240 2 0 Сделаю -skyp- bertha schiebert
-
332 2 0 Готовий взятися за цей проект. Заертайтесь [email protected]
-
240 Готовий взятись до проекту.
-
-12 Готов сделать ваш проект
-
535 29 0 +
-
228 13 1 Обращайтесь
-
185 13 1 Готові до роботи.
Наш сайт: http://chili-web.com.ua
Портфоліо - на сайті.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 7 часов 9 минут назад ∙ 56 ставок |
Комплексное доработки WooCommerce-магазина (UX, адаптивность, функционал)Необходимо завершить разработку интернет-магазина на WordPress (WooCommerce). Текущий сайт: https://lerise.com.ua/ Референс по уровню функционала и удобства использования: https://katysoho.com.ua/Важно Кардинально менять дизайн сайта не нужно. Основной акцент - на… CMS, HTML и CSS верстка ∙ 2 дня назад ∙ 36 ставок |
Сайт для свадебных фотографов под ключ: дизайн + текст + запускИщем специалиста (или студию) для создания сайта-портфолио под ключ - полный цикл от концепции до публикации. Хотим минимум участия с нашей стороны: вы берете задание и доводите до готового результата. Что входит в работу «под ключ»: • Дизайн в стиле premium / editorial /… HTML и CSS верстка, Дизайн сайтов ∙ 2 дня 7 часов назад ∙ 113 ставок |
Ищем веб-дизайнера / верстальщика на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Что нужно сделать: У нас есть одна страница на сайте, которая сейчас выглядит плохо. Нужно переделать её дизайн и сверстать так, чтобы она выглядела красиво, современно и аккуратно. Что мы уже имеем для работы: Текст: Полностью готов… HTML и CSS верстка, Дизайн сайтов ∙ 4 дня 3 часа назад ∙ 36 ставок |
Верстка 3 страницНеобходимо сделать верстку с помощью tailwind под вордпресс. Страницы должны быть максимально изолированы от темы, чтобы не перекрывать никакие стили. Часть элементов уже существует в реализованной теме, их необходимо переиспользовать. Мобильной версии в дизайне нет,… HTML и CSS верстка ∙ 4 дня 23 часа назад ∙ 65 ставок |