Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: ifnofollow in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/no-external-links/no-external-links-parser.php on line 121

Notice: Undefined variable: post in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 359

Notice: Trying to get property 'ID' of non-object in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 359

Notice: Undefined variable: arkrp in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 435

Notice: Undefined variable: arkdivtbl in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 463

Notice: Undefined variable: arkopis in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 463

Notice: Undefined variable: arkdivtbl in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 463

Notice: Undefined variable: arkopis in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 463

Notice: Undefined variable: arkdivtbl in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 463

Notice: Undefined variable: arkopis in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 463

Notice: Undefined variable: arkdivtbl in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 463

Notice: Undefined variable: arkopis in /var/www/u1581629/data/www/vsodlyavastut.ru/wp-content/plugins/ark-relatedpost/ark-relatedpost.php on line 463

Здрасти, дорогие друзья!

Продолжаем создавать интернет-магазин на WordPress. Давайте сделаем главную страничку со собственной структурой:

• создадим её на всю ширину,
• добавим слайд-шоу,
• заголовок и SEO текст,
• выведем новейшие поступления продуктов,
• продукты со скидкой и рекомендуемые продукты.

Для того чтоб наиболее наглядно Для вас все это показать я записала подробную видео аннотацию.

Под видео аннотации добавлены пояснения, шорткоды и фрагменты CSS и php кода, которые употребляются в видео.
Если у Вас возникнут какие-то вопросцы Вы сможете задать их в комментах к данной для нас статье.

Желаю Для вас приятного просмотра!

Видео {инструкция}

Для получения чек-листа пройдите опрос на данной для нас страничке:
//impuls-web.ru/opros-po-sozdaniyu-internat-magazina-na-wordpress/

Создание слайдера

Чтоб сделать слайдер на главной страничке интернет-магазина воспользуемся плагином MetaSlider

Как добавить слайды тщательно показано в видео аннотации выше на 1 минутке 37 секунде.

Оформляем главную страничку и назначаем её в качестве главной

Для начала нам необходимо сделать новейшую страничку и добавить на неё шорткод слайдера, а потом нам необходимо эту страничку назначить в качестве главной.

1. 1.В административной части веб-сайта перебегаем в раздел «Опции» — «Чтение».
2. 2.В перечне «На главной страничке показывать» избираем пункт «Статическую страничку».
3. 3.Из раскрывающегося перечня избираем подходящую страничку и жмем на клавишу «Сохранить конфигурации» понизу.

   

Добавляем заголовок H1 и SEO текст

Опосля того как страничка стала главной у неё отключился заголовок по дефлоту, который выводился в теге H1, как следует сейчас нам необходимо его задать вручную и включить в него главный запрос. Так же на главной страничке необходимо будет добавить маленькое SEO текст, включающий в себя главные запросы по главным фронтам продаж нашего интернет-магазина.

В видео-инструкции на 10 минутке 41 секунде выше показано как это создать.

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

Для вывода новейших продуктов в WooCommerce есть особый шорткод:

[products limit="4" columns="4" orderby="date"]

В параметре limit — задаем количество выводимых продуктов
В парметре columns – задаем количество продуктов в 1 строке

Оформляем заглавия с помощью CSS

1. 1.Добавляем заголовку H1 css-класс home-page-title:

   <h1 class="home-page-title"><strong>Веб-интернет магазин бытовой техники и электроники в Москве</strong></h1></li>

2. 2.Добавляем заголовку H2 css-класс home-title:

   <h2 class="home-title">Продукты со скидкой</h2>

3. 3.В разделе «Наружный вид» — «Настроить» — «Доп стили» либо в файле style.css дописываем код:

   .home-page-title {
   	font-size:30px;
   	text-align:center;
   }
   
   .home-title {
   	background:#f1f1f1;
   	font-size:28px; 
   	padding:10px;
   	border-left:3px solid #0487E7;
   }

Все пояснения показаны в видео аннотации на 14 минутке 25 секунде.

Добавление акционных продуктов и вывод их на главной страничке интернет-магазина

Добавляем особый шорткод WooCommerce:

[sale_products limit="8" columns="4"]

В параметре limit — задаем количество выводимых продуктов
В парметре columns – задаем количество продуктов в 1 строке

Исправляем текст надписи «Акция распродажи» и правим оформление

1. 1.В административной части веб-сайта перебегаем в раздел «Наружный вид» — «Редактор тем»
2. 2.На панели сбоку избираем файл «Функции темы (functions.php)»
3. 3.В самом конце файла добавляем код:

   /*Изменяем текст надписи Акция распродажи*/
   add_filter('woocommerce_sale_flash', 'change_sale_title', 10, 3);
   function change_sale_title($content, $post, $product){
      $content = '<span class="onsale">'.__( 'АКЦИЯ!', 'woocommerce' ).'</span>';
      return $content;
   }

   Заместо «Акция!» можно задать свое значение. Принципиально чтоб кавычки остались как есть, меняем лишь текст!

4. 4.Перебегаем в раздел «Наружный вид» — «Настроить» — «Доп стили» и добавляем в самом конце таковой код:

   /*Оформляем блок с распродажей*/
   .onsale {
   	padding:5px;
    	border-radius:20px;
   }

Добавляем рекомендуемые продукты на главной страничке интернет-магазина

1. 1.Создаем категорию «Рекомендуемые продукты» и добавляем в неё несколько продуктов на своё усмотрение.
2. 2.На главную страничку добавляем шорткод:

   [product_category category="rekomenduemye"]

   Заместо rekomenduemye необходимо вставить ярлычек группы, которую вы желаете вывести.

3. 3.Чтоб получит этот ярлычек необходимо перейти в раздел «Продукты» — «Группы» и скопировать его в столбце «Ярлычек» напротив наименования подходящей группы.

   

Как получить чек-лист «Пошаговый план проверки интернет-магазина перед стартом»

На данный момент я готовлю расширенный курс по созданию интернет-магазина на WordPress и для меня принципиально знать какие темы вызывают у вас больший энтузиазм. Для того чтоб это узнать я предлагаю для вас пройти маленькой опрос, состоящих из 3-х вопросцев и получить чек-лист «Пошаговый план проверки интернет-магазина перед стартом».

Для того чтоб пройти опрос Для вас необходимо перейти по данной для нас ссылке:

Пройти опрос

Спасибо что прочитали статью до конца! Если у вас появились вопросцы вы сможете задать их в комментах и я с наслаждением на их отвечу!

Фурроров Для вас в разработке интернет-магазина!

С почтением Юлия Гусарь

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

Чтоб корректно оформить главную страничку интернет-магазина на WordPress нужно направить внимание на ряд принципиальных качеств:

• Используйте базисную тему WordPress, которая дозволяет применять адаптивный дизайн сайта. Наличие таковой темы очень благоприятно влияет на доступность и интерактивность веб-сайта для гостей.

• Стоит применять приятную для восприятия графику и иллюстрации. Это поможет привлечь большее количество внимания юзера к вашему интернет-магазину.

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

• Предоставьте подробное описание ваших продуктов. Это завлечет юзеров и поможет им верно принять решение о покупке.

• Стоит добавить защиту от мусора, чтоб защитить информацию юзеров и избежать ненадобной рассылки.

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

Создание интернет-магазина на WordPress безвозмездно даёт достоинства для вашего бизнеса. Обращая внимание на оформление интернет-магазина, а в особенности главной странички, вы можете сделать обычное в использовании и комфортное платформу для вашей мотивированной аудитории.

Вам понравится:

Финансы: 5 новостей недели — все самое главное. 2 июня

Финансы: 5 новостей недели — все самое главное. 28 апреля

5 цифровых трендов недели — все самое главное. 20 мая

Интернет-реклама: 5 новостей недели — все самое главное. 3 апреля