Как посадить Vue.js на WordPress?
Как посадить сайт, разработанный на Vue.js на cms WordPress? Поскольку дружу хорошо только с wp, не хотелось от него отходить при разработке SPA приложения. Кто знает может видеоуроки какие, на Ютубе ничего дельного не нашёл.
- Вопрос задан более трёх лет назад
- 751 просмотр
Комментировать
Решения вопроса 0
Ответы на вопрос 2
Frontend Developer
WordPress выступает в качестве бэкэнда и общается с Vue по API. Более опытный товарищ говорит, что это работает, но извращение чистой воды + API у WP черт ногу сломит. На GitHub’е вроде где-то была готовая сборка под WP+Vue.
Ответ написан более трёх лет назад
Комментировать
Нравится 2 Комментировать
программист
Эти SPA приложения в основном предполагают что это приложение вот так и разрабатывается, на js+vue, а с бэкендом общается по API.
Сами подумайте, это же статическое приложение, собираемое webpack-ом. PHP туда ничего не генерит.
Вот тут человек интересовался, может вынесете что то.
Ответ написан более трёх лет назад
Нравится 1 2 комментария
Vladislav @SlavaMaxwell Автор вопроса
Видел эту статью, такое не катит, может видеоурок есть какой нибудь? На Ютубе ничего дельного не нашёл
Что такое CMS и как под них верстать
Представим, что вы сверстали проект, в котором есть несколько страниц, картинки, стили и скрипты. И тут контент-менеджер решил переписать тексты на главной странице, поменять пару изображений на более «продающие» и создать страницу с ценами.
Если он не знаком с HTML, то вряд ли сможет это сделать — он передаст задачу вам. Но что, если вы в отпуске, заболели или занимаетесь более важными задачами? Как раз для этого и существуют системы управления контентом, или CMS — чтобы менять контент на сайте, не залезая в код.
Почему важно уметь верстать под CMS?
Почти половина сайтов использует CMS, и с каждым годом их число растёт. Согласно отчёту Web Almanac, в 2021 году на CMS работали 45% сайтов — на 7% больше, чем в 2020 году.
По данным W3Techs, этот процент ещё выше. По статистике этого сервиса, в 2021 году на системах управления контентом работали 64,6% сайтов — на 9% больше по сравнению с 2020 годом. Поэтому важно уметь верстать под CMS — высока вероятность того, что ваша вёрстка тоже будет интегрирована в систему управления контентом.
Ещё одна причина — экономия времени разработчика. Без этого навыка доработка вёрстки после интеграции с CMS может занять столько же времени, сколько было потрачено на разработку.
Популярные системы управления контентом
Обо всех CMS рассказать невозможно — их слишком много. Есть платные тиражные системы, в их числе 1С-Битрикс и Canape CMS. Есть бесплатные, например, Drupal и WordPress. Бывают узкоспециализированные системы для создания сайтов электронной коммерции. К ним относят InSales и Zen Cart. А ещё есть самописные CMS — созданные по заказу владельца сайта.
По статистике iTrack, самые популярные системы в России — WordPress и 1С-Битрикс.
WordPress, или Вордпресс — бесплатная платформа, которая задумывалась для создания личных блогов, но впоследствии стала использоваться и для сайтов компаний.
С помощью плагинов на WordPress можно создать интернет-магазин. Также можно добавить на сайт модальные окна, формы заявок или адаптивные слайдеры. Есть здесь и хостинг: можно бесплатно получить адрес в субдомене wordpress.com.
1С-Битрикс предназначен только для бизнеса. Он платный: стоимость «коробочного» решения интернет-магазина + CRM начинается от 99 тысяч рублей. Достоинство 1С-Битрикс — интеграция с сервисами 1С, которые многие компании используют для ведения бухгалтерии.
Что выбрать? CMS выбирают в зависимости от задач, масштаба проекта и бюджета. WordPress используют для личных блогов, информационных сайтов и небольших интернет-магазинов. Ещё его удобно использовать на старте компании, когда скорость запуска проекта важнее интеграции с 1С-бухгалтерией. Битрикс подходит для крупных проектов и бизнеса. При этом в Европе сложно найти экспертов 1С-Битрикс, а WordPress-специалисты есть везде.
Особенности вёрстки под CMS
Ограничения и стили
Вёрстка для CMS отличается от обычной количеством ограничений. Например, в обычной вёрстке вы можете выбрать любой способ создания декоративных элементов: через псевдоэлемент или фоновое изображение. В CMS вынести декоративный элемент из CSS-файла не получится — только из HTML. Поэтому декоративные элементы при вёрстке для CMS можно вставлять только как контентное или фоновое изображение.
Ещё один важный момент касается организации стилей: для многих CMS нужно подключать только один CSS-файл на все страницы. Так при увеличении проекта стили из разных файлов не будут перезаписывать друг друга.
WYSIWYG-редактор
В CMS есть WYSIWYG-редактор, который внешне похож на редактор Word — в него выносят блоки с текстом. С его помощью заказчик может менять и форматировать текст, а в некоторых CMS ещё и добавлять изображения, например, в WordPress.
Так выглядит редактор в одной из версий WordPress:
Здесь заказчик может отформатировать текст: изменить размер и толщину шрифта, поменять цвет и высоту строки, добавить ссылки и заголовки.
Что это значит для верстальщика? Что в визуальный редактор будут добавлены различные элементы без классов. Например, в сделанной по макету разметке есть только текст:
Длинный параграф текста
Но заказчик добавит туда список и изображение, и в результате разметка станет такой:
Длинный параграф текста
- Пункт 1
- Пункт 2
Поэтому можно добавить единый класс «wysiwyg» и прописать стилизацию доступных в визуальном редакторе элементов:
Длинный параграф текста
.wysiwyg p < /* стили */ >.wysiwyg ul < /* стили */ >.wysiwyg li < /* стили */ >.wysiwyg img < /* стили */ >.wysiwyg h1 < /* стили */ >Как минимум, здесь нужно прописать текстовые параметры: размер шрифта, межстрочное расстояние, цвет текста, шрифт. И добавить отступ снизу, чтобы новые элементы не прилипали к другим — расположенным над ними.
.wysiwyg *
Если в техническом задании написано, что в конкретный блок будет интегрирован WYSIWYG-редактор, то внутренним элементам нельзя задавать классы:
Заголовок блока
Много букв
Еще немного букв
Ссылка То есть можно добавить класс для обёртки, но все дочерние элементы должны быть без классов.
Как узнать, какие блоки будут интегрированы с визуальным редактором? Обычно это указано в техническом задании. Если этой информации нет, стоит обратиться к заказчику. Как правило, в редактор выносят текстовые блоки, например:
Повторяющийся контент
Повторяющийся контент принято выделять в отдельные секции. Особенно часто выделяют и , так как их принято делать одинаковыми на разных страницах.
При разметке шапки сайта нужно быть внимательным: легко ошибиться и добавить в этот блок что-то лишнее. Посмотрите на макет двух страниц, главной и каталога. Какую часть вы бы отнесли к ?
Только повторяющийся контент и будет частью :
Этот вариант правильный, так как выделена часть, которая повторяется на обеих страницах. Вас не должно запутать решение дизайнера визуально соединить шапку и следующую секцию.
Посмотрим примеры неправильного выделения.
Секция со слайдером уникальна для главной страницы, поэтому не должна находиться в .
Ещё один пример неверного выделения:
Секция с названием страницы присутствует не на каждой странице, поэтому не должна находиться в .
Фоновые изображения
У некоторых секций бывают фоновые изображения — их важно подготовить к интеграции с CMS. Для этого нужно поместить путь к файлу в HTML-разметку. Как это сделать? Использовать атрибут style :
Остальные стили для этого фонового изображения можно оставить в CSS:
.promo
Иконки и декоративные элементы
Обычно в техническом задании написано, какие иконки и декоративные элементы будут выносить в CMS. Если этой информации нет, лучше уточнить у руководителя проекта или заказчика.
Чаще всего выносят в CMS иконки социальных сетей, преимуществ и категорий. Это нужно, чтобы при добавлении нового элемента контент-менеджер мог сам загрузить изображения.
При интеграции вёрстки под WordPress, 1С-Битрикс и другие «коробочные» CMS такие иконки должны быть доступны из HTML, поэтому их не стоит верстать псевдоэлементами. Можно сделать через фоновое изображение и вынести в style ссылку на изображение:
Пуховики для длинных собак
Через контентное тоже верно:
Пуховики для длинных собак
И через добавление SVG тоже правильно:
Пуховики для длинных собак
Декоративные элементы обычно не выносят в CMS, но лучше опираться на конкретное техническое задание. Если в CMS их не вынесут, то можно верстать как угодно.
К декоративным элементам относят иконки поиска и корзины:
Иконку у заголовка:
Иконки в формах:
Иконки у пунктов меню:
Элементы, которые не вынесут в CMS, можно верстать любым подходящим способом.
Тестирование вёрстки на переполнение
CMS подразумевает, что контент будет постоянно меняться: заголовки станут короче или длиннее, изменятся тексты в кнопках, увеличится или уменьшится количество элементов списка и фильтра, одни параграфы заменят другие. Поэтому весь контент важно тестировать на переполнение.
Проверить вёрстку можно в браузере с помощью инструментов разработчика — во вкладке Elements. Например, в браузере Chrome можно протестировать так:
Нужно заранее проверить все элементы, чтобы впоследствии не вносить множество правок.
Итоги
Вёрстка под системы управления контентом становится базовым навыком фронтенд-разработчика. В этой статье мы рассмотрели лишь некоторые принципы подготовки вёрстки для CMS.
Более подробно изучить этот вопрос вы можете на профессиональном курсе «Подготовка вёрстки для CMS».
Узнать больше
- Что такое и зачем нужны алгоритмы
- Для чего фронтендерам разбираться в дизайн-системах
- Паттерны проектирования
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше
Dev Mode в Figma. Быстрый обзор бета-версии
Если вы читаете эту статью, Dev Mode в Figma наконец-то вышел в открытую бету. Быстренько рассказываем, что это такое, и как его включить и настроить.
Раньше верстальщикам была доступна только вкладка Inspect с базовой информацией о стилях конкретного элемента.
Некоторые разработчики не рекомендовали копировать стили оттуда, потому что всегда это работало с нюансами. Пока сложно сказать, насколько стили стали точнее, но работать стало определённо удобнее. Сами Adobe называют Figma новым пространством для разработчиков, с возможностями, которые помогают быстрее переводить дизайн в код. Давайте проверим.
- 10 августа 2023
Горячие клавиши Figma для быстрой работы
Figma — это инструмент для создания дизайна, который очень любят веб-разработчики. Одна из причин, почему Figma так популярна — это горячие клавиши. Они помогают работать быстрее и проще. Давайте рассмотрим самые важные из них.
Скрыть или показать интерфейс Фигмы (Ctrl + \ или ⌘ + \ для Mac)
Эта комбинация клавиш позволяет вам быстро убрать все лишнее с экрана, чтобы вы могли сосредоточиться на своем дизайне. Или, наоборот, показать все элементы интерфейса, если вам нужно что-то найти или изменить.
Быстрый поиск по меню (Ctrl + / или ⌘ + / для Mac)
Эта комбинация клавиш открывает поиск по меню. Это очень удобно, когда вы знаете, что вам нужно, но не помните, где это находится. Просто начните вводить то, что вы ищете, и Figma покажет вам нужный пункт меню. Если пользуетесь Spotlight или PowerToys, вам будет очень удобно.
А если не пользуетесь — попробуйте.
- 7 августа 2023
Старт в Figma для верстальщика
Figma — это онлайн-редактор графики для дизайнеров интерфейсов и веб-разработчиков. Это удобная, бесплатная альтернатива Photoshop.
Большое преимущество платформы — возможность работать прямо в браузере. При этом есть и десктопная версия. Расскажем, что надо знать верстальщику при работе с макетом в Figma.
- 2 августа 2023
Инструменты для работы со шрифтами
Работа со шрифтами и типографикой — важная часть вёрстки текста. Новые шрифты появляются очень часто, за этим сложно уследить. Существует множество инструментов, которые помогают находить нужные шрифты, управлять ими и улучшать внешний вид текста.
Рассмотрим несколько инструментов для работы со шрифтами, которые будут полезны при создании сайта.
- 29 июня 2023
10 горячих клавиш VS Code, которые ускорят вашу работу
Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью упростить себе жизнь в Visual Studio Code.
- 13 июня 2023
10 лучших тем для VS Code
VS Code — популярный редактор кода со множеством полезных инструментов. Сегодня мы поделимся с вами 10 темами, чтобы работать стало ещё приятнее. Выбирайте на свой вкус и цвет.
- 11 июня 2023
10 полезных плагинов VS Code для вёрстки
Visual Studio Code — один из самых популярных редакторов кода. Его удобно использовать, и у него есть множество полезных расширений, с помощью которых легко оптимизировать работу. Такие плагины помогают допускать меньше ошибок при написании кода, да и значительно сокращают время работы.
Чтобы установить расширения, перейдите во вкладку «Extensions» и в поиске найдите подходящие плагины.
- 9 июня 2023
17 полезных плагинов JavaScript в VS Code
Редактор кода Visual Studio Code помогает быстрее писать код, например, он подчёркивает ошибки красным цветом и показывает подсказки. Но работу можно сделать ещё приятнее, если установить нужное расширение.
Плагинов VS Code много. Здесь мы расскажем об одних из самых популярных — они пригодятся при работе с JavaScript.
- 6 июня 2023
Подборка микроанимаций для фронтенда с CodePen в 2023
⭐ Микроанимация — короткое взаимодействие, которое помогает пользователю лучше сориентироваться в интерфейсе и почувствовать совершенное действие.
Например, нажатие на кнопку лайка в социальных сетях или изменение фона, индикатор загрузки, и многое другое. Микроанимация используется везде, где есть интерфейс пользователя, а именно, веб-сайтах, мобильных приложениях, играх. На примерах с CodePen покажем, какими они бывают.
- 12 апреля 2023
Как собрать проект на Webpack
Webpack — это сборщик модулей для JavaScript-приложений. Он позволяет разделять код на модули, которые затем могут быть импортированы и использованы в других частях приложения. Это полезно для структурирования кода, оптимизации производительности и поддержки сторонних библиотек.
Подробнее о Webpack мы писали в другой статье, а пока давайте создадим простой проект, который складывает два числа, а заодно научимся пользоваться Webpack.
- 7 апреля 2023
Создание блога, управляемого CMS
Итак, вы только что запустили свой веб-сайт на Vue.js, поздравляем! Теперь вы хотите добавить блог, который быстро встраивается на ваш сайт и вы не хотите перевернуть всё вверх дном на сервере в попытке запустить WordPress (или любую другую CMS, использующую базу данных для этих целей). Вы хотите просто добавить несколько компонентов Vue.js для блога и пару маршрутов и чтобы всё это просто работало, не так ли? То что вы ищете для блога должно полностью основываться на API, чтобы вы могли использовать непосредственно из своего приложения Vue.js. Этот рецепт научит вас, как это сделать, давайте приступим!
Мы собираемся быстро создать блог на основе CMS с помощью Vue.js. Мы будем использовать ButterCMS, CMS в первую очередь ориентированную на API, которая позволяет управлять контентом с помощью панели управления ButterCMS и интегрировать API для получения контента в ваше приложение Vue.js. Вы можете использовать ButterCMS для новых или уже существующих проектов Vue.js.
Установка
Выполните в командной строке:
npm install buttercms --save
Butter также можно подключить с помощью CDN:
script src="https://cdnjs.buttercms.com/buttercms-1.1.0.min.js"> script>
Быстрый старт
Установите ваш токен API:
var butter = require('buttercms')('your_api_token');
С использованием ES6:
import Butter from 'buttercms';
const butter = Butter('your_api_token');
С использованием CDN:
script src="https://cdnjs.buttercms.com/buttercms-1.1.0.min.js"> script>
script>
var butter = Butter('your_api_token');
script>
Импортируйте этот файл в любой компонент, где вы хотите использовать ButterCMS. Затем выполните в консоли команду:
butter.post.list({page: 1, page_size: 10}).then(function(response) {
console.log(response)
})
Запрос к API получит ваши записи блога. В вашей учётной записи уже будет одна запись в качестве примера, которую вы и увидите в ответе сервера.
Отображение записей
Для отображения записей мы создадим маршрут /blog (используя Vue Router) в нашем приложении и будем получать записи блога через Butter API, аналогично будет работать маршрут /blog/:slug для работы с конкретными записями блога.
Обратитесь к справочнику API ButterCMS для получения информации по дополнительным опциям, таким как фильтрация по категориям или автору. Ответ сервера также включает некоторые метаданные, которые мы будем использовать для пагинации.
import Vue from 'vue'
import Router from 'vue-router'
import BlogHome from '@/components/BlogHome'
import BlogPost from '@/components/BlogPost'
Vue.use(Router)
export default new Router({
mode: 'history',
routes: [
{
path: '/blog/',
name: 'blog-home',
component: BlogHome
},
{
path: '/blog/:slug',
name: 'blog-post',
component: BlogPost
}
]
})
Затем создадим components/BlogHome.vue , который будет страницей вашего блога со списком последних записей.
script>
import { butter } from '@/buttercms'
export default {
name: 'blog-home',
data( ) {
return {
page_title: 'Blog',
posts: []
}
},
methods: {
getPosts( ) {
butter.post.list({
page: 1,
page_size: 10
}).then(res => {
this.posts = res.data.data
})
}
},
created( ) {
this.getPosts()
}
}
script>
template>
div id="blog-home">
h1>{{ page_title }} h1>
div
v-for="(post,index) in posts"
:key="post.slug + '_' + index"
>
router-link :to="'/blog/' + post.slug">
article class="media">
figure>
img
v-if="post.featured_image"
:src="post.featured_image"
alt=""
>
img
v-else
src="http://via.placeholder.com/250x250"
alt=""
>
figure>
h2>{{ post.title }} h2>
p>{{ post.summary }} p>
article>
router-link>
div>
div>
template>
Вот как это выглядит (обратите внимание, что мы добавили CSS из https://bulma.io/ для быстрой стилизации):
Теперь создадим components/BlogPost.vue который будет страницей записи блога с данными по каждой из записей.
script>
import { butter } from '@/buttercms'
export default {
name: 'blog-post',
data( ) {
return {
post: {}
}
},
methods: {
getPost( ) {
butter.post.retrieve(this.$route.params.slug)
.then(res => {
this.post = res.data
}).catch(res => {
console.log(res)
})
}
},
created( ) {
this.getPost()
}
}
script>
template>
div id="blog-post">
h1>{{ post.data.title }} h1>
h4>{{ post.data.author.first_name }} {{ post.data.author.last_name }} h4>
div v-html="post.data.body"> div>
router-link
v-if="post.meta.previous_post"
:to="/blog/ + post.meta.previous_post.slug"
class="button"
>
{{ post.meta.previous_post.title }}
router-link>
router-link
v-if="post.meta.next_post"
:to="/blog/ + post.meta.next_post.slug"
class="button"
>
{{ post.meta.next_post.title }}
router-link>
div>
template>
Вот так это будет выглядеть:
Теперь наше приложение загружает все записи и мы можем переходить к чтению конкретной записи блога. Однако, наши кнопки следующей/предыдущей записи ещё не работают.
При использовании маршрутов с параметрами следует помнить, что при переходе пользователя с адреса /blog/foo на /blog/bar , будет переиспользоваться тот же экземпляр компонента. Поскольку оба маршрута отрисовывают один и тот же компонент, это эффективнее, чем уничтожение старого экземпляра компонента, а затем создание нового.
Помните, что использование этого компонента означает то, что хуки жизненного цикла не будут вызываться. Посетите документацию по Vue Router, чтобы узнать больше о динамических путях
Чтобы исправить это, нам необходимо отслеживать объект $route и вызывать getPost() при изменении маршрута.
Обновлённая секция в файле components/BlogPost.vue :
script>
import { butter } from '@/buttercms'
export default {
name: 'blog-post',
data( ) {
return {
post: null
}
},
methods: {
getPost( ) {
butter.post.retrieve(this.$route.params.slug)
.then(res => {
// console.log(res.data)
this.post = res.data
}).catch(res => {
console.log(res)
})
}
},
watch: {
$route: {
immediate: true,
handler(to, from) {
this.getPost()
}
}
}
}
script>
Теперь у нашего приложения есть рабочий блог, который можно легко обновлять через панель инструментов ButterCMS.
Категории, теги и авторы
Используйте API Butter для категорий, тегов и авторов, чтобы показывать и фильтровать контент в нашем блоге.
Изучите справочник API к ButterCMS для получения дополнительной информации об этих объектах:
Вот пример перечисления всех категорий и получения записей по категории. Вызовите эти методы в хуке жизненного цикла created() :
methods: {
// .
getCategories( ) {
butter.category.list()
.then(res => {
console.log('Список категорий:')
console.log(res.data.data)
})
},
getPostsByCategory( ) {
butter.category.retrieve('example-category', {
include: 'recent_posts'
})
.then(res => {
console.log('Записи в определённой категории:')
console.log(res)
})
}
},
created( ) {
// .
this.getCategories()
this.getPostsByCategory()
}
Альтернативные варианты
Альтернативным вариантом для рассмотрения, особенно если вы предпочитаете писать только в Markdown, будет использование что-то наподобие Nuxtent. Nuxtent позволяет вам использовать Vue Component внутри файлов Markdown. Этот подход будет похоже на подход статических сайтов (например, Jekyll), где вы создаёте свои записи блога в файлах Markdown. Nuxtent добавляет приятную интеграцию между Vue.js и Markdown, позволяя вам полностью быть в мире Vue.js.
Итоги
И это всё! Теперь у вас есть полностью функциональный блог, управляемый CMS, работающий в вашем приложении. Мы надеемся, что это руководство было полезным и сделало ваш опыт разработки на Vue.js ещё приятнее 🙂
Обнаружили ошибку или хотите добавить что-то своё в документацию? Измените эту страницу на GitHub! Опубликовано на Netlify .
Нужен сайт
Необходимо разработать простой односторонний сайт (дизайн, верстка и посадить на CMS). Вам понадобится помощь с хостинг и домен.
Потрібно розробити простий односторінковий сайт (дизайн, верстка та посадити на CMS). Знадобиться допомога з хостингом та доменом.
Отзыв заказчика о сотрудничестве с Олександром Котовенко
Нужен сайт
Профессионализм
Контактность
Выполненной работой доволен, Александр сделал даже больше, чем договорились!
Отзыв фрилансера о сотрудничестве с Інною Мозуленко
Нужен сайт
Постановка задачи
Четкость требований
Контактность
Хорошо работать с заказчиком, который четко формулирует задание и адекватно его оценивает!
ставка скрыта фрилансером
3 дня 1000 UAH
3 дня 1000 UAH
Добро пожаловать, обращаться, подберем дизайн, сделаю верстку с посадкой на CMS
Вітаю, звертайтесь, підберу дизайн, зроблю верстку з посадкою на CMS
ставка скрыта фрилансером
1 день 1000 UAH
1 день 1000 UAH
Доброго дня занимаюсь разработкой сайтов.
Готовый выполнить заказ только интересует детали.
Пишите и поговорим.
Доброго дня займаюсь розробкою сайтів.
Готовий виконати замовлення тільки цікавлять деталі.
Пишіть обговоримо.
31 день 16 516 UAH
31 день 16 516 UAH
Цену и сроки смогу указать после знакомства с ТЗ, но это однозначно будет более 1000 гривен. В ставке указана достойная информация.
Ціну та терміни зможу вказати після ознайомлення з ТЗ, але це однозначно буде більше 1000 гривень. В ставці вказано довільну інформацію.
ставка скрыта фрилансером
ставка скрыта фрилансером
ставка скрыта фрилансером
ставка скрыта фрилансером
фрилансер больше не работает на сервисе
Победившая ставка 2 дня 1000 UAH
Победившая ставка 2 дня 1000 UAH
Добро пожаловать!
Готовы к реализации проекта.
Надеюсь на всю необходимую помощь.
Примеры некоторых моих работ:
https://okotovenko.github.io/StarBucks/dist/
HTTPS://okotovenko.github.io/Logos/dist/
https://okotovenko.github.io/HealthySwicher/dist/
Пишите, я буду рад сотрудничать!
Вітаю!
Готовий приступити до реалізації проекту.
Надам всю необхідну допомогу.
Приклади деяких моїх робіт:
https://okotovenko.github.io/StarBucks/dist/
https://okotovenko.github.io/Logos/dist/
https://okotovenko.github.io/HealthySwicher/dist/
Пишіть, буду радий співпраці!
10 дней 3000 UAH
10 дней 3000 UAH
Добро пожаловать! Готов начать, сайт сделаю на wordpress, подберем хостинг
Вітаю! Готовий почати, сайт зроблю на вордпрессі, підберу хостинг
ставка скрыта фрилансером
2 дня 1000 UAH
2 дня 1000 UAH
Добрый день, готов вам помочь, сделаю быстро, адаптивно.
Я занимаюсь программированием сайтов год, мои работы смотрят на мой сайт: https://timofeyyy.github.io/Portfolio/
Вот отзывы о моей работе: https://freelancehunt.com/my/reviews
Добрий день, готовий вам допомогти, зроблю швидко, адаптивно.
Займаюсь програмуванням сайтів рік, мої роботи дивітся на моєму сайті: https://timofeyyyyy.github.io/Portfolio/
Ось відгуки про мою роботу: https://freelancehunt.com/my/reviews
5 дней 4000 UAH
5 дней 4000 UAH
Здравствуйте. Сделаю уникальный, современный дизайн в Figma. Адаптивную, кроссбраузерную верстку чистым, валидным кодом с анимацией (если нужно), прелоадером, призывом к действию. Натяжку на WordPress с помощью ACF Pro для удобного редактирования контента (не elementor либо какой-нибудь другой конструктор. Все чистым кодом). Настройку форм на отправку заявок на почту. Пишите, обсудим и предложу первоначальную структуру сайта.
3 дня 1000 UAH
3 дня 1000 UAH
Добро пожаловать, Инна
Готовы выполнить свою задачу. Для смс буду использовать Wagtail (библиотека на django). Предлагаю красивый и адаптивный дизайн.
Здрастуйте, Інна!
Готовий виконати Ваше завдання. Для cms буду використовувати Wagtail(бібліотека на django). Пропоную красивий та адаптивний дизайн.
ставка скрыта фрилансером
1 день 1000 UAH
1 день 1000 UAH
Добрый день
могу сделать вам сайт пишите в личные сообщения
цена будет точно выше 1000 грн и после согласования предполагаемого дизайна и функционала
1 день 1000 UAH
1 день 1000 UAH
Доброго вечера!
Я сделаю для вас сайт под ключ т. е. все вместе, могу взять за основу html или wordpress шаблон или сделать дизайн и вертку + cms.
Позвонись, буду рад собеседнику!
Доброго вечора!
Зроблю для Вас сайт під ключ тобто все разом, можу взяти за основу html або wordpress шаблон або зробити дизайн та вертку + cms.
Звертайтесь, буду радий співраці!
2 дня 1000 UAH
2 дня 1000 UAH
Доброго дня . Задача простая и не сложная готов качественно выполнить согласно всем вашим требованиям
Доброго дня. Завдання просте та не складне готовий якісно виконати згідно всіх ваших вимог
2 дня 1000 UAH
2 дня 1000 UAH
Здравствуйте.
Могу подобрать какой-то готовый дизайн и сверстать его и посадить все на WordPress.
Сделаю без проблем, быстро и качественно.
Можем прямо сейчас обсудить дизайн, пришлю примеры дизайнов и начну работу прямо сейчас.
10 дней 5000 UAH
10 дней 5000 UAH
Добрый вечер . С удовольствием взялся за работу.
Я делаю сайты адаптированными под большинство устройств (телефоны, планшеты, айпады, ноутбуки, ПК. )
Я понимаю HTML, CSS, SCSS, vue.js, js, jquery, gulp, vue.js(junior).
Мой портфолио и резюме: Behance
Показав приблизительные сроки и стоимость, подробнее поговорим в лс.
Хороший вечер .
Добрий вечір. З задоволенням візьмусь за роботу.
Роблю сайти адаптованими під більшість девайсів (телефони, планшети, айпади, ноутбуки, ПК. )
Розумію HTML, CSS, SCSS, vue.js, js, jquery, gulp, vue.js(junior).
Моє портфоліо і резюме: Behance
Вказав приблизні терміни і вартість, подробніше обговоримо в лс.
Гарного вечора.
2 дня 1000 UAH
2 дня 1000 UAH
Доброго вечера выполню все этапы создания вашего одностороннего сайта, также есть собственный хостинг, или могу вам его заказать. Как вам будет комфортнее.
Доброго вечора виконаю всі етапи створення вашого односторінкового сайту, також є власний хостинг, або можу вам його замовити. Як вам буде зручніше.
ставка скрыта фрилансером
ставка скрыта фрилансером
ставка скрыта фрилансером
4 дня 1000 UAH
4 дня 1000 UAH
Добрый день, я готов создать для вас сайт на лучшей cms WordPress. Помогу со всеми вопросами и готов с вами даже провести созвон. Пишите, обсудим задачу вместе.
5 дней 3000 UAH
5 дней 3000 UAH
Здравствуйте, Инна!
Я готов вам помочь, опыт работы и портфолио имеется.
Сверстаю вам сайт, залью на хостинг подключу домен, посажу на CMS
Цена за все это однозначно больше 1000 грн.
Пишите, обсудим детали!
3 дня 1000 UAH
3 дня 1000 UAH
Добрый день.
Готов приступить к выполнению Вашего задания.
Обращайтесь.
3 дня 1000 UAH
3 дня 1000 UAH
Добро пожаловать!
Я работаю веб-разработчиком в команде более 1 года, за это время самостоятельно и в команде реализовал более 15 сайтов различной сложности.
Я могу обратиться к сайту любой сложности по адекватной цене, посадить на хостинг, с дальнейшим обслуживанием сайта. С моими работами вы можете ознакомиться со мной в профиле.
Также наша команда предоставляет услуги по веб-дизайну красивых и уникальных веб-сайтов, создание лендинг страниц, корпоративных сайтов, интернет-магазинов. Мы делаем быстро, качественно. После выпуска мы предоставляем полгода бесплатного обслуживания сайта.
25% из вырученных средств перечисляем на потребности одной из бригад ЗСУ
Срок выполнения и цена будет зависеть от сложности макета.
Привіт!
Працюю веб-розробником в команді більше 1 року, за цей час самостійно та в команді реалізував більше 15 сайтів різної складності.
Можу зверстати сайт будь-якої складності за адекватну ціну, посадити на хостинг, з подальшим обслуговуванням сайту. З моїми роботами можете ознайомитись в мене в профілі.
Також наша команда надає послуги з веб-дизайну красивих та унікальних веб-сайтів, створення лендинг сторінок, корпоративних сайтів, інтернет-магазинів. Робимо швидко, якісно. Після релізу надаємо півроку безкоштовного обслуговування сайту.
25% із виручених коштів перераховуємо на потреби однієї з бригад ЗСУ
Термін виконання та ціна буде залежати від складності макету.
1 день 1000 UAH
1 день 1000 UAH
Добро пожаловать, Инна
Задача понятна и готова ее выполнить,
Есть несколько вопросов:
1.Какая тема вашего сайта?
2 Определенный бюджет окончателен? (за указанный бюджет могу предложить только то, что уже имеется)
Есть ли какие-то желания к CMS?
Бонус может помочь вам с хостингом и подбором доменного имени
Вітаю, Інна
задачу зрозумів і готовий її виконати,
є декілька запитань:
1. яка тематика вашого сайту?
2. чи вказаний бюджет остаточний? (за вказаний бюджет можу запропонувати тільки те, що уже є в наявності)
3. чи є якісь побажання до CMS?
Бонусом можу допомогти вам з хостингом та підбором доменного імені
3 дня 1000 UAH
3 дня 1000 UAH
Добрый день .
Готовы к выполнению своей задачи.
Мои навыки: HTML5, CSS3, FlexBox, Grid,
Адаптивная вертика, Bootstrap, WordPress.
Пример: tank-app.netlify.app
Добрий день.
Готовий взятись за виконання вашого завдання.
Мої навички: HTML5, CSS3, FlexBox, Grid,
Адаптивна верстка, Bootstrap, WordPress.
Приклад: tank-app.netlify.app
ставка скрыта фрилансером
фрилансер больше не работает на сервисе
1 день 1000 UAH
1 день 1000 UAH
Доброго дня! Готовы принять за создание сайта для вас, давайте обсудим все детали, и после этого мы встретимся в ценах и дедлайнах!
С уважением Даниэль!
Доброго дня! Готовий взятись за створення сайту для вас, давайте обговоримо усі деталі, і після цього зійдемось у ціні та дедлайнах!
З повагою, Даніїл!
1 день 1000 UAH
1 день 1000 UAH
Добрый день) готов помочь с вашим проектом, у меня есть небольшая команда, которая поможет вам)Пишите буду рад сотрудничать. Мы работаем быстро и гармонично.
Доброго дня) готовий допомгти з вашим проектом, в мене є невеличка команда, яка допоможе вам)Пишіть буду радий співпраці. Працюємо швидко та злагоджено)