Front End developer Wordpress
1229 PLNУ нас есть постраничный дизайн-макет сайта в Figma. Необходимо сверстать из этого макета Wordpress шаблон, желательно с помощью нативных возможностей CSS и Javascript. На крайний случай допускается использовать фреймворки типа Bootstrap, jQuery и тому подобные, но по-минимуму.
Пишите в ставках вашу цену и срок выполнения.
Особенности задания
Повторяющиеся на страницах сквозные блоки (меню, формы, фильтры, призывы подписаться, боковые панели и тому подобное) необходимо вырезать в отдельные файлы и разместить в соответствующей папке шаблона. На выходе должна получиться такая структура шаблона:
- css/*.css - стили сторонних компонентов
- images/*.* - постоянные изображения на интерфейсе
- js/*.js - яваскрипты
- inc/*.php - вырезанные сквозные блоки
- -------------------
- header.php - вырезанная сквозная шапка страницы
- footer.php - вырезанный сквозной подвал
- functions.php - здесь разместить функции-заглушки (см.ниже)
- -------------------
- 404.php - страница ошибки
- home.php - главная
- archive-estate.php - страница списка объектов недвижимости
- single-estate.php - страница объекта недвижимости
- page.php - статическая страница
- index.php - список постов блога
- single.php - страница блогового поста
- style.css - основные стили
- Чтобы не задаваться вопросом о необходимости разворачивать тестовую базу недвижимости, договоримся все подстановочные данные заменять следующими заглушками:
- <?php echo getEstateTitle($post); ?>
- <?php echo getEstateName($post); ?>
- <?php echo getEstateExcerpt($post); ?>
- <?php echo getEstateDescription($post); ?>
Эти заглушки используйте для фотографий поста - только первой или всех одним списком:
- <?php echo getEstateImage($post); ?>
- -------------------
- <?php $images = getEstateImages($post); ?> - если нужны списком для слайдера
Эти заглушки используйте для атрибутов поста отдельно или когда они понадобятся списком:
- <?php echo getEstateCountry($post); ?>
- <?php echo getEstateTown($post); ?>
- <?php echo getEstateType($post); ?>
- <?php echo getEstateArea($post); ?>
- <?php echo getEstateRooms($post); ?>
- <?php echo getEstateBedrooms($post); ?>
- <?php echo getEstateKitchens($post); ?>
- <?php echo getEstateMap($post); ?>
- <?php echo getEstateYear($post); ?>
- <?php echo getEstateID($post); ?>
- -------------------
- <?php $attrs = getEstateAttributes($post); ?> - если нужны списком
Пример функций-заглушек
Разместите их все в файле functions.php верстаемого шаблона. Разрешается добавить в этот список дополнительные заглушки для атрибутов, оказавшихся неучтенными в этой инструкции.
function getEstateTitle ( $post ) {
return 'Lorem Ipsum тайтл окна';
};
function getEstateName ( $post ) {
return 'Lorem Ipsum название поста';
};
function getEstateExcerpt ( $post ) {
return 'Lorem Ipsum краткий текст поста...';
};
function getEstateDescription ( $post ) {
return 'Lorem Ipsum полный текст поста. Lorem Ipsum полный текст поста. Lorem Ipsum полный текст поста...';
};
function getEstateImage ( $post ) {
return '/images/placeholders/example-1.jpg';
};
function getEstateImages ( $post ) {
return Array(
'/images/placeholders/example-1.jpg',
'/images/placeholders/example-2.jpg',
'/images/placeholders/example-3.jpg',
'/images/placeholders/example-4.jpg',
'/images/placeholders/example-5.jpg',
'/images/placeholders/example-6.jpg'
);
};
function getEstateCountry ( $post ) {
return 'Украина';
};
function getEstateTown ( $post ) {
return 'Киев';
};
function getEstateType ( $post ) {
return 'Квартира';
};
function getEstateArea ( $post ) {
return '50 м2';
};
function getEstateRooms ( $post ) {
return '4';
};
function getEstateBedrooms ( $post ) {
return '1';
};
function getEstateKitchens ( $post ) {
return '1';
};
function getEstateMap ( $post ) {
return 'https://maps.google.com/example?example=example&example=example';
};
function getEstateYear ( $post ) {
return '2020';
};
function getEstateID ( $post ) {
return '123/456-78';
};
function getEstatePrice ( $post ) {
return '123 000 $';
};
function getEstateAttributes ( $post ) {
return Array(
'country' => 'Украина',
'town' => 'Киев',
'type' => 'Квартира',
'area' => '50 м2',
'rooms' => '4',
'bedrooms' => '1',
'kitchens' => '1',
'map' => 'https://maps.google.com/example?example=example&example=example',
'year' => '2020',
'id' => '123/456-78',
'price' => '123 000 $',
'image' => '/images/placeholders/example-1.jpg'
);
};Пример файла страницы
Нам хотелось бы чтобы логика рендеринга всех несписочных страниц (пост объекта недвижимости, пост блога, статическая страница) проходила по единому сценарию. Он показан здесь:
<?php
if (have_posts()) {
while (have_posts()) {
the_post(); ?>
ЗДЕСЬ ВАША ВЕРСТКА СТРАНИЦЫ
С УЧЕТОМ ПОДКЛЮЧЕНИЙ БЛОКОВ
ЧТО ВЫРЕЗАНЫ В ОТДЕЛЬНЫЕ ФАЙЛЫ
<?php
return;
}
}
include('404.php');
return;Блок шапки и блок подвала подключайте следующим образом:
<?php get_header(); ?>
<?php get_footer(); ?>
-
488 8 0 Добрый день, Дмитрий!
Заинтересовал данный проект. После ознакомления с задачей готов заявить, что все будет выполнено в лучшем виде. Могу приступить к качественному выполнению прямо сегодня.
———
Стоимость выполнения: 15000 грн
Срок выполнения: 14 дней
Примеры похожих работ:
https://i-loading.github.io/Akad/
… https://i-loading.github.io/Jetro/
https://i-loading.github.io/Mag-Blog/
Гарантия на работу. В течении недели после выполнения заказа - бесплатно корректирую возможные ошибки которые были выявлены.
Если вы дочитали до конца, значит, уже заинтересовались моим предложением.
Прямо сейчас, пока вы думаете, ваши потенциальные клиенты уходят к конкурентам.
————
Способы оплаты: Любым удобным для вас способом.
С уважением и надеждой на сотрудничество, Иван
-
525 5 0 Здравствуйте, готов сверстать Wordpress шаблон из макета полностью по ТЗ.
Сроки выполнения и цену обсудим.
Буду рад сотрудничеству.
HTML 5 + CSS 3, для вёрстки использую технологии FlexBox, Bootstrap 4, CSS Grid, Адаптирую сайт под все виды мобильных устройств и браузеров ( кроссбраузерность ).
JavaScript. Пишу код полностью на нативном JS в формате ES6 и адаптирую его под IE11, также использую jQuery.
Использую сборщик проектов Gulp и препроцессор SASS для ускорения работы.
… Работаю с WordPress: посадка сайтов на WP, создание блогов, многостраничиников, корпоративных сайтов.
Мои проекты:
Олимпиада - https://github.com/Ig0reHa/olimpiada
Пальмовник - https://github.com/Ig0reHa/palmovnik
Салон красоты S&Mitler - https://ig0reha.github.io/S-Mitler/
КАРТИНЫ.ART - https://ig0reha.github.io/art.github.io/
ULTIMATE SPORT - https://ig0reha.github.io/ULTIMATE-SPORT/
-
192 Здравствуйте, Дмитрий.
Буду рад поработать, обращайтесь. Готов ознакомиться с макетом и приступить сегодня. Цена и сроки могут измениться после ознакомления с подробным ТЗ.
Всего наилучшего.
Мои последние работы:
https://www.stockworld.com.ua/
http://elsico.com.ua/
https://www.roxservices.com/
-
1897 55 0 Здратсвуйте, готов выполнить. Можна посмотреть макет? Сбросте пожалуйста в приватные сообщения. Спасибо.
-
1107 70 0 Здравствуйте!
Есть большой опыт с WordPress, специализируюсь на нем.
Пришлите макеты, пожалуйста.
==> ==> ==>
-
1839 163 5 3 Здравствуйте, сейчас свободен для работы и готов взяться за ваш проект.
Обращайтесь, буду рад сотрудничеству.
У вас будет:
- Верстка pixel perfect
- Удобная админка
- Быстрая скорость загрузки
Вот примеры моих работ:
… http://xn--h1apee0d.help/
https://www.scpravo.dp.ua/
https://royality-show.ru/
-
1347 45 6 6 Здравствуйте. опыт работы 5лет . Обращайтесь сделаю всё что нужно .
-
244 8 1 1 Приветствую.
Опыт работы как front end специалист более чем 4 года.
Реализовал много сложных проектов разного типа.
Готов преступать к работе прямо сейчас и полностью вникнуть в проект.
Качество гарантирую.
Спасибо...с уважением Арарат.
-
1170 73 4 5 Здрасвуйте.
Без проблем реализую ваш проект.
Пришлите в личку ссылку на макеты для ознакомления.
После точная цена и сроки.
-
Добрый день.
Спасибо за четкое ТЗ.
Можно увидеть макеты? -
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Szukamy projektanta stron internetowych / dewelopera na WordPress (konstruktor Divi)https://annalecat.com/corporate-training/ Co trzeba zrobić: Mamy jedną stronę na stronie, która teraz wygląda źle. Trzeba przerobić jej design i zrealizować tak, aby wyglądała pięknie, nowocześnie i schludnie. Co już mamy do pracy: Tekst: Całkowicie gotowy i podzielony na… Układ HTML i CSS, Projektowanie stron internetowych ∙ 1 dzień 15 godzin temu ∙ 35 ofert |
Przetwarzanie i wypełnianie pakietu dokumentów (Word i PDF)
247 PLN
Szukam freelancera do szybkiego wypełnienia i formatowania pakietu dokumentów według gotowych szablonów (umowy, kontrakty, deklaracje). Co wchodzi w zakres zadania:Wypełnienie tych szablonów (dane kandydatów, warunki, daty) w gotowe formy Word/PDF;Sprawdzenie poprawności… Układ HTML i CSS, Edycja i korekta tekstu ∙ 2 dni 8 godzin temu ∙ 30 ofert |
Skład 3 stronKonieczne jest wykonanie layoutu za pomocą tailwind pod WordPress. Strony powinny być maksymalnie izolowane od motywu, aby nie zakłócać żadnych stylów. Część elementów już istnieje w zrealizowanym motywie, należy je ponownie wykorzystać. W projekcie nie ma wersji mobilnej,… Układ HTML i CSS ∙ 2 dni 12 godzin temu ∙ 62 oferty |
Kompleksowe poprawki WordPress: wymiana wtyczki formularzy (bezpieczeństwo), układ i AI-SEO
82 PLN
Szukałem specjalisty WordPress do wykonania trzech bloków zadań na działającej stronie: Bezpieczeństwo i formularze (Priorytet): Całkowicie wymienić przestarzały wtyczkę formularzy (która nie jest już aktualizowana przez autora) na nowoczesny i bezpieczny odpowiednik (Fluent… Układ HTML i CSS, Promocja w wyszukiwarkach (SEO) ∙ 2 dni 20 godzin temu ∙ 48 ofert |
Programista Webflow (Lokalizacja strony internetowej w języku hiszpańskim)Szukamy dewelopera Webflow do lokalizacji strony na język hiszpański. Zadania: Przetłumaczyć treść strony https://teplin.agency/ z angielskiego na hiszpański za pomocą narzędzi AI. Wypełnić hiszpańską wersję strony w Webflow. Sprawdzić poprawność wyświetlania stron po… Układ HTML i CSS, Programowanie stron internetowych ∙ 5 dni 15 godzin temu ∙ 25 ofert |