Подсказка Курса Профессионал

1

 Загрузка и Установка темы.

Вы можете загрузить тему с нашего Курса "Профессионал", или с консоли wordpress управления вашим сайтом.

Никогда не скачивайте темы со сторонних ресурсов, так как там все темы ломанные и в них куча хлама в виде закодированных ссылок и т.д.

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

  1.  Находим "Внешний вид", выбираем "Темы"
  2. В открывшимся окне, вверху слева жмём "Добавить Новую"
  3. Жмём "Загрузить Тему" , "Обзор" и выбираем архив с темой нашего курса "Sydney". Далее жмём "Установить".
  4. После того как тема установилась, в новом окне находим запись (тема установлена успешно) и жмём "Активировать"
  5. Тема "Sydney" установлена и можно приступить к созданию сайта.

2

 Установка предлагаемых плагинов.
  1. Если вы видите что тема предлагает вам установить плагины.
  2. Установите все.

3

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

Заходим в нашу консоль, ищем (наводим курсор) "Плагины" и выбираем "Добавить Новый"
В поиске (окошко - поиск плагинов) копируем название плагина из списка и жмём "Enter"
Находим наш плагин и жмём "Установить", после установки жмём "Активировать Плагин"

  • Page Builder by SiteOrigin
  • Rus to Lat или Rus filename and link translit
  • Black Studio TinyMCE Widget
  • Contact Form 7
  • Easy Facebook Likebox  (не обязательно)
  • Recent Posts Widget Extended
  • SiteOrigin Widgets Bundle
  • Theme Junkie Custom CSS
  • Lightbox plus Colorbox
  • Easy Google Fonts
  • Title Remover
  • Yoast SEO

 

4

Загрузка демо-контента (фото, лого и тд.)

Скачать архив Курс Профессионал
В дальнейшем меняете на свой контент.

Те кто уже приобрёл курс, распаковываем архив, приступаем к работе.

5

Параметры настройки темы (необязательно, но...)
  1. Заходим в консоль, находим "Инструменты" там находим "Импорт" и "Экспорт"
  2. Во вкладке "Импорт" жмём и выбираем если что надо установить на сайт
  3. Во вкладке "Экспорт" можно экспортировать сраницы, рубрики, записи и т.д.
  4. Можно импортировать например Sydney Settings XML
  5. Но можно этим заняться и позже.

6

Как загружать медиа файлы.

Загрузка ваших фото(картинок на ваш сайт) Для того чтобы разместить ваши фото на сайте надо сначала загрузить их в "Библиотеку файлов" на вашем ресурсе.

  1. Консоль > Медиафайлы > Добавить новый
  2. Жмём "Выбрать файл" и загружаем с компьютера.
  3. Можно выбрать сразу группу файлов.

7

Создаём Главную страницу и страницу Блога

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

  1. Заходим в консоль > Страницы > Добавить Новую
  2. В названии пишем "Главная" (можно любое название, но это будет лицо вашего сайта)
  3. Справа в колонке находим "Шаблон" и выбираем > Front Page и жмём "Опубликовать"
  4. Создаём новую страницу и называем "Блог" > Front Page
  5. Жмём "Опубликовать"

Далее устанавливаем эти две страницы как Главную и Блог на нашу тему.

  1. Заходим на наш сайт (в консоли в самом верху наводим курсор на "домик" появится сноска зайти на сайт жмём на неё. Попадаем на сайт. Вверху жмём "Настроить"(настройка темы)
  2. В открывшейся боковой панели слева выбираем "Статистическая Главная Страница"
  3. Отмечаем "Статистическая Страница"
  4. В окошке Главная страница выбираем "Главная" (или то название как вы назвали главную страницу.)
  5. В окошке Страница Записей выбираем "Блог"
  6. Жмём вверху "Сохранить и опубликовать"

8

Настройка слайдера, выбор картинок. Заголовка и Подзаголовка.

Давайте изменим картинки в слайдере (если вам надо)

  1. Жмём "Настроить" (настройка темы) > Header area > Header Slider
  2. Slider speed (скорость листания рисунка 4000 = 4 секунды. я ставлю 6000)
  3. Text Slider speed (скорость листания текста заголовков, я ставлю 8000)
  4. Если поставить одинаковые значения листать слайдер будет синхронно.
  5. Меняем рисунок 1 (2,3,4 делается аналогично) Жмём "Изменить изображение" > (попадаем в нашу библиотеку)Загрузить файлы > (после загрузки выделяем файл галочкой в библиотеке и внизу жмём) "Выбрать изображение"
  6. В "Title for the first slide" пишем Заголовок/Название вашего сайта.
  7. В "Subtitle" пишем Подзаголовок/пояснение вашего сайта.
  8. Жмём "Сохранить и опубликовать"

9

 Изменение темы, опции, настройки.

Здесь я покажу как можно изменять цвет, место положение размер.

Заходим в настройки темы > Font

Font Size (настройка шрифтов)

  1. Можете попробовать изменить любой шрифт и он моментально меняется на ваших глазах.
  2. Например site discription меняем с 16 на 35 и видим ка меняется шрифт (не забывайте исходное значение)

Цвет (изменяем)

  1. Настройки (темы) > Цвета
  2. Цвета меняются тоже на ваше усмотрение я использую код #d63737 на демонстрации, можно изменять кодами, а можно и просто визуально , перетаскиванием ползунка.

Блог (настройка)

I like a different layout for the blog page instead of the default one

  1. Жмём Blog options
  2. Выбираем Masonary (опция краткого текста, запись выводится только первыми предложениями)
  3. Выбираем excerpt length    20  (Двадцать слов будет содержать краткая запись)

Удостоверились что вам нравятся настройки жмём "Сохранить и опубликовать"

10

 Создаём Логотип и Иконку сайта.

Создание логотипа. Вы можете поставить уже готовый свой, или создать заново новый.
Совет: Не используйте чужие лого - это запрещено.

  1. Создать лого можно на сервисе -  Logomakr
  2. В левом верхнем углу в поиске вводим название.
  3. Можно выбрать формат изображения.
  4. Выбирайте то которое вам понравилось.
  5. В правом верхнем углу можно выбрать размер, я советую 50 х50.
  6. Удостоверьтесь, что размер изображения соответствует размеру белого поля.
  7. Можно добавить текст поверх картинки.
  8. Убедитесь, что текст не выходит за пределы белого поля.
  9. Можете поменять цвет, а так же поставить на первый план текст или картинку. В правом нижнем углу.
  10. Когда вас всё устроит нажмите на диск в правом верхнем углу.
  11. В новом окошке выберите всё правильно и сохранить.
  12. В загрузках выбираем наш лого 2х щелчком и сохраняем в png.
  13. Ваш лого должен сохраниться в формате .png

Совет: Можно сохранить одно лого в белом цвете для лого и в чёрном для иконки сайта.

Переходим к загрузке наших лого на сайт.

  1. Настроить > Site/titletagline/logo
  2. В поле "Название Сайта" пишем Наше Название (будет отображаться на главной странице)
  3. В поле "Краткое Описание" пишем О чём Наш Сайт (будет отображаться на главной странице)
  4. Далее в Upload Your Logo жмём выбрать изображение и выбираем наш лого. Например белый. (будет отображаться на главной странице)
  5. Иконка сайта жмём "изменить изображение" выбираем например чёрное лого. (будет видно в браузерах перед названиями страниц вашего сайта)
  6. Жмём "Сохранить и опубликовать"
Настраиваем главную страницу.spers02

Теперь самое интересное. Создаём главную страницу, затем другие страницы сайта, всё объединим.

  • Заходим в нашу консоль управления сайтом > Страницы находим "Главная" и жмём (чуть ниже) "изменить"
  • Будем использовать плагин page builder to build для конструкции наших страниц.

11

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

Первая секция это секция Услуг, вот её и создадим.

Переходим на страницу "Главная" и жмём "изменить"

  1. В редакторе видим - визуально-текст-Page Builder   Жмём на Page Builder и попадаем в редактор плагина.
  2. Находим  и жмём "Добавить Строку"  
  3. В новом открывшимся окне выбираем количество полей 1 .
  4. В правой колонке выбираем "Тема". В border color вставляем #e0e0e0, смотрим ниже в Row Layout  выбираем Full Width
  5. Далее добавляем виджет   Sydney FP: Services

12

 Создаём секцию  Call to Action

Секция call to action очень важна для страниц сайта. Давайте её создадим.

  1. Заходим на страницу "Главная" > изменить > PageBuilder
  2. Жмём "Добавить Строку.
  3. Жмём "Опубликовать"
  4. Выбираем количество полей 1. > "Вставить"
  5. Слева в колонке жмём "Тема" и пишем  50 в поле  top/bottom padding
  6. Выбираем в background color код  #252525 вставляем картинку в background image
  7. Далее в Row Layout and выбираем Full Width
  8. Жмём "Выполнено"
  9. Далее выбираем нажимаем на нашу строку (она выделиться,чуть потемнеет) и жмём "Добавить Виджет" и выбираем среди виджетов  "Конструктор макетов"
  10. Виджет установлен. Жмём на "редактировать". Откроется редактор виджета.
  11. Жмём "добавить строку" и кол-во полей выбираем 1.
  12. В  background color вставляем код: #d65050 -> "Выполнено"
  13. Далее "добавить строку" и делаем 2 одинаковых поля.
  14. Добавляем в каждое поле виджет Sydney FP: Call to Action
  15. В левом жмём "редактировать", откроется окно в поле Title пишем “Посмотрите нас”
  16. В поле link to the button, пишем URL ссылка на страницу. Например URL: “http://www.yourwebaddress.com/employees”
  17. В поле button text, пишем “Наша команда”
  18. Жмём "Выполнено"
  19. В правый виджет > "редактировать" > в Title пишем “Что говорят о нас”
  20. Добавляем  URL: “http://www.yourwebaddress.com/about”
  21. И в button text, пишем “О нас”
  22. Жмём "Выполнено"
  23. Жмём "Опубликовать" > посмотреть страницу.

Можно вставить в Атрибуты в background-color:       rgba(0,0,0,0.3);         into the attributes section of each call to action (edit > attributes)

**Мы создадим страницы для этих кнопок позже, и можно будет поменять url. **

13

 Создаём секцию Поста Блога

Я считаю, что каждый сайт должен иметь секцию своих последних записей. Вот её и создадим.

  1. Заходим на "Главную" > редактировать.
  2. "Добавить строку"
  3. Жмём настройки строки (справа вверху)
  4. В настройка макета поле  1.
  5. Нажать "Обновить"
  6. Выделяем строку и "Добавить Виджет" выбираем:  Sydney FP: Latest News
  7. Жмём "редактировать" и пишем в Title : “Последние записи”
  8. "Выполнено" > "Обновить"
    Далее в "редактировать строку" > "тема" > row layout выбираем - Full Width Stretched (во всю страницу развёрнуто)
  9. Жмём "Выполнено" / "Обновить"   И "посмотреть страницу".

** Не переживайте) пока у нас не создано ни одной записи в Блоге в секции ничего не будет! **

14

 Создаём другую секцию Call to Action

После шаблона который я вам показал, я хотел бы показать как ещё можно зайти на ваш сайт.  Это очень важно, так как мы можем направить посетителей  сайта так, как мы этого захотим.

  1. Заходим на "Главную" > "редактировать страницу"
  2. И как всегда "Добавить Строку"
  3. Жмём (над строкой справа ка ключ и выбираем) "Редактировать Строку"
  4. Выбираем в "Настройка Макета" поле 1.
  5. Далее жмём "Тема" и добавляем: 30  в  top/bottom padding
  6. В  background color вставим код #252525  далее в background image вставляем картинку.
  7. В Row Layout  выбираем Full Width
  8. Жмём "Выполнено"
  9. Выделяем строку, жмём "Вставить виджет" выбираем  Sydney FP: Call to Action widgets
  10. Нажимаем "редактировать"
  11. Вставляем в  Enter your call to action, надпись: “Мы любим то что делаем. Посмотрите отзывы наших клиентов”
  12. Вставим ссылку в кнопку, вы можете вставить сюда любой URL (ссылку) и поменять его в последствии. В дальнейшем сделаем страницу "Отзывов наших клиентов" URL: “http://www.yourwebaddress.com/success-stories”
  13. Вставляем в button text, надпись “Отзывов наших клиентов”
  14. Проверьте как работает кнопка.
  15. Жмём "Выполнено"
  16. "Опубликовать" и "Посмотреть Страницу"

**Скоро мы создадим страницу для этой кнопки**

15

 Создаём секцию Социальных Медиа Кнопок

Сейчас я покажу как сделать секцию соц медиа кнопок. Обязательно её делать на каждой странице вашего сайта.

  1. Открываем любую страницу, "Добавить строку", настройка макета: 1. > "Вставить"
  2. Жмём "Редактировать строку" > "Тема" и пишем: 10 в top/bottom padding
  3.  В background color вставляем:  #1c1c1c    и выбираем Full Width  в  Row Layout
  4. Жмём "Выполнено"
  5. Далее выделяем строку и жмём "Добавить Виджет" и выбираем:  SiteOrigin Social Media Buttons
  6. Жмём "редактировать"
  7. Далее жмём  Add и добавляем те соц сети которые вам надо.
  8. Then click to expand each social media section and select the social media you want
  9. Добавляем  URL (ссылки ваших страниц)
  10. Выбираем цвет иконки в icon color  #ffffff и цвет кнопки #252525  в background color
  11. Настроить дизайн кнопки можно в: +disign and layout
  12. Выбираем FLAT в button theme, NORMAL    в  icon size, SLIGHTLY ROUND   в  rounding, Low  в  padding, Align - Center Low   в  Margin
  13. В preview можно посмотреть как будет кнопка выглядеть.
  14. Жмём "Выполнено" > "Обновить" > "посмотреть страницу"

**Помните эту секцию надо делать для каждой страницы. Наша студия TarLiCom никогда не использует для этого виджеты футера, так как они там выглядят очень не красиво. Эта секция занимает немного вашего времени, но выглядит очень красиво.**

16

 Создаём страничку "О нас"
  1. Заходим в консоль управления сайтом > Страницы > "Добавить новую" ,( или находим в веру     "+ Добавить" > "Страницу")
  2. Называем страницу  "О нас"
  3. Далее "Добавить Строку"  > "Редактировать Строку" >  в настройка макета : 1.
  4. Жмём далее "Тема"
  5.  Вписываем :  50    в   top/bottom padding
  6. Далее в  background image   выбираем и устанавливаем картинку.
  7. В    row layout and   выбираем   full width
  8. "Выполнено"
  9. Выделяем строку (лкм в любом месте) и далее "Добавить Виджет" среди виджетов выбираем:   SiteOrigin Headline
  10. Жмём "Редактировать" и в открывшимся окне пишем название  “О нас”  и  жмём  "Выполнено" >"Обновить"
  11. Далее "Добавить Строку"  и в поле макета: 1.
  12. Далее "Редактировать Строку" >  "Тема"  >  вписываем 40px  в   top/bottom padding  > "Выполнено"
  13.  Выделяем строку > "Добавить Виджет" и выбираем    Visual Editor (Редактор)
  14. Можете написать тут всё что хотите, можно о себе, о сайте, о бизнесе и т.д
  15. После того как напишите, можно нажать "Выполнено"
  16. Далее "Добавить Строку" в поле как всегда ставим : 1.
  17. Жмём "Редактировать Строку" "Тема" и вписываем:   30px   в    top/bottom padding , а в   background color  вставим код:   #d65050    в  row layout   выбираем Full Width – жмём "Выполнено"
  18. Выделяем строку  > "Добавить Виджет" и выбираем:    Syndey FP: Facts
  19. Нажимаем "Редактировать" и вписываем наши данные: ( смотрите по виджету скрин) или видео урок. Настройка простая.
  20. Жмём "Выполнено"
  21. Далее "Добавить Строку" выбираем поле : 1. – "Добавить Виджет" и выбираем Sydney FP: Call to Action
  22. Жмём "Тема" и вписываем  30px  в:   top/bottom padding
  23. Далее в   background color  вписываем код:  #252525  и выбираем   Full Width    в:   Row Layout
  24. Жмём "Выполнено" и   "Обновить" можно "посмотреть страницу"
  25. Далее выделяем строку "Добавить Виджет" и добавляем:   Sydney FP: Call to Action
  26. Жмём "Редактировать". Для демо сайта мы используем “Не ждите, начните зарабатывать вместе с нами.” вставим нашу ссылку в:  link for the button “http://www.tar-li.ru/contact-us” (Скоро мы сделаем эту страницу). Название кнопки "Контакты"
  27. Галочку в  display inline with text  НЕ СТАВИТЬ!!!
  28. Жмём "Выполнено"
  29. Далее я советую вставить секцию с социальными кнопками.
  30. Жмём  "Выполнено"  >  "Обновить" > "посмотреть страницу".  Вам нравиться??? Отлично!!!

17

 Создаём страницу Сотрудников

Эта страничка Команды или сотрудника. Вариант 1.

Консоль > Страницы > Добавить новую > называем "Наша команда"

  1. "Добавить Строку" и в поле макета выбираем : 1.
  2. Выделяем строку, "Добавить Виджет" выбираем:   Sydney FP: Employees
  3. "Редактировать" называем: “Наша Команда”
  4. В окошке:  For number of employees,  пишем:   -1
  5. "Выполнено"
  6. Жмём   "Обновить"

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

Если вы хотите иметь такую страницу "Наша команда" с названием вверу надо создать другую страницу. Вариант 2.

Можно сделать слайдер.

Мы советуем: разместить эту страничку в главном верзнем меню.

  Вариант 2

  1. "Добавить Строку" выбираем в поле макета: 3. Три одинаковых поля. >  "Выполнено"
  2. Выделяем крайнее левое поле, > "Добавить Виджет" выбираем виджет "Редактор"
  3. "Редактировать" , "Добавить медиафайл" выбираем картинку, фото сотрудника, жмём "Enter"
  4. Курсор переместится на строку ниже.
  5. Пишем ФИО сотрудника, жмём "Enter"
  6. Пишем должность (менеджер, редактор,и т.д.)
  7. Выделяем всё, картинку и надписи и жмём "По центру"
  8. "Выполнить"    >   "Обновить" 
  9. Далее, выбираем крайний левый (поле) виджет и жмём "Копировать" 3 раза.
  10. Получилось 3 по высоте.
  11. Берём и перетаскиваем второй во второе(среднее) поле.
  12. Перетаскиваем третий в правое поле.
  13. Должно получиться три одинаковых виджета на одной строке!
  14. В среднем жмём "редактировать" и меняем фото и надписи.
  15. То же самое и с правым виджетом.
  16. "Выполнено"  >  "Обновить" >  "посмотреть страницу"

**Если у вас сотрудников много, то делаем вариант 2 несколько раз.**
**Советую вставить вниз страницы секцию социальных кнопок (урок по соц кнопкам)**

18

 Создаём проект Портфолио.

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

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

  1. Консоль  > "Страницы""Добавить новую"
  2. "Добавить строку" >  выделяем строку "Добавить виджет", выбираем виджет - "Редактор"
  3.  Вписываем в  title : “Портфолио”
  4. Жмём "Добавить Медиафайл" , выбираем "Создать Галерею" в правой колоне вверху.
  5. Выбираем файлы и жмём "Создать Новую Галерею"
  6. В настройках редактирования выбираем количество колонок 3 и "средний".
  7. Не забывайте подписывать ваши фото-файлы.
  8. "Вставить Галерею"

Если хотите что то поменять жмём на любое фото и появиться значёк "карандаш", жмём и меняем как вам нравиться.
"Консоль" > "Внешний вид" > lightbox plus colorbox > settings  выбрать ---> “use for wordpress” (смотрим видео курса)

19

 Создаём страницу Контактов
  1. Консоль > Страницы  > Добавить новую
  2. В title вписываем "О нас"
  3. "Добавить строку" > "Редактировать строку"  >  в поле макетов : 1.
  4. Жмём "Тема"
  5. Вписываем   50     в   top/bottom padding
  6. В   background image   выбираем и вставляем картинку.
  7. В   row layout   выбираем   full width
  8. Жмём "Выполнено"
  9. Выделяем строку  >  "Добавить виджет"  выбираем виджет:  SiteOrigin Headline
  10. "Редактировать" виджет и в   title    пишем   “Контакты”  > "Выполнено".
  11. Далее "Добавить строку" в поле макета: 1.
  12. Жмём "Тема" и вписываем  50px   в   top/bottom padding   > "Выполнено".
  13. Далее, "Добавить строку", в поле макета: 2.
  14. Поля делим 70: 30 (жмём enter - сохранить).
  15. Выделяем левый  > "Добавить виджет" > выбираем:   "Редактор"
  16. Жмём "копировать" виджет и перемещаем в правую сторону(туда где 30%)
  17. Жмём "редактировать" в левом виджете.
  18. Вписываем "Адрес" (почтовый) ,жмём enter перемещаемся на строку ниже.
  19. Жмём "горизонтальная линия" (функции редактора верхняя строка)
  20. "Выполнено"
  21. Выделяем левое поле и "Добавить виджет"
  22. Выбираем:    SiteOrigin Google Maps
  23. "Редактировать" в виджете  Google Maps
  24. Вписываем ваш город. Например у меня : Россия , Санкт-Петербург
  25. Ширину ставим 250.
  26. Сохраняем "Выполнено"

**Далее я покажу как вставить контактную форму обратной связи с нашими посетителями.**
** Используем плагин Contact form 7

  1. Выделяем правое поле. > "Добавить виджет"  вставляем "Редактор"
  2. Заходим в плагин Contact form 7 и копируем код контактной формы №1.
  3. В правом виджете "редактировать" и вставляем код формы обратной связи.
     
  • Всё сохраняем.
  • Совет: Обязательно вставьте вниз  секцию социальных кнопок.
  • В конце не забываем нажать "Опубликовать"

 

20

 Создаём страницу Отзывов.

На этой странице будем создавать "клиентов" их "свидетельства"(текст) и "видео-свидетельства"

Первое что мы создадим это конечно новая страница  "Отзывы"

  1. Консоль  Страницы  >  Добавить новую
  2. Название "Отзывы наших клиентов"
  3. "Добавить строку" в поле макета: 1.
  4. "Редактировать строку"  > "Тема"
  5. Вписываем 40 в Top/bottom padding, в  Row Layout выбираем full widht  >  "Выполнено"
  6. "редактировать" в виджете , вписываем название "Отзывы наших клиентов"
  7. "Добавить строку"  > в поле макета 2 .
  8. "Редактировать строку " > "Тема" > в  Bottom Border Color пишем код:  #d63737  > "Выполнено"
  9. "Обновить"
  10. Выделяем левую часть > "Добавить виджет" > выбираем виджет: Site Origin Video Player
  11. "редактировать" > отмечаем: Externally hosted
  12. в url всавляем ссылку на видео (например на youtube)
  13. Отмечаем :  Use oEmbed
  14. Всё сохраняем. "Выполнено" > "Обновить"
  15.  Копируем виджет из левой в правую часть строки.
  16. "Редактировать" в правом виджете и меняем ссылку.

Всё сохраняем и жмём "Опубликовать" > посмотреть страницу.

Далее вставим текстовую секцию с фото и описанием отзыва.

  1. "Добавить строку" > поле макета: 2.
  2. "Редактировать строку" >  поле макета 2 , левая 30, правая 70.
  3. В левой мы поместим фото нашего клиента, в правой его отзыв.
  4. Выделить левую часть, >  "Добавить виджет"  > выбираем виджет:   "Редактор" > "Выполнено" > "Обновить"
  5. "Копируем" виджет и перемещаем в правую сторону строки.
  6. "Выполнено" > "Обновить"

Добавляем секцию наших клиентов.

  1. "Добавить строку" > поле макета  5.
  2. "Редактировать строку" >  в  Top/bottom padding    вписываем:   30
  3. В   Row Layout  выбираем    full widht
  4. "Выполнено" "Обновить"
  5. Выделяем крайнюю левую область >  "Добавить виджет"  >  выбираем: "Редактор" > "Выполнено" > "Обновить"
  6. "копировать" виджет 4 раза >  переместить на 2,3,4,5 поля на строке.
  7. Крайний левый виджет  "редактировать"
  8. "Добавить медиафайл"  вставляем логотипы наших партнёров (лого есть в файлах курса) ставим по центру.
  9. Далее редактировать остальные виджеты в строке, меняем картинки

  Добавляем секцию Call to Action

  1. "Добавить строку" > "редактировать строку"  > в поле макета  1.
  2. "Тема"   вписываем :  10  в Top/bottom padding   , в  Background Color  ставим код:  #252525   ,  в Row Layout выбираем full widht
  3. "Выполнено"   "Обновить"
  4. Выделить строку    "Вставить виджет"  выбираем виджет: Sydney FP: Call to Action
  5. "редактировать"  в Enter your call to action пишем "Начните создавать сегодня, сейчас!"
  6. В  Link for the button вставляем ссылку  например: http://www.tar-li.ru/contact-us
  7. В  Title for the button текст кнопки: "Жми"
  8. "Выполнено" > "Обновить"

**Не забываем вставить вниз секцию социальных кнопок**

21

 Создаём Запись Блога

  1. Консоль >  Записи  >  Создать новую
  2. Пишем название(какое хотите)
  3. Пишите о чём хотите, запись всегда можно редактировать или удалить.
  4. Я ставлю как "стандарт" (колонка справа)
  5. Для записей можно добавлять категории (это упростит пользователям ориентироваться в ваших постах)
  6. Добавляйте изображения прямо в редактор, можно добавлять в миниатюру( правая колонка внизу)

Все ваши записи автоматически появятся в "Блог", а так же на главной страничке в "последние новости"

22

 Выбираем настройки Комментариев.

Е сли вы хотите что-бы посетители оставляли комментарии , мы сейчас их настроим.

  1. Консоль   > Настройки > жмём "Обсуждения"
  2. У вас должно быть разрешено оставлять комментарии к вашим статьям.
  3. Коментатор должен оставлять email  и имя(обязательно) можно телефон.
  4. НЕ СТАВТЕ!  галочку там где написано, что пользователь должен быть зарегестрирован.
  5. Поставте галочку там , где говориться "поставить на модерацию если в комменте более 1 ссылки" иначе вас завалят ненужными ссылками.
  6. Я всегда отмечаю галочкой    " одобрить коммент вручную" и вам советую.
  7.  Жмём "Сохранить изменения".

Смотрите БЕСПЛАТНЫЕ видео уроки Студии TarLiCom там есть - Настройка WORDPRESS.

23

 Настроим секцию Виджетов.

Мы будем настраивать наш Сайдбар, виджеты в нём. Сайдбар у нас будет только в Блоге и на каждой странице записей.

Для таких как Фейсбук, ВК, Ютюб мы установим плагины отдельные.
Если вам какие-то не нужны, то можно не устанавливать. Сайдбар очень гибкое место, можно настроить по своему желанию.

Переходим на страницу Плагинов (Консоль > плагины > добавить новый > выбераем в окошке потска: “Easy Facebook Likebox” > Enter
Плагин загрузился, жмём "активировать плагин".

Теперь мы можем настроить наш плагин для Facebook.

  1. Консоль > Внешний вид  >  Виджеты
  2. Справа видим наш “Sidebar” .  Виджеты будем располагать именно тут.
  3. Первым находим  Easy Facebook Likebox в левой колонке с виджетами, Нажимаем и не отпуская перетаскиваем в наш Сайдбар.
  4. Теперь первым делом надо вписать(скопировать url)
  5. Скопируйте с вашей странички в фейсбуке и вставте https://www.facebook.com/profile.php?id=100010277267345 (notice there is no / at the end of the URL)
  6. Ширина  250
  7. Добавляем  ( show face  и  responsive)
  8. "Сохранить"

Теперь добавим виджет Twitter если вам надо и он вам нужен.

  1. Находим виджет "текст" и перетаскиваем в Сайдбар. Заходим на twitter аккаунт и нажимаем на фото, выбираем "настройки".
  2. На левой стороне Вы будете видеть,  ваши параметры настройки> нажимаем на Виджеты  > добавить новый
  3. На следующей странице жмём Create Widget
  4. Видем ссылку ниже twitter > копируем.
  5. Заходим в наш виджет(текст)
  6. Вставляем скопированное в поле текст.
  7. И затем возьмите этот кодекс ниже и замените все ПЕРЕД “href”
  8. <a class="twitter-timeline" width="250" height="500"
  9. Это сделает его ширину как у виджета facebook.
  10. "Сохранить"

Последний виджет ,Группа в ВК. Для русскоязычных сайтов это главный виджет. (моё мнение)

  1. Переходим на группу в контакте >  копируем URL.
  2. Далее в самом низу находим  "Разработчикам" жмём.
  3. Выбираем "Подключение сайтов и виджетов" жмём.
  4. Выбираем "Сообщества" жмём.
  5. Ссылка на страницу вставляем (то что копировали раньше  URL вашей группы)
  6. Выбираем "Участники"
  7. Ширина 250 (или как у facebook)
  8. Копируем код целиком .
  9. Заходим в наши виджеты  > перетаскиваем в сайдбар виджет "текст".
  10. Вставляем в него наш код с ВК.
  11. Сохранить.

 

24

 Делаем Главное (верхнее) меню.
  1. Консоль  >   Внешний вид  >  Меню
  2. В окошке пишем "верхнее меню"  (Primary)
  3. Убедитесь что вы используете именно верхнее меню.
  4. Перетяните те страницы которые считаете важными.(страницы слева) ставим галочку > добавить в меню.
  5. Я рекомендую: Главная, О нас, Наша команда, Портфолио, Блог,  Контакты.
  6. Сохранить.

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

И конечно можно добавить любые страницы.

25

Изменяем надпись в Футере (подвале)

В этом разделе надо быть очень осторожным!!!

Помните!!! Если вы удалите хоть 1 знак в html коде то вся ваша работа будет напрасна.

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

Меняем надпись на вашу.

  1. Консоль > Внешний вид > жмём "редактор"
  2. Находим Footer.php (Подвал) в правой колонке. (Шаблоны)
  3. Жмём, у нас открывается код футера.
  4. Очень аккуратно!!! МЕНЯЕМ ТОЛЬКО ТО ЧТО Я ПОКАЖУ!!!
  5. Удалить/ менять можно только то, что выделено!!!
<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the #content div and all content after
 *
 * @package Sydney
 */
?>
 </div>
 </div>
 </div><!-- #content -->

 <?php if ( is_active_sidebar( 'footer-1' ) ) : ?>
 <?php get_sidebar('footer'); ?>
 <?php endif; ?>

 <a class="go-top"><i class="fa fa-angle-up"></i></a>

 <footer id="colophon" class="site-footer" role="contentinfo">
 <div class="site-info container">
 <a href="<?php echo esc_url( __( 'http://www.tar-li.ru', 'sydney' ) ); ?>"><?php printf( __( 'Все права принадлежат %s', 'sydney' ), 'TarLiCom 2016' ); ?></a>
 </div><!-- .site-info -->
 </footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>

</body>
</html>

Сохранить.

Зайдите на сайт и посмотрите.
P.S. в теме могли быть изменения разработчиков, поэтому если у вас что то не получилось смотрите скрин сайта студии.
Пишите нам! Мы поможем !! Бесплатно!!!

26

Добавим  Custom CSS

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

Следуйте за мной и мы добавим коды css:

  1. Консоль > Внешний вид  > Custom CSS
  2. Вставляем код:
.widget_sydney_latest_news .roll-button {
 display: none;
}
body > .preloader{ display: none; }
.widget-area .widget {
 padding-top: 0;
}
.site-info {
 text-align: center;
}

Жмём "Сохранить"

27

 Перелинковка.
  1. Консоль > настройки > общие
  2. Там где пункт: wordpress address –  https://tar-li.ru  (вы пишете свой)
  3. Адрес сайта –  https://tar-li.ru (вы пишите свой)
  4. "Сохранить изменения"

Меняем для Блога страница записей.

  1. Консоль > настройки > написание
  2. Основная рубрика  > "Блог"
  3. Основной формат записи   "Стандарт"
  4. Рубрика по умолчанию для публикации по почте    "Блог"
  5. Сервис обновления   http://rpc.pingomatic.com/
  6. Можно добавить ещё ссылок на сервисы, Будет только лучше.
  7. "Сохранить  изменения"

 

Вот и всё!!! Поздравляем Вас. ТЕПЕРЬ У ВАС СВОЙ САЙТ.

Наша команда поздравляет Вас от имени студии TarLiCom. Просим вас поставить лайки, добавиться в друзья в ВК и на каналах YOUTUBE.