Перенос старого самописного сайта на современный сайт на WordPress и Elementor с сохранением старого внешнего вида и контента

  Автор:
  Комментариев нет
  1791
Перенос старого самописного сайта на WordPress

В этом видео я даю подробный пошаговый обзор переноса старого 10-летнего самописного сайта на новый сайт на WordPress с охранением внешнего вида и контента старого сайта.

00:00 В чем основные недостатки старых самописных сайтов созданных несколько лет назад.
02:15 Как задачи необходимо было выполнить при переносе самописного сайта на сайт на WordPress.
02:52 В чем заключалась сложность переделки старого самописного сайта на новый сайт на WordPress.
03:31 Что было сделано при переносе старого сайта, чтобы шапка и футер были адаптивными для мобильных версий нового сайта.
03:38 Почему нужно было заменить графические картинки на старом сайте на кнопки с текстом на новом.
04:31 На каком элементе старого сайта труднее всего было добиться правильного отображения в мобильной версии нового сайта.
05:39 Как с помощью Elementor Pro, пошагово, воссоздать точную копию шапки старого самописного сайта на новом сайте на WordPress.
08:50 Что было сделано с шапкой на новом сайте для ее правильного отображение на телефоне.
10:25 Что было сделано с шапкой на новом сайте для ее правильного отображение на планшете.
10:57 Как с помощью Elementor Pro, пошагово, воссоздать точную копию футера старого самописного сайта на новом сайте на WordPress.
12:00 Как с помощью Elementor Pro, пошагово, воссоздать точную копию категорий старого самописного сайта на новом сайте на WordPress. В чем была сложность.
14:13 Как с помощью Elementor Pro, пошагово, создать шаблон страницы архива:
— для категорий,
— для категории «Главная»,
— для категории «Статьи».
16:05 В чем была сложность создания шаблонов страниц архивов, и какие были сделаны доработки в коде нового сайта.
17:26 Каким способом вставить свой код на сайт WordPress, чтобы при обновлении этот код не стирался.
21:51 Как в Elementor прикреплять шаблоны созданных нами страниц архивов, чтобы они отображались только в нужном нам месте сайта.
23:52 Чем отличается шаблон страницы архива статей от шаблона страницы архива «Главная». Ньюансы.
30:38 Каким способом были перенесены и отредактированы все тексты статей старого самописного 10-летнего сайта на новый сайт на WordPress. На что стоит обратить внимание при переносе текста.
32:12 Сколько времени ушло на всю работу по переносу сайта, и на что ушло больше всего времени.
Читать далее »

[PHP] Как заменить слово «Скидка» на «Процент скидки» на товарах Woocommerce сайта на WordPress

  Автор:
  Комментариев нет
  2158
Как заменить слово "Скидка" на "Процент скидки" на товарах Woocommerce сайта на WordPress

В последней версии шаблона AB-Inspiration я заменила слово Скидка на процент скидки на товарах Woocommerce. Это изменение появится в ближайшем обновлении AB-inspiration.

Вот так выглядел бейдж со словом Скидка

А вот так с процентом скидки Читать далее »

Простой интернет — магазин на WordPress и WooCommerce для приёма заявок на оплату и доставку

  Автор:
  Комментариев нет
  1515
Простой интернет - магазин на WordPress и WooCommerce для приёма заявок

Простой интернет — магазин на WordPress и WooCommerce идеально подходит для сетевиков, которые создают свои собственные сайты, собирают заказы и отправляют на оплату и доставку своим компаниям.

Была поставлена задача создать интернет — магазин с простой таблицей товаров оформлялся заказ как заявка, без адреса доставки и без оплаты.

Далее, по email эта заявка со списком заказа товара и данными покупателя отправлялась администратору магазина в почтовый ящик, а также менеджеру головного офиса. Менеджер головного офиса связывается с клиентом и договаривается о способе оплаты и уточняет адрес доставки товара.

Таким образом, администратор магазина лишь осуществляет контроль за ходом выполнения заказа.

Я реализовала такие интернет — магазин на WordPress и на плагине WooCommerce, а также другими плагинами.

Вы можете сделать такие простой интернет-магазин себе самостоятельно посмотрев моем видео. Делайте как я показываю в видео, шаг за шагом и у Вас все получится.

Содержание пошаговой видео инструкции:
Читать далее »

[PHP] Редирект на страницу «Спасибо» после оплаты Woocommerce

  Автор:
  Комментариев нет
  1451

Платежная система Stripe, а также способы оплаты «Прямой банковский перевод» и «Оплата при доставке» не перенаправляют на произвольную страницу после оформления заказа.

Для этого можно использовать следующий код:

// Redirect WooCommerce checkout page to a custom thank you page
add_action( 'woocommerce_thankyou', 'ab_redirect_woo_checkout');
function ab_redirect_woo_checkout( $order_id ){
$order = wc_get_order( $order_id );
$url = 'LINK_TO_THANKYOU_PAGE';
if ( ! $order->has_status( 'failed' ) ) {
wp_safe_redirect( $url );
exit;
}

Читать далее »

В этом видео я расскажу какие изменения вошли в шаблон AB-Inspiration 8.89 для сайтов на WordPress

  Автор:
  Комментариев нет
  1253
В этом видео я расскажу какие изменения вошли в последнюю версию шаблона AB-Inspiration 8.89 для сайтов на WordPress

В этом видео я расскажу какие изменения вошли в последнюю версию шаблона AB-Inspiration 8.89 для сайтов на WordPress.

В шаблоне было сделано большое количество исправлений и добавлений.

В видео я расскажу о самых основных, ярких моментах, помимо незначительных, технических, которые происходят постоянно.

Также, Вы можете больше узнать об этих исправлениях и добавления в шаблоне AB-Inspiration в статье — «Обновление шаблона AB-Inspiration для сайтов на WordPress — блога, онлайн-школы и интернет-магазина«.
Читать далее »

Обновление шаблона AB-Inspiration для сайтов на WordPress — блога, онлайн-школы и интернет-магазина

  Автор:
  Комментариев нет
  1452
Обновление шаблона AB-Inspiration для блога, онлайн - школы и интернет- магазина

За последние 2 месяца были сделаны ряд обновлений шаблона AB-Inspiration,  и в этой статье я расскажу об основных изменениях. Чтобы увидеть эти обновления и изменения необходимо обновить шаблона AB-Inspiration до версии 8.89 и выше.

Как вы знаете шаблон AB-Inspiration это не просто шаблон для профессионального блога на WordPress. В шаблоне сделаны интеграции с такими плагинами как Woocommerce (интернет-магазин), WP Courseware (онлайн-школа), Elementor и конечно же изменения касаются не только блога, но и этих интеграций.  С этим продуктами можно ознакомится на сайте клуба «Мастер WordPress».

Всего в этом обновлении сделано 71 исправления и доработок. Читать далее »

[Elementor Pro] Как сделать выпадающую при клике таблицу цен для мобильной версии сайта

  Автор:
  Один комментарий
  3909
Как сделать выпадающую при клике таблицу цен для мобильной версии с помощью Elementor Pro

Бывает такая ситуация, когда у Вас не просто один тариф, а разбивается на несколько групп, как например в этом видео.

Шаг за шагом, я покажу Вам, как сделать выпадающую при клике таблицу цен для мобильной версии с помощью Elementor Pro.

Получить базовые навыки создания страниц сайта с помощью фантастического Elementor Pro вы можете по моему мини — курсу «Elementor для начинающих»

Смотрите это видео руководство:

Читать далее »

Как отключить кнопку «В корзину» в каталоге курсов сайта онлайн-школы на WP Courseware

  Автор:
  Комментариев нет
  1358
Как отключить кнопку "В корзину" в каталоге сайта онлайн-школы на WP Courseware

Поступил запрос пользователя сайта созданного по курсу «Онлайн — школа на WordPress» :  Как отключить кнопку «В корзину» в каталоге курсов сайта онлайн-школы на WP Courseware.

При нажатии кнопки «В корзину» происходит перенаправление покупателя курсов непосредственно на страницу оформления оплаты. Это полезно когда когда покупатель курса уже заранее ознакомлен с курсом и готов сразу купить курс.
Онлайн - школа на WordPress
Читать далее »

Тонкие иконки для Elementor

  Автор:
  Комментариев нет
  2600

Если вы на этой странице, то наверняка тоже ищите контурные, красивые, тонкие, изящные иконки для Elementor. Да, в Elementor есть набор иконок Font Awesome, но согласитесь, они немного топорные, грубые на мой взгляд. Хотя в некоторых дизайнах смотрятся хорошо.

Напомню, в Elementor иконки SVG можно загружать 2мя способами.

1 способ

Загрузка индивидуальной иконки в SVG формате как обычного изображения. Тогда ваша иконка будет доступна в медиатеке вместе со всеми изображениями, которые вы загружали на сайта.
Читать далее »