Как настроить сайт на wordpress. Пошаговая инструкция. Инструкция wordpress


Создание сайта на WordPress: установка и настройка

наФото: Создание сайта на WordPress

Здравствуйте, дорогие друзья! Развитие электронной коммерции, разнообразных онлайн — сервисов привело к тому, что сейчас многие пользователи глобальной сети стремятся иметь собственную веб-страницу. При этом вовсе не обязательно пользоваться дорогостоящими услугами профессиональных агентств.

Если хотите реализовать несложный проект самостоятельно, то информация этой статьи про создание сайта на WordPress будет вам в помощь.

1. Шаг первый — техническое обеспечение

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

Важно знать, что существует два различных способа, с помощью которых это можно реализовать — установка программы на сервер или локальный компьютер.

Если вы еще не имеете опыта, то желательно отработать вначале все действия локально, только затем переносить готовую страницу в Интернет — так сэкономите свое время, избавившись от дальнейших проблем работы с хостингом.

Фото: Установка WordPress на хостинг - основные шаги

Установка WordPress на хостинг

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

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

Начать создание достаточно просто — необходимо только переименовать файл wp-config-sample.php, устранив из него частицу «sample» — после этого необходимо открыть его текстовым редактором и указать путь к базе данных будущего сайта.

Стоит помнить, что профессиональные сайты, сделанные на WordPress, имеют упорядоченную структуру каталогов — поэтому стоит установить систему в отдельную папку, дав ей соответствующее наименование.

Для начала создания интернет — ресурса, понадобится только открыть браузер и перейти по ссылке «http://example.net/exampledir/wp-admin/install.php», заменив домен и имя папки на свой адрес расположения программы.

Обратите внимание — если вы осуществляете создание сайта с нуля, рекомендую установить актуальные версии MySQL и PHP, чтобы добиться корректной работы системы.

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

Фото: Настройка и оформление

2. Шаг второй — настройка и оформление

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

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

Кроме того, потребуется установить правила публикации — для этого понадобятся вкладки «Написание», «Чтение», и «Обсуждение». К последней необходимо подойти особенно внимательно, так как она отвечает за комментирование постов.

Если создаете сайт на WordPress с нуля, не спешите играть с оформлением — необходимо понять, каким будет реальный облик полученной веб-страницы. Стандартное пошаговое создание предполагает, что вы воспользуетесь вначале вкладками «Рубрики» и «Записи», чтобы внести необходимый минимум информации.

Кроме того, инструкция по WordPress рекомендует зайти на вкладку «Страницы», чтобы выделить такие части, как:

Правильный подбор стилистики в WordPress

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

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

Экономичным вариантом выступает использование на CMS WordPress бесплатных шаблонов, однако ждать чудес удобства и совершенства дизайна от них не приходится. Любые стили оформления можно применить во вкладке «Темы».

Фото: Создание контента - вид из админки

3. Шаг третий. Создание контента и использование плагина для повышения удобства работы

После создания веб — страницы на движке Вордпресс необходимо вдохнуть в нее жизнь, наполнив соответствующей информацией.

«Создание записи» предполагает, что вы откроете вкладку, выберете раздел, в котором она будет публиковаться, а также внесете необходимый контент.

Любые сайты созданные на WordPress, могут включать в себя медиа — в частности:

Для их вложения можно воспользоваться меню, расположенным справа от главного окна ввода.

Выбор плагинов для WordPress — оптимизация и ускорение работы

Если планируете самостоятельное заниматься программированием на WordPress, вам не обойтись без установки дополнительных приложений, которые существенно облегчат работу.

Создание сайта на русском языке редко обходится без плагина Rus-to-Lat, отвечающего за автоматическую транслитерацию. Кроме того, не спешите обращать внимание на объявления типа «Вордпресс без спама» — вы сами можете эффективно бороться с нежелательными постами в обсуждении, установив расширения «Approve only russian comments» и «Anti-XSS attack».

Также отбросьте в сторону рекламные обращения «Wordpress делаем сайт с оптимизацией» — в этом поможет расширение программы «All in One SEO Pack».

Практически ни один совет не обходится без подключения плагина «Google XML Sitemaps», который позволяет намного быстрее индексировать карту сайта для поисковых систем.

Если вы интересуетесь, как сделать портал с большим количеством медиа-контента, позаботьтесь об установке плагинов «Video Embedder», а также «Faster Image Insert», которые позволяют работать соответственно с видео и статичными изображениями.

Фото: Изучайте инструкции по WP на моем блоге

Пара слов о WordPress напоследок

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

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

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

С уважением, Анатолий Савенков

Видео по теме:

palap.ru

Как настроить сайт на wordpress. Инструкция

Добрый день, уважаемые читатели!

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

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

Ну что же, давайте приступим!

Навигация по статье:

Как сделать интернет-магазин?

Настройка ссылок

По умолчанию в WordPress страницам присваивается постоянная ссылка в таком виде:

http://yoursite.com/p=123

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

Поэтому, категорически рекомендуется настроить ссылки для wordpress сайта на начальном этапе для того, чтобы в дальнейшем, все созданные вами или сгенерированные CMS страницы имели человеко-понятный URL, в среде разработчиков их сокращенно называют ЧПУ.

Для того чтобы настроить ЧПУ вам необходимо на административной панели сайта перейти в «Настройки» => «Постоянные ссылки» и выбрать вариант отображения ссылки «Название записи».

Настройка постоянных ссылок

В результате мы получаем аккуратную ссылку, включающую в себя информацию о содержимом страницы.Например:

//impuls-web.ru/zashhita-ot-spama-dlya-contact-form-7-wordpress/

Кроме того, страницы с такими адресами будут отображаться в поисковой выдаче следующим образом:

снипет с настроенным ЧПУ

Как видите, сама ссылка воспринимается поисковой системой как ключевые слова.

Настройка названия и краткого описания сайта

Тег title и мета-тег description являются очень важным элементом сайта, т. к. данная информация является первоначальной, на которую обращают внимание при сканировании поисковые роботы и данные поля должны быть обязательно заполнены.

Для этого нужно перейти в «Настройки» => «Общие» и заполнить соответствующие поля.

настройка названия сайта и описания

Обратите внимание! Максимальное количество символов, допустимое для названия сайта составляет 60 символов, для краткого описания — 160 символов.

Название и краткое описание сайта отображаются на вкладке браузера:

название сайтта в браузере

А так же в снипете поисковой выдачи:

название сайта в снипете

Настройка комментариев

Настройки для комментариев находятся в разделе «Настройки» => «Обсуждение»

нстройка комментариев

Здесь есть несколько важных параметров, которые у вас должны быть настроены обязательно:

  1. 1.Разрешить оставлять комментарии на новые статьи — этот параметр включает или отключает возможность посетителям сайта комментировать ваши посты.
  2. Обратите внимание, что включение или отключение комментариев для конкретной записи или страницы будет влиять эту настройку.

  3. 2.Комментарий должен быть одобрен вручную — эту опцию лучше включить для того, чтобы контролировать какие комментарии публикуются к вашим статьям — это необходимо для защиты от спама. Каждый новый комментарий вам будет необходимо проверить и одобрить перед публикацией.
  4. 3.Отображение аватаров — с помощью этой опции вы можете скрыть или показать аватары рядом скомментариями, а также включить возможность использования сервиса Gravatar, который свяжет адрес электронной почты комментатора к аккаунту в Gravatar, если таковой существует, и подгрузит оттуда фото для аватара комментатора.
настройка аватарки

Удаление мусора

Следующим этапом настройки сайта будет удаление ненужного контента. При установке, WordPress создает по умолчанию пример страницы, записи и рубрики которые, по сути, являются мусором, который в последствии попадет в поисковую выдачу, и его необходимо удалить.

чистка мусора в wordpress

Для этого:

  1. 1.Зайдите в раздел «Записи» => «Все записи» и удалите страницу «Привет, мир!».
  2. 2.Зайдите в раздел «Страницы» => «Все страницы» и удалите «Пример страницы».
  3. 3.Зайдите в раздел «Записи» => «Рубрики» и удалите рубрику «Без рубрики».

Установка и настройка необходимых плагинов

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

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

  1. 1.Wordfence Security
  2. 2.All in One SEO Pack
  3. 2.Google XML Sitemaps
  4. 2.BackUpWordPress
  5. 2.«SEO-HEADERS-Easy» Protocol HTTP 1.1
  6. 2.Rus to lat
  7. 2.Contact Form 7
  8. 2.WP Super Cache
  9. 2.Broken Link Checker
  10. 2.Page Builder by SiteOrigin

Более подробно о данных плагинах вы можете прочитать в моей статье «10 самых необходимых плагинов для WordPress»

Создание файла robots.txt

Файл robots.txt содержит набор инструкций для поискового робота, которые указывают ему какие элементы сайта ему не нужно сканировать.

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

Также если неправильно настроить файл robots.txt, то это может привести к попаданию дублей страниц в поисковую выдачу, а это очень плохо сказывается на продвижении.

Что бы проверить его наличие вам необходимо ввести в адресной строке браузера: http:\\адрес_сайта\robots.txt

Вот как он должен выглядеть для WordPress:

robots.txt для wordpress

Данный набор команд является стандартным, в большинстве случаев, для сайтов на WordPress. Поэтому вы можете взять за основу мой файл и сделать точно такой же для своего сайта. Единственное что вам необходимо будет изменить — это адрес в графе Host и Sitemap.

Скачать robots.txt

Вам необходимо создать текстовый документ с именем robots.txt и, при помощи FTP-клиента или админ-панель вашего хостинга, загрузить этот файл в папку с файлами сайта на хостинге. Он должен находиться в той же папке что и папки “wp-admin”, “wp-content” и так далее, то есть в корне сайта.

После того как вы создадите свой сайт, выполните его базовую настройку и будете готовы продвигать его в поисковых системах, вам будет необходимо зарегистрироваться в Яндекс-вебмастере и Google-вебмастере и передать этот файл поисковым системам для обработки.

Создание карты сайта

Еще одним не мало важным фактором для базовой SEO-оптимизации молодого сайта является наличие динамического файла sitemap.xml, который содержит подробную карту вашего сайта в понятном для поискового робота виде.

Для ее создания лучше воспользоваться плагином Google XML Sitemaps для WordPress.Подробную инструкцию о том, как создать карту сайта при помощи данного плагина вы найдете в моей статье «Создаём карту сайта wordpress. Пошаговая инструкция».

Как научиться продвигать сайты?

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

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

С уважением Юлия Гусарь

impuls-web.ru

инструкция wordpress

Как быстро создать свой Сайт на WordPress - Пошаговое руководство! Всегда актуально!

10000 за 1 минуту на рисованном видео: https://afflinks.ru/kazakovanatalia/doodle В данном видео автор подробно рассказывает...

Мини-инструкция по работе с админкой WordPress: добавление, изменение записей, категорий и меню

В мини-уроке для начинающих (чайников) быстро показаны основы работы с админкой сайта на WordPress 4.4: создание...

Как бесплатно создать сайт на WordPress за 40 минут. Пошаговая инструкция

2 месяца бесплатного хостинга: https://handyhost.ru/hosting/?from=25252&promocode=xHinq4RX Готовый сайт: http://u39314.onhh.ru/ • • • Тайм-коды...

Jetpack для WordPress — подробная инструкция по плагину

Сегодняшний обзор получился про Jetpack, мегапопулярный плагин для WordPress. Jetpack — без сомнений противоречивый,...

Тема HitMag Wordpress : пошаговая инструкция

Как установить тему HitMag на Wordpress, активация Как добавить рубрики в Wordpress Как добавить записи в Wordpress Как доба...

Divi тема для Wordpress, инструкция по установке на сайт

Установка премиум-темы для wordpress DiVi на ваш сайт, пошаговая видеоинструкция. Больше обучающего видео на...

Делаем сайт на вордпресс самостоятельно. Как установить Wordpress на сайт - пошаговая инструкция?

Ютуб для чайников (с нуля до 7089$)http://gpclick.ru/affiliate/7891469 Делаем сайт на вордпресс самостоятельно. Как установить...

Как создать сайт на Вордпресс. Подробная инструкция

Ссылка на хостинг: http://goo.gl/sk5F9z Ссылка на сайт Вордпресс: https://goo.gl/qOS7L6 Данное видео - это подробная инструкция...

создание сайта на wordpress инструкция

http://goo.gl/Z793ec Самая полная в Рунете БЕСПЛАТНАЯ система обучения созданию сайтов на WordPress "Уникальный сайт...

Инструкция по редакции сайта на Wordpress

В данном видео показано как отредактировать лендинг созданный на CMS Wordpress (лендинг обучающей школы "Стем")...

Установка форума на сайт Wordpress (инструкция по шагам и настройка)

Это видео - запись вебинара по установке форума на сайт. Устанавливать будем форум Mingle Forum, так как у него...

MailChimp (МэйлЧимп) инструкция по подключению формы подписки на блог с движком WordPress

MailChimp (МэйлЧимп) инструкция по подключению формы подписки на блог с движком WordPress Настройка плагина MailChimp...

Инструкция по редакции сайта на Wordpress

В данном видео показано как изменять текстовую и иную информацию на небольшом сайте под управлением CMS...

Инструкция Вордпресс интернет-магазин кратко

Краткая инструкция по работе в Консоли интернет-магазина Woocommerce на движке WordPress.

iThemes Security - как настроить плагин безопасности WordPress инструкция

iThemes Security (бывший Better WP Security) - как настроить лучший плагин безопасности WordPress Пошаговая инструкция по настро...

Как самостоятельно создать сайт на движке Wordpress. Простая инструкция

Ссылка на регистрацию в хостинге Бегет - https://goo.gl/JNhtRG В этом видео вы узнаете как быстро и самостоятельно...

[WP инструкция #2] Что делать, если взломали Wordpress?

Взломали сайт на Wordpress. Что делать? Как восстановить? Пошаговая видео инструкция. Автор видео: http://vk.com/vasilybod...

Как установить wordpress,инструкция

Как установить wordpres для многих проблема.Просмотрев это видео. Вы сможете с лёгкостью установить wordpress за...

Как сделать блог самому бесплатно? - Инструкция WordPress

Видеоуроки о том, как самому бесплатно сделать блог с нуля на WordPress. Инструкция WordPress. http://wp-voprosov.net.

Как за 1 час создать блог на WORDPRESS.[ Инструкция ]

Пошаговая Инструкция: как своими руками за 1 час создать блог на WORDPRESS и настроить его чтобы он зарабатывал...

Инструкция по заказу услуги хостинга, установка Wordpress.

Краткая инструкция по заказу тестового хостинга, загрузка и установка CMS Wordpress. Главная страница: https://www.cishost...

Инструкция для заполнения Wordpress Видео инструкция: скачиваем и устанавливаем шаблон на WordPress

Как быстро поставить тему на WordPress. А также откуда скачивать бесплатные и платные шаблоны. Ссылка на статью...

Страница отзывов. Перезагрузка. Полная пошаговая инструкция

Пошаговая инструкция по созданию страницы отзывов на вашем WordPress-сайте. Полностью с нуля и до результата...

создание сайта на вордпресс пошаговая инструкция

http://goo.gl/Z793ec Самая полная в Рунете бесплатная система обучения созданию сайтов на WordPress "Уникальный сайт...

Как сделать сайт на Wordpress самому: быстро и недорого. Пошаговая инструкция

Поступил вопрос от одного из подписчиков - как сделать сайт самому - быстро и недорого. И продвинуть его....

Как обновить WordPress. Подробная инструкция. Backup.

http://anfisabreus.ru/ ... Анфиса Бреус показывает как правильно обновить WordPress до новой версии и при этот сохранить...

Cайт wordpress.com - видео инструкция по регистрации

Cайт wordpress.com - видео инструкция по регистрации - https://youtu.be/ebok567QyBQ Инструкция по регистрации в виде титров,...

Инструкция по установке WordPress на хостинг Zone.ee

Инструкция по установке WordPress на хостинг Zone.ee.

создание сайта на вордпресс инструкция

http://goo.gl/Z793ec Самая полная в Рунете бесплатная система обучения созданию сайтов на WordPress "Уникальный сайт...

плагины Wordpress-Инструкция как сделать и оптимизировать сайт.Доступно.Бесплатно

Что такое плагины? Согласитесь это здорово – уметь самостоятельно создать и оптимизировать сайт, не обраща...

Установка WordPress на хостинг вручную пошаговая инструкция

Здесь я показываю на видео, как происходит установка WordPress на хостинг. Сделайте всё верно, и сайт будет работ...

Инструкция № 1. Быстро перенести Wordpress блог на новый домен

Не знаете как быстро сменить доменное имя на Вашем уже работающем блоге на Wordpress? Понятия не имеете что...

Создать блог самому бесплатно - пошаговая инструкция. Часть 17 Настройка Меню на Wordpress

Ссылка на БЕСПЛАТНУЮ Онлайн Книгу "Создать блог самому бесплатно - пошаговая инструкция" http://alenakraeva.com/kurs-sozdat...

Инструкция пользования сайтом каталогом на WordPress Инструкция по установке плагина Гонорар для WordPress

http://www.sdelaysite.com/gonorar Как установить и настроить плагин Гонорар для WordPress.

Инструкция по заполнению парфюмерии на wordpress Инструкция по установке онлайн модуля на WordPress Видео инструкция по установке WordPress на хостинг TimeWeb

Пошаговая инструкция по регистрации и установке CMS Вордпресс на хостинге Таймвеб. Статья на блоге - http://start-lu...

How to Translate WordPress Website Tutorial For Free - Step by Step

This video works for all wordpress themes including the Sydney theme AND Flatsome theme. Install this plugin and watch this video to learn how to translate ...

pokemon sun and moon gba rom castle crashers all weapons ragnarok terraria digimon masters gameplay engie man molduras para photoscape minecraft villager breeder 1.10 warframe the new strange synthesize wii64 channel reflex hack client

debojj.net

Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style | DesigNonstop

Пошаговая инструкция по установке премиум вордпресс темы Wecreation StyleНедавно я выложила в свой магазин новую вордпресс тему Wecreation Style. К данной теме прилагается инструкция по установке, которую я и хочу предложить вашему вниманию. В ней мы пошагово будем настраивать шаблон с тем, чтобы он выглядел в точности как на live demo. В частности затронуты такие вопросы, как установка темы на хостинг, базовые настройки шаблона, настройка меню, создание страниц и постов, загрузка картинок, установка виджетов сайдбара и футера, а также создание онлайн портфолио. Все шаги сопровождаются скриншотами и подробным описанием совершаемых действий.

Шаг 1. Установка темы

1.1 Распаковываем скачанный архив. В нем содержатся следующие файлы и папки:— wecreationstyle.zip — архив шаблона— Plugins — плагины для шаблона— Instructions — инструкция по установке— Соглашение — пользовательское соглашение

1.2 Сначала убедитесь в том, что у вас на хостинге установлен вордпресс 3.0 версии и выше. После этого заходим в админку вордпресса и выбираем закладку Внешний вид -> Темы -> Установить темы -> Загрузить. Выбираем архив wecreation.zip на вашем компьютере и нажимаем Установить. В процессе установки откроется окошко, в котором вам надо будет ввести логин и пароль для доступа на серевер.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Если вы хотите вручную установить тему, то для этого надо разархивировать архив wecreationstyle.zip. С помощью FTP загрузить папку «wecreationstyle» на сервер в папку «/wp-contents/themes/». Все фалы шаблона будут лежать на хостнге по адресу «wp-contents/themes/wecreationstyle/». После этого надо зайти в админ панель вордпресса.

1.3 После того, как тема успешно установлена, надо нажать на ссылку Активировать для активации темы.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

1.4 После этого надо выбрать закладку Внешний вид -> Виджеты и деактивировать все дефолтовые виджеты (6 штук) в блоке Сайдбар, перетащив их обратно на левую панель. Мы уставим все нужные виджеты заново немного позже.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 2. Базовые установки

2.1 Выбираем закладку Параметры -> Общие и задаем общие настройки блога. Не забываем сохранять.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

2.2 Идем в закладку Настройки темы Wecreation Style и в выпадающем меню блока Цвет темы выбираем цвет оформления темы.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

2.3 Выбираем закладку Параметры -> Чтение и задаем настройки чтения. Не забываем сохранять.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

2.4 Выбираем закладку Параметры -> Медиафайлы и задаем размер предпросмотров 120х120. Не забываем сохранять.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 3. Настройка рубрик

3.1 В закладке Записи -> Рубрики создаем рубрики и подрубрики. Задаем название, ярлык и описание. Для подрубрик в выпадающем меню задаем родительскую рубрику. Не забываем нажимать Добавить новую рубрику.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

3.2 Я создала 4 рубрики (Первая, Вторая, Третья и Четвертая) и 3 подрубрики для Четвертой рубрики (Категория один, Категория два, категория три). В правой части закладки появилась соответствующая таблица с рубриками.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 4. Создание страниц

4.1 В закладке Страницы -> Добавить новую создаем новую страницу. Не забываем нажать Опубликовать. Таким образом создаем 4 страницы: О сайте, Контакты, Реклама, Портфолио.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

4.2 Переходим в закладку Страницы -> Все страницы. Прежде всего удалим дефолтовую страницу Пример страницы, нажав на ссылку Удалить. Должно остаться 4 страницы: О сайте, Контакты, Реклама, Портфолио.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 5. Создание меню

5.1 Переходим в закладку Внешний вид -> Меню. В поле Заголовок меню пишем main_menu (!). И потом нажимаем кнопку Создать меню.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

5.2 Закладка Внешний вид -> Меню. Теперь нажимаем на закладку со знаком + и добавляем еще одно меню. Для этого в поле Заголовок меню пишем small_menu (!). И потом нажимаем кнопку Создать меню.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

5.3 Закладка Внешний вид -> Меню. В меню справа выбираем закладку main_menu. В блоке Области темы в выпадающем меню выбираем пункт main_menu в качестве главного меню Primary Navigation. Нажимаем кнопку Сохранить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

5.4 Мы все еще на закладке Внешний вид -> Меню. Дальше переходим к следующему блоку на закладке main_menu — Произвольные ссылки. Вводим урл вашего сайта в поле URL слово Главная в поле Текст. Потом нажимаем кнопку Добавить в меню. И после этого обязательно нажимаем кнопку Сохранить меню.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

5.5 Переходим к блоку Рубрики. Выбираем закладку Все и выбираем все категории кроме Без рубрики. Нажимаем кнопку Добавить в меню. После этого передвигаем мышкой пункты меню в том порядке, который нам нужен. А потом не забываем нажать кнопку Сохранить меню.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

В данном случае меню должно выглядеть так.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

5.6 Закладка Внешний вид -> Меню. В меню справа выбираем закладку small_menu. Нас интересует блок Страницы. Нажимаем Выделить все и потом нажимаем кнопку Добавить в меню. После этого передвигаем мышкой пункты меню в том порядке, который нам нужен. А потом не забываем нажать кнопку Сохранить меню.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

На этой стадии установки наш шаблон выглядит так.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 6. Установка плагина WP jQuery Lightbox

6.1 Этот плагин открывает картинки для просмотра с красивым современным эффектом. Идем в закладку Плагины -> Добавить новый. Потом выбираем ссылку Загрузить и далее выбираем архив wp-jquery-lightbox.1.3.3 из папки Плагины из основного архива шаблона. Нажимаем кнопку Установить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

6.2 В процессе установки надо будет ввести пароль доступа к сереверу. После успешной загрузки нажимаем ссылку Активировать плагин.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

6.3 После активации соответствующая закладка появится в меню слева. Выбираем Параметры -> jQuery Lightbox задаем следующие настройки. После жмем кнопку Сохранить изменения.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 7. Установка плагина Contact Form

7.1 Идем в закладку Плагины -> Добавить новый. Потом выбираем ссылку Загрузить и далее выбираем архив contact-form-7.2.4.6 из папки Плагины из основного архива шаблона. Нажимаем кнопку Установить. В процессе установки надо будет ввести пароль доступа к сереверу. После успешной загрузки нажимаем ссылку Активировать плагин.

7.2 После активации соответствующая закладка появится в боковом меню слева. Выбираем закладку Contact. Откроется такая страница. Скопируйте код, который на коричневом фоне.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

7.3 Потом идем на закладку Страницы и выбираем страницу Контакты для редактирования. Скопированный в предыдущем шаге код вставляем в HTML поле поста. Нажимаем Обновить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 8. Установка плагина Most Popular Posts

Идем в закладку Плагины -> Добавить новый. Потом выбираем ссылку Загрузить и далее выбираем архив most-popular-posts.1.6 из папки Плагины из основного архива шаблона. Нажимаем кнопку Установить. В процессе установки надо будет ввести пароль доступа к сереверу. После успешной загрузки нажимаем ссылку Активировать плагин. На этой стадии мы просто активировали плагин. Настраивать его в сайдбаре мы будем чуть позже.

Шаг 9. Установка плагина Subscribe to Comments

Идем в закладку Плагины -> Добавить новый. Потом выбираем ссылку Загрузить и далее выбираем архив subscribe-to-comments2.1.2 из папки Плагины из основного архива шаблона. Нажимаем кнопку Установить. В процессе установки надо будет ввести пароль доступа к сереверу. После успешной загрузки нажимаем ссылку Активировать плагин. В принципе, плагин подписки на комментарии уже работает. Единственное, можно перевести на русский язык некоторые фразы. Для этого идем на закладку Параметры -> Subscribe to Comments. Вставляем необходимые фразы на русском языке.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 10. Виджет сайдбара: Социальные иконки

Выбираем закладку Настройка темы Wecreation Style. Выбираем блок Иконки в сайдбаре. Чтобы иконки были включены нужно поставить галочку в чекбокс. В соответсвующие поля вставляем урлы ваших аккаунтов в Фейсбуке и Твиттере. Также указываем адрес фида и урл подписки с помощью Фидбернера. Не забываем нажимать Сохранить изменения.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 11. Виджет сайдбара: Блок рекламы

Выбираем закладку Настройка темы Wecreation Style. Выбираем блок Баннеры в сайдбаре. Для включения ставим галочку в чекбоксе вкл/выкл. Копируем код, приведенный ниже в соответствующее поле. И потом меняем знак /800/600/http/www.designonstop.com на урл рекламного баннера, титл и урл картинки соответственно. Ну и пишем свой текст под картинкой. Размер баннеров 125х125.

Your text hereYour text here

Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 12. Виджет сайдбара: Популярные статьи

Выбираем закладку Внешний вид -> Виджеты. Там в блоке Доступные виджеты ищем виджет Most Popular Posts и затем мышкой перетаскиваем его в блок Sidebar. Заполняем поле Title, ставим количество записей и отживаем галку показов количества комментариев. Нажимаем кнопку Сохранить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 13. Виджет сайдбара: Youtube

Выбираем закладку Внешний вид -> Виджеты. Там в блоке Доступные виджеты ищем виджет Текст и затем мышкой перетаскиваем его в блок Sidebar. Пишем заголовок Youtube. В поле виджета вставляем код с Youtube. Важно! При генерации кода ролика на Ютубе указываем размер 226 по ширине. В качестве примера копируем и вставляем в виджет код, расположенный ниже. Потом нажимаем кнопку Сохранить.

Шаг 14. Виджет сайдбара: Свежие комментарии

Выбираем закладку Внешний вид -> Виджеты. Там в блоке Доступные виджеты ищем виджет Свежие комментарии и затем мышкой перетаскиваем его в блок Sidebar. Пишем заголовок и количество комментариев. Потом нажимаем кнопку Сохранить.

Шаг 15. Виджет сайдбара: Facebook

Выбираем закладку Внешний вид -> Виджеты. Там в блоке Доступные виджеты ищем виджет Текст и затем мышкой перетаскиваем его в блок Sidebar. Пишем заголовок Facebook. Аккуратно копируем код, расположенный ниже и вставляем его в свободное поле виджета. Важно! Во второй строке кода найдите слово DesigNonstop и замените на название вашей странички в Фейсбуке. Потом нажимаем кнопку Сохранить.

Шаг 16. Виджет сайдбара: Twitter

Выбираем закладку Внешний вид -> Виджеты. Там в блоке Доступные виджеты ищем виджет Текст и затем мышкой перетаскиваем его в блок Sidebar. Пишем заголовок Twitter. Аккуратно копируем код, расположенный ниже и вставляем его в свободное поле виджета. Важно! В предпоследней строке кода найдите слово DesigNonstop и замените на название вашего аккаунта в Твиттере. Потом нажимаем кнопку Сохранить.

Шаг 17. Другие виджеты

Выбираем закладку Внешний вид -> Виджеты. Там в блоке Доступные виджеты ищем виджет Облако меток и затем мышкой перетаскиваем его в блок Other Tags. Пишем заголовок. Потом нажимаем кнопку Сохранить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Теперь на страницах поисковой выдачи и 404 странице будет присутствовать блок тегов.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 18. Виджет футера: Последние записи

Выбираем закладку Внешний вид -> Виджеты. Перетаскиваем виджет Свежие записи из блока Доступные виджеты в блок First Footer Widget Area. Пишем заголовок и количество записей. Нажимаем кнопку Сохранить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 19. Виджет футера: Все теги

Выбираем закладку Внешний вид -> Виджеты. Перетаскиваем виджет Облако меток из блока Доступные виджеты в блок Second Footer Widget Area. Пишем заголовок и нажимаем кнопку Сохранить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 20. Виджет футера: Рубрики

Выбираем закладку Внешний вид -> Виджеты. Перетаскиваем виджет Рубрики из блока Доступные виджеты в блок Third Footer Widget Area. Пишем заголовок и нажимаем кнопку Сохранить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 21. Виджет футера: Обо мне

Выбираем закладку Внешний вид -> Виджеты. Перетаскиваем виджет Текст из блока Доступные виджеты в блок Fourth Footer Widget Area. Пишем заголовок. Потом копируем код, расположенный ниже и вставляем в поле виджета. Потом в этот код вместо знака /800/600/http/www.designonstop.com вставляем урл аватарки, а вместо фраз Your text пишем пару абзацев текста о себе. Нажимаем кнопку Сохранить

Your text

Your text

Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 22. Настройки поста

22.1 Выбираем закладку Настройка темы Wecreation Style. Выбираем блок Настройки поста. Используя чекбокс вкл/выкл, включаем те установки, которые мы хотим видеть у поста. В поле для кода вводим адрес Фидбернера подписки по почте для вашего сайта. Не забываем нажимать Сохранить изменения.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Так будет выглядеть блок после вашего поста при включенных настройках.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Чтобы на главной странице появилась часть поста, а весь пост был доступен после нажатя на ссылку Читать дальше, используйте в месте разрыва тег:

Шаг 23. Добавить изображение

23.1 Идем в закладку Записи -> Добавить новую и создаем новый пост. Пишем заголовок, сам текст поста, выбираем категорию, вставляем картинку в пост. Для того, чтобы вставить картинку, надо нажать на соответствующий значок. Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

23.2 В открывшемся диалоговом окошке загрузки файла выбираем файл, в данном случае с компьютера, и загружаем на хостинг. (!) Обратите внимание, чтобы на хостинге у папок стояли права доступа, разрешающие запись.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

23.3 После успешной загрузки откроется диалоговое окошко Добавить изображение. В нем заполняем соответствующие поля и обязательно (!) нажимаем Использовать как миниатюру и потом кнопку Вставить в запись. Потом нажимаем кнопку Обновить у поста.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

23.4 Справочно! Данный шаблон рассчитан под картинки размером 630х215. Высота картинки может быть любой, но советую придерживаться ширины 630 пикселей. Если вы вставите картинку меньшей ширины, то для того, чтобы текст огибал картинку сбоку надо в диалогом окошке Добавить изображение указать выравнивание.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 24. Настройки слайдера

24.1 Сначала убедимся, что в закладке Настройки темы Wecreation Style в блоке Слайдер стоит галочка в чекбоксе. Это значит, что слайдер включен.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

24.2 Стоит обратить на два важных момента. Во-первых, нужно создать 3 поста в одной категории для того, чтобы слайдер заработал. Во-вторых, у картинки в посте должна быть включена функция Использовать как миниатюру. Также у картинки в качестве заголовка должно быть введено название поста. Потом переходим в закладку Параметры -> WP Nivo Slider. Используйте следующие установки.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 25. Портфолио

25.1 Выбираем закладку Медиафайлы -> Добавить новый и выбираем с компьютера файлы для загрузки.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

25.2 После того, как файлы успешно загружены, выбираем закладку Медиафайлы -> Библиотека. Там мы видим только что загруженные картинки. Напротив каждой картинки есть ссылка Прикрепить. Нажимаем на нее.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

25.3 В открывшемся диалоговом окошке делаем активным чекбокс Страница, а в поле поиска пишем Портфолио. Нажимаем Поиск. После того, как страница Портфолио найдена, отмечаем ее в чекбоксе и нажимаем кнопку Выбрать. После этого аналогично прикрепляем все загруженные картинки к странице Портфолио.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

25.4 После этого идем редактировать страницу Портфолио. Там нажимаем на значок Добавить изображение и выбираем закладку Галерея. Выбираем настройки галереи, как на рисунке ниже. Нажимаем Вставить галерею. В пост вставится соответствующий шорткод такого вида:

[gallery link="file" columns="4"]

Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

25.5 Теперь страница Портфолио будет выглядеть так. Для того, чтобы сделать подписи под картинками, нужно в диалоговом окошке Добавить изображение напротив каждой картинки в графе Подпись вписать нужное описание. Нажав на картинку, можно увидеть как работает плагин WP jQuery Lightbox при открытии картинки.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 26. Баннер в шапке

Выбираем закладку Настройка темы Wecreation Style. Выбираем блок Баннер в шапке. Для включения ставим галочку в чекбоксе вкл/выкл. Копируем код, приведенный ниже в соответствующее поле. И потом меняем знак /800/600/http/www.designonstop.com на урл рекламного баннера, титл и урл картинки соответственно. Размер баннера 468×60. Нажимаем кнопку Сохранить.

Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 27. Google Analytics

Выбираем закладку Настройка темы Wecreation Style. Выбираем блок Google Analytics и вставляем в поле код отслеживания, предоставляемый Google Analytics. Нажимаем кнопку Сохранить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 28. Мета теги

Выбираем закладку Настройка темы Wecreation Style. Выбираем блок Мета данные и вписываем сначала несколько ключевых слов, разделенных запятыми в верхнее поле. А потом фразу, описывающую ваш блог, во второе поле. Нажимаем кнопку Сохранить.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

Шаг 29. Шорткоды

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

Используются шорткоды следующим образом. На страничке Редактировать пост есть встроенный блок-подсказка Шорткоды со всеми шорткодами. Вы просто копируете шорткод и вставляете его в тело поста. А вместо фразы Ваш текст здесь вставляете текст, который вам нужно.Пошаговая инструкция по установке премиум вордпресс темы Wecreation Style

В конечном счете после все настроек наш вордпресс шаблон будет выглядеть так.Представляю новый премиум вордпресс шаблон Wecreation Style

www.designonstop.com


Смотрите также

Prostoy-Site | Все права защищены © 2018 | Карта сайта