Делайте бизнес как умные люди! Действуйте как профи! Зарабатывайте через систему будущего!      Узнать подробности
  




Home » Статьи о способах заработка в интернете онлайн » Интернет-магазина на WordPress БЕСПЛАТНО| Как оформить главную страницу

Интернет-магазина на WordPress БЕСПЛАТНО| Как оформить главную страницу


- Интернет-магазина на WordPress БЕСПЛАТНО| Как оформить главную страницу



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

Продолжаем создавать интернет-магазин на 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 безвозмездно даёт достоинства для вашего бизнеса. Обращая внимание на оформление интернет-магазина, а в особенности главной странички, вы можете сделать обычное в использовании и комфортное платформу для вашей мотивированной аудитории.





  


Top Яндекс.Метрика