Front End developer Wordpress
338 USDУ нас есть постраничный дизайн-макет сайта в 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 Здрасвуйте.
Без проблем реализую ваш проект.
Пришлите в личку ссылку на макеты для ознакомления.
После точная цена и сроки.
-
Добрый день.
Спасибо за четкое ТЗ.
Можно увидеть макеты? -
Current freelance projects in the category HTML & CSS
Looking for a web designer / developer on WordPress (Divi builder)https://annalecat.com/corporate-training/ What needs to be done: We have one page on the website that currently looks bad. It needs to be redesigned and laid out so that it looks beautiful, modern, and neat. What we already have for work: Text: Fully prepared and divided into… HTML & CSS, Web Design ∙ 1 day 15 hours back ∙ 35 proposals |
Processing and filling out a package of documents (Word and PDF)
68 USD
Looking for a freelancer for the prompt completion and formatting of a document package using ready-made templates (contracts, agreements, declarations). The task includes: Filling out these templates (candidate data, conditions, dates) in ready Word/PDF forms; Checking the… HTML & CSS, Text Editing & Proofreading ∙ 2 days 8 hours back ∙ 30 proposals |
Layout of 3 pagesIt is necessary to create a layout using Tailwind for WordPress. The pages should be as isolated from the theme as possible to avoid overriding any styles. Some elements already exist in the implemented theme and need to be reused. There is no mobile version in the design; the… HTML & CSS ∙ 2 days 12 hours back ∙ 62 proposals |
Comprehensive WordPress edits: plugin replacement (security), layout, and AI-SEO
23 USD
Looking for a WordPress specialist to perform three blocks of tasks on an active site: Security and Forms (Priority): Completely replace the outdated forms plugin (which is no longer updated by the author) with a modern and secure alternative (Fluent Forms / Forminator).… HTML & CSS, Search Engine Optimization (SEO) ∙ 2 days 20 hours back ∙ 48 proposals |
Webflow Developer (Spanish Website Localization)We are looking for a Webflow Developer to localize the website into Spanish. Tasks: Translate the content of the website https://teplin.agency/ from English to Spanish using AI tools. Populate the Spanish version of the website in Webflow. Check the correctness of page display… HTML & CSS, Web Programming ∙ 5 days 15 hours back ∙ 25 proposals |