№13. Создание меню интернет-магазина.
- Как создать основное меню из категорий товаров
- Как создать дополнительное меню из страниц
- Как создать меню в мобильной версии сайта
- Как создать произвольные меню для нижней части сайта
.
-
-
- Меня зовут Анфиса Бреус. В интернет с 1997 года. Я люблю WordPress. С 2007 года я настроила "с нуля под ключ" более 500 сайтов различной сложности на WordPress! В 2011 году создала популярный шаблон "AB-Inspiration", пользователями которых являются более 4500 блогеров. А в 2015 году - клуб "Мастер WordPress" для тех, кто хочет самостоятельно и профессионально создать свой блог, сайт онлайн-школы, интернет-магазин на WordPress для заработка в интернете. Здесь я делюсь профессиональными секретами. Смело применяйте мой опыт. Ведь однажды я просто сделала блог, просто так, для души, ...Email: info@anfisabreus.ruSkype: ab-inspirationТел: +7 812 9944447
Подробное видео руководство здесь 
-
Разработчики Elementor выпустили новую версию и порадовали пользователей …
Разработчики плагина WP Courseware добавили функционал создания шаблонов …
Содержание видео: 1. Почему очень важно знать перед …
В этом мастер-классе я расскажу вам как вы …
На этом мастер-классе я покажу вам как с …
-
-
Видите на чем я сижу? Это Смартстул. Вчера купили, тестирую. Сейчас расскажу как дошла до эргономичного стула 🥺
2 месяца назад я взяла очень сложный заказ — необычный, захватывающий, делающий вызов. Обожаю такие заказы. Уносят с головой. Они вдохновляют, дают новый опыт, поднимают на новый уровень.
Погружаюсь с головой в работу на несколько недель. Забываю о еде и отдыхе. Засыпаю и просыпаюсь с мыслями о проекте и новыми идеями. Все проходит как во сне. Энергия бьет ключом.
Заказ сдан. Я счастлива. Заказчик тоже. На первый взгляд все очень даже позитивненько. Одни плюсы. Я подросла профессионально, набралась нового опыта, получила кучу позитивных эмоций.
Но в этот раз что-то пошло не так. Мое тело, в нагрузочку к позитиву, получило БОЛЬ. Не проходящую, тянущую, изматывающую боль в спине.
Работаю за компьютером, боль в правой лопатке нарастает и отдает в руку. Рука как-будто немеет. Упражнения дают облегчение, но не надолго.
Читаю статьи про боль в спине, нахожу симптомы ужасных заболеваний, беспокоюсь, что у меня грыжа или еще что🤦♀️.
Никогда ничего подобного не испытывала. И совершенно не готова терпеть боль и тем более привыкать.
Кто-то скажет, издержки профессии, 20 лет за компом, да и годиков аж 44. Меня в жар бросает от этих мыслей. Всю оставшуюся жизнь вот так страдать? Ведь я ещё так молода 😭
В общем промучилась месяц. Вчера пошла к мануальному терапевту.
Хорошая новость — нет у меня никакой грыжи и даже протрузии 😉. Да, позвоночник у меня не самый сильный орган, с ним нужно работать, укреплять мышцы.
А вот боль из-за зажима мышц спины. Не удобное положение за столом в течении длительного времени, сгорбленность, мало активности (месяц то я просидела), напряженные мышцы.
Врач поправил спину и посоветовал купить специальный стул.
Теперь в мою жизнь вошло это чудо.
Вот такая история. Привыкать к стулу нужно как минимум месяц. Буду докладывать в сторис, как идет процесс, и как восстанавливается моя спина. Очень на это надеюсь. Планирую увеличить физическую нагрузку. Нужно выбираться. А то и правда, привыкну к боли, не дай бог😧.
А вы как справляетесь с болью в спине, если она конечно есть? Пользуетесь таким стулом? Поделитесь опытом.
2 месяца назад
Чем отличается Elementor от Elementor PRO
У плагина Elementor есть 2 версии:
✅Бесплатная
✅Платная PROБесплатную можно загрузить прямо из админки сайта в разделе Плагины
PRO версию нужно купить.
Затем необходимо загрузить архив с Elementor PRO в админке в разделе Плагины и активировать. При этом на вашем сайте должны быть установлены обе версии и бесплатная и платная.
А теперь поговорим, что есть в PRO версии Elementor:
1️⃣Дополнительные виджеты: Портфолио, Слайды, Анимационный заголовок, Горячие точки, Таблица цен, Флипбокс, Призыв к действию, Карусель отзывов, Обратный отсчет и многое другое
2️⃣ Возможность создавать различные формы на сайте, например форма обратной связи или заявки на консультацию
3️⃣Отправка сообщений с формы на Email и сохранение писем на сайте в админке
4️⃣Возможность загружать произвольные шрифты и иконки
5️⃣Возможность создавать попап окна
6️⃣Создавать шаблоны страниц сайта (архивы, одиночные страницы и записи, страница поиска и тд)
7️⃣Более 300 готовых шаблонов страниц и блоков
8️⃣Создавать WOW эффекты движения при прокрутки и при наведении мышки
9️⃣Устанавливать слайды и карусели
🔟Загружать готовые шаблоны лендингов
1️⃣1️⃣Создавать залипающие элементы (элемент на странице не двигается при прокрутке экрана)
1️⃣2️⃣Виджеты плагина Woocommerce (если установлен магазин)
Elementor постоянно развивается и разработчики добавляют новые виджеты, возможности, эффекты.
Как получить Elementor PRO?
Вариант 1️⃣: купить на официальном сайте Elementor ($49 лицензия на 1 сайт)
Вариант 2️⃣: приобрести запись мастер-классов по Elementor за 1990 рублей и получить Elementor PRO на 1 сайт в подарок
Ссылка в профиле @anfisabreus
Если вы уже используете Elementor или Elementor PRO расскажите о ваших впечатлениях
2 месяца назад
Сколько зарабатывают специалисты по WordPress. Часть 3
В прошлых 2 постах про заработок на WordPress мы разобрались с 3мя специальностями:
1️⃣ Контент — все что связано с наполнением сайта контентом.
2️⃣ Дизайн, верстка — все что связано с оформлением сайта и лендингов.
3️⃣Функционал — создание сайта с нуля или решение конкретных задач на готовых сайтах с помощью плагинов или вставок кодовСегодня разберем еще 1 направление.
Как вы, наверное, уже заметили, все эти направления заработка выходят один из другого.
Если вы всерьез задумались о том, чтобы стать специалистом по WordPress, начинать нужно от простого и идти к более к сложным задачам.
Итак, четвертое направление. Когда вы уже получили достаточно опыта работы с плагинами, и создали парочку сайтов, вы можете предложить свои услуги в качестве технического специалиста по сайту.
4️⃣Тех обслуживание
В эту работу входит
✅регулярное обновление плагинов и шаблона
✅поддержка сайта в рабочем состоянии
✅лечение от вирусов
✅создание резервных копий
✅ решение различных технических проблем на хостинге, в базе данныхОплата услуг технического специалиста будет зависеть от проекта и от того сдельно вы будете работать или будете сотрудником в штате.
Чаще всего технический специалист совмещает работу с контентом, дизайном и функционалом.
Вот несколько примерных условий для работы:
✅1 час работы тех специалиста от 1200 рублей
✅в месяц работа занимает 7-10 часов на 1 сайт
✅Стоимость в месяц на обслуживание 1 сайта от 10000 рублей
✅Можно вести несколько сайтов2 месяца назад
“Горячие точки” на изображении
Ещё один новый виджет в плагине Elementor, о котором я расскажу сегодня на мастер-классе.
«Горячие точки» — виджет позволяющий разместить точки на изображении. При наведении мышкой на точку, или при клике, появляется подсказка.
Таких точек на изображении можно разместить сколько угодно.
Подобные изображения используют на сайтах интернет-магазинов (например, фото модели с описанием элементов одежды) , ресторанов (изображение блюда с описанием ингредиентов).
И кстати, подобную технологию вы могли не раз видеть в Инстаграм, если подписаны на магазины.
Сегодня в 19:00 по мск проведу мастер-класс по новинкам Elementor. Разберём такие моменты:
1️⃣ новые виджеты
Текст по контуру
Горячие точки на изображении2️⃣А также новые инструменты
Маска
Пипетка — для захвата цветаМастер-класс бесплатный, но только для тех, кто уже имеет доступ к предыдущим мастер-классам. Если вы не в из числа, это легко исправить.
Вы можете получить доступ к записям мастер-классов по Elementor, который я проводила в марте.
Есть 2 тарифа (такие цены только до 26 июля):
✅бесплатный — только записи
✅1490руб — записи + лицензия на Elementor Pro
1️⃣Перейдите по ссылке в профиле.
2️⃣Выберите один из тарифов
3️⃣пройдите оплату (для бесплатного тарифа будет просто регистрация)После этого вам придёт письмо — приглашение на мастер-класс как участнику клуба 😎
Если есть вопросы, пишите личным сообщением или в комментариях.
2 месяца назад
Сколько зарабатывают специалисты по WordPress. Часть 2
В прошлом посте про заработок на WordPress мы разобрались с 2мя специальностями:
1️⃣ Контент — все что связано с наполнением сайта контентом.
2️⃣ Дизайн, верстка — все что связано с оформлением сайта и лендингов.Теперь усложняем задачу
3️⃣Функционал
Когда вы научились управлять сайтом, публиковать контент, научились создавать классный дизайн, делать верстку, следующим шагом будет изучение сложных плагинов для создания разных типов сайтов. Блог, Интернет-магазин, Онлайн-школа. Для разных типов сайтов требуются разные плагины и возможно вставки кодов, интеграции.
Специалист, который работает с функционалом создаёт сайты. Или решает конкретные задачи, например, установить форму подписки на сайт.
Для такой работы нужно уметь подбирать плагины и шаблоны. Научиться работать с информацией. Научиться искать информацию в интернете. Здесь важно научиться правильно задавать вопросы, когда вам нужно найти какой-то плагин или решить задачу. Информации море в виде видео, статей, форумы разработчиков.
Из технических навыков понадобятся HTML, CSS, необходимо хорошо разбираться в админке сайта, коде шаблонов и плагинов.
Не обязательно знать PHP и кодекс WordPress, но разбираться в файлах шаблона и плагинов возможно понадобится.
Заработок может варьироваться в зависимости от задач. Например, cоздание сайта для онлайн-школы под ключ может стоить от 50000- 150000 рублей и более.
Учиться всему этому лучше всего на практике. Поэтому первым заказчиком будете вы сами. Создайте себе сначала простой блог. Как это сделать вы можете узнать на курсе «Профессиональный блог на WordPress». Ссылка в профиле @anfisabreus.
Затем дополните его интернет-магазином и онлайн-школой. Каждый раз получая новые навыки вы сможете создавать все более и более сложные сайты. Чем больше у вас опыта в создании различных типов сайтов, тем больше вы будете получать денег за свою работу.
В следующем посте продолжим. Еще более усложним задачу
Как вам такая специальность? Хотели бы создавать сайты на заказ?
2 месяца назад
Изображение внутри фигуры
Графические элементы на странице сайта важная составляющая дизайна. Квадратное фото смотрится слишком скучно (если это конечно не задумка дизайнера :)). Куда интереснее смотрятся фото, как бы внутри фигуры, особенно необычной.
Сделать такое фото задача может и не самая сложная, но занимает уйму времени, особенно, если у вас много таких изображений на сайте.
С Elementor все как всегда просто. Посмотрите видео в слайдах.
С помощью инструмента «Маска», появилась в новой версии Elementor, теперь все что нужно, это:
1️⃣загрузить фото, как обычно
2️⃣активировать режим Маска
3️⃣выбрать готовую форму
⭕️Круг
🌸Цветок
✅Набросок
🔺Треугольник
💭Клякса
🛑ШестиугольникИли загрузить свое изображение в png или svg формате в качестве маски
2 клика и ваше фото в форме кляксы 😂
И такой режим можно применить не только к изображению, но и к видео, карусели из фото, к карте Google, слайдам и многим другим виджета. С маской можно сделать очень интересные дизайнерские решения без фотошоп, программирования, просто клик, клик и готово 😎
Как пользоваться этим инструментом расскажу на мастер-классе в понедельник. А также про то, как делать горячие точки на фото, текст по контуру, градиент на кнопке, видеоплейлист и залипательные виджеты. В общем все, что вошло в новую версию Elementor 👍
Участие в мастер-классе бесплатное, но только для тех, у кого есть доступ к предыдущим мастер-классам.
Получить доступ просто:
— В профиле есть ссылка,
— Кликаете,
— Переходите по ссылке «Запись 9-ти дневного онлайн-тренинга по Elementor»
— На странице выбираете форму участия (такие цены только до 26 июля): бесплатно — только записи, 1490руб — записи и ELementor PRO
— Проходите оплату (для бесплатного тарифа оплаты не будет, просто регистрация)2 месяца назад
Сколько зарабатывают специалисты по WordPress
WordPress настолько популярная CMS в мире, что на сегодняшний день 35% сайтов созданы на WordPress. Это 27 млн сайтов на 120 языках.
Поэтому если вы специалист по WordPress вы никогда не останетесь без работы.
Говоря «Специалист» я не имею в виду программистов или разработчиков. Чтобы начать практику в качестве специалиста по WordPress, вам достаточно, для начала изучить админку сайта на WordPress и научиться публиковать статьи. Постепенно вы можете повышать вашу квалификацию у со временем даже создавать сайты на заказ.
Расскажу о 6 направлениях заработка в качестве специалиста по WordPress. Будем двигаться от простого к сложному.
Сегодня разберем 2 первых направления
1️⃣ Контент
Работа связана с наполнением сайта содержанием. Контент зависит от типа сайта:
— блог или корпоративный сайт, то контентом будут статьи или новости
— интернет-магазин, контентом являются карточки товаров
— онлайн-школа, уроки и задания.Также к работе с контентом может относиться создание страниц, работа с комментариями и обратной связью, возможно работа с учениками онлайн-школы.
Для этой работы не требуются какие-то особые знания и навыки. Достаточно научиться работать с редактором WordPress и хорошо ориентироваться в админке сайта.
Заработок от 10000 рублей в месяц с сайта. Можно вести несколько сайтов.
Научиться публиковать контент на сайте можно по видеоуроками «Ведение блога на WordPress с Classic Editor». Стоимость 500 рублей. Ссылка в профиле @anfisabreus
2️⃣ Дизайн, верстка
Работа связана с оформлением сайта. Это может быть создание и оформление страниц сайта (например Об авторе).
Верстка лендингов по макету дизайнера. Все это можно делать с помощью плагина Elementor.
Для такой работы требуется изучить возможности плагина Elementor
Заработок зависит от задач и сложности. Например верстка одного сайта может стоить от 10000 до 250000 и выше рублей
Научиться работать с плагином Elementor можно по записям 9-ти дневного онлайн-тренинга Elementor 3. Ссылка в профиле @anfisabreus
Шаг за шагом всему можно научиться. Мой муж говорит «нет в этом мире ничего, что нельзя освоить»
Согласны?
2 месяца назад
Сегодня небольшой бэкстейдж
Записываю видеоурок по созданию классного эффекта на странице сайта в редакторе Elementor с использованием виджета «текст по контуру». Добавила анимацию при наведении мышки и
эффект движения при прокрутке экрана.— текст распределяется по контуру фигуры, в моем случае по кругу
— при наведении мышки текст увеличивается
— при прокрутке экрана текст вращается
На всю работу ушло 6 минут. Дольше телефон устанавливала для записи 😂.
Этот виджет появился в новой версии Elementor, в бесплатной версии.
Впечатляет?
На следующей неделе проведу мастер-класс, расскажу про новые фишки в новой версии Elementor и Elementor PRO.
Вебинары бесплатный для тех, кто имеет доступ к мастер-классам по Elementor.
Если вы ещё не в их числе, перейдите по ссылке в профиле @anfisabreus , выберите подходящий тариф (такие цены только до 26 июля): 0 рублей или 1490 рублей и пройдите оплату.
Для бесплатного плана оплатившее будет, просто регистрация.
2 месяца назад
Когда речь заходит о создании сайта у многих это тема до сих пор ассоциируется со сложными веб технологиями, программированием, дизайном. Кажется, что это вотчина только неких профи рождённых с мышкой в руках🖱🐭.
И действительно, в начале 2000 сайтами занимались только профессионалы 🦹♂️🥷: вебпрограммисты, вебдизайнеры, вебразработчики (в общем все с приставкой веб :)). Простой человек, не из вселенной WWW, просто не мог это сделать.
Сегодня, это уже не привилегия избранных. Сайты создают 👴пенсионеры, гуманитарии, 🙇школьники, 👩🏫учителя, 👩🎨художники , музыканты, врачи, 🕴спикеры, маркетологи… И это история не про переквалификацию. Это история про развитие.
Все, кто хочет научиться создавать сайты в интернете — для себя или на заказ, может начать это делать прямо сейчас.
Все что нужно это
1. желание
2. изучить инструмент, с помощью которого будете создавать сайтыС желанием помочь не могу :), а вот помочь с обучением — это мое любимое дело. Мне ничего не нужно выдумывать. Я уже 14 лет занимаюсь сайтостроением из них 11 сайтостроением на WordPress. Поэтому просто передаю свой опыт. Должна признаться, у меня это хорошо получается 😎:)
На сегодняшний день, самый лучший инструмент для создания сайтов на WordPress — плагин Elementor. Уже год работаю с этим плагином. Друзья, это любовь 🥰 ! Elementor это то, чего так не хватало WordPress — красота, простота, стиль, море возможностей для создания эффектных, красивых и стильных сайтов без единой строчки кода.
А еще хорошая новость, Elementor бесплатный плагин. Да, у него есть платная версия, с дополнительными крутыми виджетами и возможностями, но начальный основной функционал бесплатный. Платная версия плагина стоит 49 долларов.
Теперь к главному. Как познакомиться с этим Elementor.
Продолжение в слайдах ➡️
2 месяца назад
Есть 2 специальности в создании сайтов на WordPress.
Разработчик и верстальщик. Для создания сайта достаточно быть верстальщиком, но доя создания какого-то нового функционала, которого ещё нет, нужен разработчик.
1️⃣ разработчик ⚙️- по сути это программист. Для того, чтобы стать разработчиком WordPress необходимо владеть следующими навыками:
— Язык программирования PHP
— знание кодекса WordPress
— работа с API, JavaScript, работа с библиотеками jQuery
— и конечно же CSS и HTMLВ основном разработчики создают новые плагины и шаблоны, участвуют в разработке самого WordPress, а также создают различные интеграции с сервисами с помощью вебхуков или API сервисов, например, подключение системы оплаты к сайту или интеграция с сервисом рассылки.
2️⃣верстальщик 🧩- специалист, который превращает дизайнерский макет в сайт. Дизайнер создаёт макет (например лендинга) в какой-нибудь графической программе, если по-простому, это страница в виде картинки. Затем макет передают верстальщику и он уже создаёт из этого настоящую страницу сайта.
Это как архитектор и строитель. Архитектор создаёт макет, строитель воплощает сооружение в реальность.
Верстальщик должен владеть следующими навыками: CSS, HTML, иногда кодекс WordPress и чуть чуть программирование (хорошо, но не обязательно)
Но есть инструмент, который упрощает верстку сайта и убирает необходимость использовать даже такие навыки как CSS и HTML, ну если только в особых случаях.
Инструмент, который может освоить даже самый зеленый новичок в сайтостроении и создавать сайты на заказ как PRO, даже не будучи программистом. Интересно?
Кто посещает мои мастер-классы точно догадаются.
Пишите ваши догадки в комментариях. А я завтра познакомлю вас с этим инструментом
2 месяца назад
Онлайн Школа на WordPress
Да, онлайн-школу можно организовать разными способами. Есть платные способы, например зарегистрироваться в сервисе онлайн-школ и создать свой проект там, за ежемесячную плату.
Можно бесплатно размещать свои уроки на гугл диск или youtube и давать доступ каждому ученику отдельно.
А есть возможность создать свой сайт, где у вас будет и онлайн-школа и оплата и никаких ограничений и ежемесячных платежей.
Представьте, как удобно:
✔️на своём собственном сайте вы размещаете столько курсов, сколько захотите
✔️у вас нет ограничений по количеству учеников
✔️вы можете назначать кураторов на курсы
✔️вы можете принимать оплату любым способом прямо на сайте
✔️ученики автоматически получают доступ на курс после оплаты или регистрации, если курс бесплатный
✔️вы можете для каждого курса создать Лендинг буквально за пару минут с таблицей цен и кнопками «купить»
✔️вы можете создавать проверочные викторины к заданиям курса
✔️ученики после прохождения курса получают сертификатИ многое другое.
Cегодня, в 19:00 по мск проведу бесплатный вебинар «Как самостоятельно создать сайт для онлайн-школы на WordPress». На вебинаре расскажу как создается такой сайт, покажу рабочие примеры уже готовых проектов.
Вебинар бесплатный, нужно только зарегистрироваться по ссылке в профиле @anfisabreus
До встрече на вебинаре😉
4 месяца назад
4ый вебинар по плагину Elementor
Друзья, сегодня в 19:00 проведу очередной мастер-класс по плагину Elementor. Начинаем работу с платной версией плагина.
Многие уже пробуют создавать страницы по мастер-классам, высылают примеры работ. Ребята, вы молодцы! Получается замечательно. Ваши сайты преображаются, становятся ещё более профессиональными, современными, динамичными.
Платная версия плагина даст ещё больше возможностей для создания не только внутренних страниц сайта, но и лендингов.
Вот некоторые виджеты платной версии elementor, которые вы сможете использовать на своих страницах:
Слайды, карусель с отзывами, форма, портфолио, призыв к действию, таблица цен, отсчёт времени и многое другое.
Все эти виджеты подробно будем разбирать на мастер-классах.
Участие есть:
бесплатное (присутствие на всех мастер-классах и записи мк),
1090 рублей помимо участия на всех мк вы получаете премиум версию elementor
2800 рублей — участие в мк, платная версия elementor, запись курса по elementor и часовая консультация.
ВНИМАНИЕ! С завтрашнего дня цена будет на 200р дороже.
Ссылка в профиле @anfisabreus. Перейдите по ссылке, выберите форму участия.
7 месяцев назад 
