Adaptive Theme for WordPress
Задача: сверстать адаптивный шаблон для Wordpress с использованием Visual Composer либо Muffin Builder, чтобы контент всех страниц можно было править через них.
Также все блоки в слайдере, хедере и футере должны быть доступны для правки через интерфейс админки без правки файлов шаблона.
Можно использовать как базу какой-то готовый шаблон, но он должен быть лицензионный (могу предоставить для этого BeTheme)
Адаптивность должна корректно работать на iPhone 5 на Safari и Chrome, на Android в Chrome, Firefox и встроенном браузере.
На десктопах сайт тоже должен корректно и одинаково отображаться в вышеперечисленных десктопных браузерах.
Есть скриншот главной страницы и она же в PSD. Скриншот приложил к задаче. Остальные страницы будут иметь такой же дизайн, только другие картинки и тексты в верхнем слайдере.
Опишу в деталях требования к верстке на примере главной страницы.
Хедер: слева логотип. Там сейчас надпись, её пока и использовать картинкой как лого. Справа область с контактами, нужно иметь возможность менять её через админку.
На мобилках он выстраивается столбиком белый текст на сплошном синем фоне #022447. Фон без отступов от края экрана
Главное меню - на мобилках сделать его в виде кнопки, которая разворачивает меню.
Картинка со слайдером справа - будет присутствовать на всех страницах сайта, но на каждой странице своё изображение. Меняться должны только тексты справа в кавычках при нажатии на кнопки листания под ними.
Текст поверх большого изображения внизу будет свой для каждой страницы. Нужна возможность менять это все через админку удобным способом.
На мобилках текст поверх изображения и текст, что меняется в правой части, скрываются. Остается только сама картинка. На мобилках изображение должно упираться в края экрана без отступов.
В качестве базы могу предоставить лицензионный Layer Slider, если на нем можно сделать такой дизайн и функционал (я не в курсе).
Левый сайдбар - реализовать как доп. меню, будет на всех страницах сайта.
На мобилках должен становиться под большим изображением. На мобилке должен иметь белые буквы на синем фоне, как в хедере по бокам, #022447. Тоже не должно быть отступов от края экрана с боков. Активный пункт меню на мобилках должен быть полужирным.
Область контента - должна корректно отображать оформление текста (полужирный, курсив, сочетания). Ссылки делать цветом #022447, при наведении становятся темнее: #021C37.
На мобилках должен быть отступ от краев экрана в 25px и должно сохраняться выравнивание по ширине.
Футер - дублируется верхнее меню. Текст копирайта и строка с иконками (ссылки и сами иконки) должны редактироваться через админку сайта (виджеты или настройки шаблона). Все иконки - это ссылки. При наведении иконки соц. сетей должны становиться серыми #D0D1D1.
На мобилках цвет футера должен быть сплошным #022447 без градиентов.
Сначала слева должны стоять иконки соц. сетей, справа два значка организаций, а строкой ниже должен идти копирайт.
Applications 1
Work result
Client's feedback on cooperation with freelancer
Adaptive Theme for WordPressVery satisfied with the result. Denis is always in contact, gives business recommendations and feels that a person works on the result.
I am sure we will continue to cooperate.
Freelancer's feedback on cooperation with Ruslan Gymon
Adaptive Theme for WordPressОтлично сработались. Рекомендую !!!
-
218 10 0 A couple of clarifications
Пару уточнений Лс
-
67 Good day !
Go to turn. We will be happy to cooperate.
The work is presented in portfolio
Добрый день!
Обращайтесь. Будем рады сотрудничеству.
Работы представлены в портфолио
-
998 91 0 I am making a wordpress topic.
Adaptive with Visaul Composer
Сделаю тему для вордпресс
Адаптивную с visaul composer
Current freelance projects in the category HTML and CSS
Website development on clean Opencart 4 + CMS programmingHello. I am looking for a web designer and programmer for a website on clean Opencart. We have an existing online store for natural products that needs a complete replacement. Currently, we have almost ready design (project in figma). Making final adjustments. What needs to be… HTML and CSS, CMS installation and configuration ∙ 1 proposal |
Design layout and write frontendGood day. It is necessary to design and write the frontend part of the application. Preferences for technologies used: SASS, sass (css) modules, TypeScript, React, webpack Link to Figma HTML and CSS, Web programming ∙ 4 proposals |
Fix the layout according to Figma on 2 pages on WP+Elementor PRO
25 USD
I have 2 ready-made pages designed on WordPress+Elementor PRO. The layout in some places is not done qualitatively, it is necessary to correct the layout on these pages clearly following the design in Figma. Deadline for completion is 29.03.2024!!! Please contact only… HTML and CSS, Web design ∙ 6 proposals |
Website layout according to the design.
510 USD
Good day. There is a layout in Figma: https://www.figma.com/file/RGVIymprYc4QaiJ5qp3iwL/LayerGame?type=design&node-id=0-1&mode=design There is a UI kit and a ready-made layout of the Main page, implemented in React, animations are done using GSAP. It is necessary to layout 2… HTML and CSS, JavaScript ∙ 33 proposals |
Editing of an existing Wordpress website (Elementor)Good day! We need a specialist who will make edits to our existing website, which is based on Wordpress and Elementor plugin. At the moment, it is necessary to create 10 new pages similar to https://houseofattractions.club/muzeum-zywych-motyli/. There is also a plugin installed… HTML and CSS, Website maintenance ∙ 19 proposals |