Блог

И так, продолжим. Сегодня у нас первый шаг — это написание статей для вашего сайта. Вы уже этим занимались. Мы продолжаем. Мы закончили на том плане статей, что у нас мы сделали статьи. Замечательно! Но мы не заполняли картинками.
И ещё момент,  у нас вся статья вот небольшая и она вся выводится в общей ленте. Не очень красиво. Особенно, если статья будет большая, то будете такое очень большое полотно. Поэтому нам нужно научиться сокращать статьи.
Поэтому мы заходим в админку в «записи». Находим последнюю статью и разместим подготовленную картинку симпатичную. Без фоток статьи очень мало кто воспринимает хорошо. Загрузили. Помните, что желательно прописывать Alt картинки. Может быть, как и заголовок на русском пишем его.

Картинку поставили по левой стороне и полный размер. Обновили. Смотрим, что у нас получилось. Обновляем.

И вот уже так теперь мы сократим, чтобы нам показалась не такая большая статья. Визуально Вы видите, что хорошо сократить после слова «желание» в статье и будет полноценно смотреться. Мы заходим находим слово «желание» и нажимаем Enter. У нас получается пустая строка. И у нас в админке есть такая кнопка, как вставить тег «далее».

Нажимаем и вставляется такая полоса.

Это команда для cms системы нашей вордпресса сделать кнопку «далее». Все, теперь более сокращённое. Чтобы и прочитать, нам нужно нажать или на заголовок, или на «читать далее».

Все, тут у нас полноценная статья. Визуально это уже гораздо симпатичнее. С этим мы закончили на сегодня.

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

Второй вариант. Если уж совсем не знаете, что писать, находите другие статьи на других сайтах по своей тематике. К примеру, если вы занимаетесь рыбалкой или сайт у вас по рыбалке, то Вы пишите там только рыбалке или какой-то конкретный вопрос по рыбалке. Заходите на те статьи, которые там уже есть. Они должны быть сразу интересны вам.

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

Третий вариант для самых ленивых, но или для тех, кто ценит свое время. Тут, как вам уже удобней. Есть биржа копирайтинга. Вот так это вот https://advego.com/ .

Как они себя презентуют advego.ru — это биржа контента №1.

Что Вам необходимо сделать? Вы регистрируетесь, вводите свой email, введите псевдоним (ник). Он Вам всё подсказывает. И нажимаете «зарегистрироваться».

Потом подтверждаете все это в письме почты. И в итоге вы зайдёте в свой личный кабинет. Сейчас я вам покажу уже, как это всё происходит. В данный момент, мы с вами учим вас работать с текстами. Как их можно писать? Откуда их брать? Как их проверять на уникальность? Где их можно быстро и доступно купить? Вот на этой бирже Вы можете работать и зарабатывать деньги также.

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

Но мы с вами разберёмся, как купить статью. Пока не забыла. Важный момент, мы зарегистрировались и вам на почту пришли доступы. Очень важно, чтобы Вы сохраняли все данные в блокнот систематизации. Думаю, что вы будете пользоваться этой биржей. Это очень удобно! Не нужно тратить время на написание статей. Зашли, отфильтровали, что вам необходимо, и купили. У вас уже есть классный уникальный текст.

Зачастую тут все копирайтеры профессиональные. Чем дороже стоимость, тем лучше статья. Вы зашли в магазин статей, чтобы купить статью, и пишите там, что вам необходимо в строке поиска. Например, «создание сайтов». Фильтруйте. Система ищет. Нашлись статьи со словосочетанием «создание сайтов».

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

Всем советую, чтобы в статье было от 2000 символов минимум. Это количество символов хорошо воспринимается поисковой системой.

Вы находите потом статью, нажимаете «купить» и там дальше Вам будут подсказывать. Надо будет пополнить счёт. То есть вернёмся для того, чтобы купить эту статью. Но нам нужно пополнить баланс. Заходим. Я думаю, что Вы уже не раз во время обучения сталкивались с небольшим пополнение счетов. Пополняйте удобным для вас способом. И все.

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

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

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

Переходите к следующему уроку: Устанавливаем плагин Карты сайта

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

Переходим по ссылке unisender.com . Сразу скажу, что он бесплатный. Как я говорила вначале, я акцентирую на том, чтобы мы не вкладывали лишних никаких средств. Размер базы до 100 человек и до полутора тысяч писем. Все бесплатно.

Мы регистрируемся.

Ждём на почту письмо. Вот письмо пришло.

Переходим. Активируем аккаунт. Он обязательно просит ввести свои личные данные. Водим корректные данные.

Все! У нас уже есть сформированный личный кабинет.

Тут есть ребята, которые готовы нам помочь. Вот. И можно задавать свои вопросы.

Но для начала нам нужно создать форму, которую мы вставим вот сюда вот сбоку на сайт.

Как мы это делаем? Во вкладке «инструменты» мы создаем «форму подписки». Заходим в «инструменты» в «форма подписки» и выбираем «создать новую форму».

Инструмент серьёзный, поэтому дайте ему время прогрузиться. Он нам тут рассказывает, куда это все будет добавлено?

Как это все будет работать? И вот уже сформирована наша изначально форма. Мы можем оставить так как есть. Можем добавить какие-либо ещё поля. Можем корректировать по стилю. К примеру, если нам вот необходимо изменить кнопку «подписаться», то нажимаем на шестеренку.

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

Шрифт побольше и поменьше. Вместо «подписаться», Вы можете написать «подписаться срочно». Раз и текст поменялся. Все настраивается. По факту, методом тыка Вы все можете изменить. Именно визуально это все несложно.

Аналогично, поля: email, любой текст пишем, любое значение, любой цвет фона. Цвет фона я Вам не советую менять. Классно, когда он вот такой прозрачный. Я не знаю, что еще можно сделать. Ширина поля. Всё что угодно можно поменять. Но высоту элемента давайте поставим 50.

Можно в начале вообще не тратить на это время. Не заморачиваться с формами. Главное, чтоб она работала. Свернули. Нажимаем «сохранить».

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

Если вдруг что-то там потеряется,  просто вот у сбоку пишите службе поддержки. Эту форму как «форма 1» для наглядности сохраним. Нажимаем «сохранить» и «получить HTML код». Получили и скопируйте.

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

Куда мы его вставляем? Заходите на наш сайт в админку. Выбираем «внешний вид», затем «виджеты». Вы уже знаете, что нам нужна вкладка «текст». Мы берём перетаскиванием на самый верх, к примеру, нажимаем «подпишитесь». «Текст» и «заголовок» можно какой угодно. Вставляем наш код обязательно во вкладочку «текст». Нажимаем «сохранить». Обновляем.

Наша форма есть. Все работает. Нажимаем «сохранить».

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

Что мы делаем? Мы возвращаемся в форму подписки, в «контакты» в «списки контактов» и когда мы заходим в нашу рассылку, в самом низу появляется «инструменты подписки и отписки».

Вот и здесь нам нужно подписать тему. Вот это вот такая базовая. Как называется ваш сайт? Как называется ваш блог? Как называется? Заполняем эти поля. Тема письма базовая сейчас. Мы делаем базовые настройки.  Нажимаем «сохранить». Мы пишем тот э мэйл, от которого вы так регистрировались и будете слать письма. Сохранили и теперь все должно работать.

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

Подписчик должен подтвердить подписку у себя на почте. Мы подписались, в качестве эксперимента и поэтому подтверждаем подписку по ссылке  «подтвердите рассылку».

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

Все! Я поздравляю вас с вашим первым подписчиком. Аналогично! Если вы теперь зайдёте в «контакты» и «список контактов», то у вас будет два эмайла. Вот это тот, с которого Вы регистрировались и с которого Вы подписались. У меня контактов чуть больше.

Очень удобно. Сейчас нам нужно было сделать просто вот эту форму. Дальше мы будем корректировать. Если у Вас форма чуть-чуть подскочила, то надо сверху сделать форму по высоте чуть больше.

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

Переходите к следующему: Наполняем сайт статьями

И так! В этом уроке мы разберем, как вставить баннер на ваш сайт? Причем этот навык Вам нужен будет для того, чтобы ставить баннера партнеров для заработка на своем сайте . Допустим у вас есть какая-то услуга и вы можете сбоку на всех страницах вашего сайта поставить баннер, который будет говорить о вашей услуге. Также вы можете рекламировать кого-либо другого за деньги или по партнерской программе. Сейчас мы отрабатываем навык для этого. Мы подготовили для вас баннерок, который легко вставить. Вот он здесь находится.

<a target=»_new» href=»https://timeweb.com/ru/?i=37864&a=166″><img style=»border:0px;» src=»https://wm.timeweb.ru/images/posters/300×250/300×250.jpg»></a>

И сейчас покажу визуально как он выглядит. Он выглядит вот так. Мы сделали таким образом, что Вы просто вставляете код и баннер уже появляется у вас на сайте.

Мы копируем вот этот код

<a target=»_new» href=»https://timeweb.com/ru/?i=37864&a=166″><img style=»border:0px;» src=»https://wm.timeweb.ru/images/posters/300×250/300×250.jpg»></a>

Заходим в админку сайта.

И что нужно сделать? Во «внешний вид» в «виджеты». Нужно зайти в боковую колонку. Вот у нас, в данный момент, это боковая колонка главной и боковая колонка записей. У вас это может быть или главная, а единая боковая колонка.

Что нужно вставить? Нужно идти. Слева внизу здесь «текст» и перетащите его в нужном поле

в боковой колонке

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

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

Баннер появился.

 

Мы на него нажмем и сайт откроется в новой вкладке.

Важный момент, если вдруг у вас вот этот баннер не помещается в вашу боковую колонку, то мы заходим опять же в «виджеты» и во вкладку «текст». Текст у нас виден и его размер 300 на 300 пикселей, К примеру, Вы можете сделать 250 на 250. Сохранить. Обновляем. И он станет чуть меньше, если это вам необходимо.

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

Если вдруг вы все сделали и казалось бы по инструкции всё правильно, но по какой-то причине баннер не появился, обратите внимание, что может стоять Adblock (блокировщик рекламы). И Adblock может действительно блокировать этот баннер и вы его не будете видеть. Обратите внимание. Посмотрите.

И если вдруг что-то не получилось, пишите в службу поддержки.

Переходите к следующему уроку: Создаем рассылку и подключаем ее к сайту

Итак, продолжаем. Сейчас мы с вами установим счетчик посещаемости от liveinternet.ru. Что это такое? Это инструмент, с помощью которого вы сможете получать информацию о том, сколько людей посетило ваш сайт, в какой промежуток времени и откуда. И ещё кучу кучу других статистических данных. Это один из инструментов аналитики.

Что нужно сделать?

Мы переходим по ссылочке liveinternet.ru  . Загружаем.

Нам понадобится вот в левом верхнем углу две кнопки: «получить счетчик» и «в статистику».

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

Сразу копируем адрес сайта. Синонимы не заполняем. Название сайта пишите на свое усмотрение или просто адрес сайта без каких-либо символов. Вставьте свой email. Пишите пароль, который Вам нравится. Повторяйте его. Заполняйте ключевые слова.

Например, Вы можете почитать о чем именно: «ключевые слова – это слова, описывающие ваш сайт«. Пишите их через пробел или запятую. Например, если сайт о создании сайтов, то можно написать: «как сделать сайт самому», «как сделать сайт самостоятельно» «хочу сделать сайт». Пишите 5-10 своих запросов на ваше усмотрение. Если вы занимаетесь рыбалкой, пишите слова про рыбалку.

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

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

Так, далее нажимаем «дальше». Проверяем, чтоб все данные были верные и нажимаем «зарегистрировать».

Выбираем «получить HTML код счетчика»

И тут нам нужно выбрать тот, который нам внешним больше всего нравится.

Я вам советую выбирать вот такой вот, небольшой.

Можно выбрать любой на свое усмотрение. Можно совсем вот такого малыша.

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

Идём в самый низ. Нажимаем «получить HTML код счетчика».

Все он у нас есть. Показано, как будет выглядеть. Мы копируем вот этот код выделяем и нажимаем Ctrl+shift или правой кнопкой «копировать».

Далее переходим на наш сайт в админку в другой вкладке. Нам нужна категория «внешний вид». Выбираем «виджеты». И нам нужно выбрать категорию виджета «текст» (произвольный текст или html-код). Мы его должны перетащить в удобное для нас место сразу.

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

Первое — это хедер сайта. Вот эта верхняя часть. Так называемая шапка.
Это футер сайта — это низ сайта, «подвал» ещё по-другому называется.
И это sidebar — это вот правая наша колонка. Она бывает левая и правая.

И так нам нужно сначала создать этот текст. Я вам советую размещать в футере. Всегда статистика размещается в футере. Мы просто берем и перетаскиваем текст в нашу нужную колонку, к примеру, в Footer Left. Мы называем его «статистика» и вставляем сюда код, он у нас уже был скопирован. Нажимаем «сохранить».

Сворачиваем. Проверяем, что у нас получилось. Обновить. Листайте вниз. Смотрим, статистика аккуратненько на белом фоне. Симпатично! Я вам советую перенести ее просто слева внизу. Есть определённые стандарты и к ним уже многие привыкли.

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

Так мы смотрим, чтобы все было правильно. Замечательно!

Что мы делаем? Нам нужно дальше зайти и подтвердить. Перейти к статистике. Мы видим адрес и пароль. Войти в свою почту и посмотреть, что нам прислали.

Регистрация в livinternet.ru. Нам прислали всю информацию по нашему сайту. Я вам советую, сохранить это письмо. И у нас есть ссылочки. Как мы можем перейти к статистике нашего сайта? Есть несколько вариантов:
первое — это из нашего сайта. Вот ссылочка
второе — просто зайти на сайт и увидишь здесь « в статистику». Просто вбиваем
или перейти по ссылке, которая есть в нашем письме.

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

Но, в данный момент, нам нужно сделать чуть-чуть другое. Мы заходим в самый низ и у нас есть три ссылочки. Вы заходите в «изменить описание сайта».

Что нам нужно сделать? Смотрим подписка на «получать, по-моему, новости сервиса». Не трогаем. Но нам нужно подтвердить свай мэйл для получения статистики именно туда. Нажимаем на «оформление эмейл-подписки на статистику».

Он предлагает нам получить код, чтобы подтвердить мэйл. Нажимаем «получить код».

Сервис работает отлично, достаточно быстро. Нам можно просто перейти по этой ссылке в почте или скопировать код.

Я выбираю «скопировать код» обязательно без пробелов вставляем его. Нажимаем «подтвердить».

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

Все, подписка изменена.

На этом данный урок закончен.

Приступайте к следующему: Устанавливаем баннер на сайт

И так, продолжим. Сейчас мы разберём, как добавлять картинки. Как работать c уже добавленными картинками. Как создать рубрики и написать 3 статьи. И также ещё разберём работу с метками.

Поехали!

Заходим в, уже созданные нами, статьи. Давайте в «страницах» посмотрим, как у нас. Уже у нас там были добавлены фотографии. Заходим в «об авторе». Помните как мы залили? Я вам показывала, что тут с помощью карандашика можно менять. Скажу сразу, что вы можете поэкспериментировать. Необязательно, что фотография должна быть слева. Можно пробовать установить «справа», она автоматически находится справа и у неё есть обтекание текстом. Нажимаете «обновить». Заходите на сайт.

Это было «об авторе».  Можно вот, не нажимая карандашик, менять ориентацию.

Что мы ещё можем делать? Нажимаем на карандашик, нажимаем «редактировать оригинал» и тут мы с вами можем её крутить в одну сторону, крутить в другую сторону.

Есть такая штука, как «отобразить» по-горизонтали или по-вертикали.

Это, если вам необходимо работать с фотографиями и вы не хотите ставить какую-нибудь фоторедактор, к примеру, Photoshop.

Также вы можете менять размеры. Она автоматически масштабирует. Да, мы все согласны. Сохраняем.

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

Что ещё можно делать с фотографиями, чтоб было удобно. Вордпресс достаточно гибкий движок и он делает все для нас. Можно навести курсор на уголочек и двигая его, мы можем делать фотографию совсем маленькой. Опять же, мы нажимаем «обновить».

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

Будем потихонечку изучать «меню», которое находится слева. Вот тут есть «медиафайлы». Тут все фотографии, которые мы загрузили.

Дальше у нас есть «рубрики». Что это вообще такое? Вот они у нас справа «без рубрики» и «новости». К примеру, у нас на сайте появляется куча статей, 100 статей. И, к примеру, у нас сайт о рыбалке, Естественно, для удобства чтения и поиска, лучше их каким-либо образом группировать. Вот с помощью «рубрики» мы можем их группировать

Как это делается? К примеру, рыбалку Вы можете разбить на летнюю и зимнюю рыбалку. В одну рубрику по соответствующей тематике, в другую – по-другой. И вашему пользователю удобней будет работать с вашим сайтом.

И опять же — это большой плюс для поисковиков.

Так, давайте перейдем к практике. Как с ними работать? Нажимаем «записи» и тут у нас есть «рубрики».

 

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

Категорию «без рубрики» мы с вами изменим. Назовём её «новости». Название «без рубрики» смотрится как будто сайт неполноценный. Ничего больше не меняем. Обновим и посмотрим. Рубрика есть у нас здесь под названием «новости».

И, обращайте внимание, что ссылка у нас так и осталась «без рубрики». Смотрится не очень. Поэтому мы с вами учимся редактировать эту ссылку называется. Она называется ярлык и пишем ее латиницей, то есть английскими, «новости». Нажимаем «обновить». Смотрим на рубрики. Смотрим «новости». Есть. Обновляем и смотрим, что наша рубрика начала называться как категория «новости». Все это мы прочесали шикарно.

«Тестируем и создадим несколько категорий, точнее рубрик. Я их часто называю категориями.

Поехали! Нам нужно создать новую рубрику, выбираем «добавить новую» рубрику. Назовём «создание сайтов». Нажимаем «добавить новую рубрику».

Смотрим, появилась ли что-либо на сайте. Нет? Прекрасно! Чуть позже объясню почему. Потому что, в данный момент, в ней нет никаких статей и она не отображается, чем показывать пустую рубрику.

Дальше создаем рубрику «продвижение сайтов». Аналогично! Добавили рубрику и «социальные сети». Это нам нужно для наглядности. Нажимаем «добавить новую рубрику».

 

Все! Мы создали. У нас появились нормальные адекватные ссылки. Что делаем дальше, чтобы могли мы с вами протестировать и посмотреть как они вообще существуют?

Мы заходим в «записи». Ещё хочу сделать акцент на то, что WordPress — это специфический движок, но он самый популярный в мире. На нём создано самое большое количество сайтов. Прелесть в том, что он создан для простых смертных, таких как вы и я, чтобы удобно было с ним работать. И он создан для больших объемов статей.

Как он вообще работает? Прелесть в том, что он содержит статический материал. Вот, к примеру, там «об авторе», «о сайте» и «контакты». Также он содержит и динамический материал. То есть каждый раз, когда будем создавать новую статью, она будет появляться вверху. Все предыдущие будут опускаться вниз. И таким образом, у нас автоматически будет храниться архив в наших данных.

Так вот, мы сначала удаляем все лишние, все наши статьи. Можно выбрать вот так вот все, а можно выбрать по одной. Давайте ручками удалим! Нажимаем «удалить». И там были тестовые наши записи?! Удалить! Смотрим! Смотрим на сайт. Каждый раз, я вам советую проверять, что вы сделали. Все. Еще не рубрик нет, не статей нет. Все грустно.

Поэтому давайте нажимаем «добавить новую статью», называем ее «Как создать сайт самому». Сразу говорю, что вы создаете статьи по вашей тематике. Сразу вам нужно делать качественные статьи. Я вам просто показываю пример. Нажимаем на пустое место, формируется сразу ссылка. Мы выбираем нужную нам категорию. Давайте это будет «продвижение сайта» и заполняем саму статью. Помните, что текст для удобства мы вставляем в «визуально». Я скопирую  статью c сайта для примера . Вам нельзя копировать статьи. Все я делаю, чтобы наглядно показать. Вся информация на вашем сайте должна быть уникальной.

Чуть позже мы будем глубоко это изучать. Зачем это вообще делается? Но поверьте на слово. Мы вставили статью и нажимаем «опубликовать». Смотрим, что у нас получилось. Есть!

Во-первых, у нас появилась рубрика «продвижение сайтов» и 1 статья. Давайте  аналогично ещё создайте одну статью. Нажимаем «добавить новую». Пишите, к примеру, заголовок «как продвигаться в соц.сети», нажимаем на пустое место и выбираем дополнительно созданную рубрику «социальные сети» и вставляете подготовленный Вами текст статьи. Сохранили. Прошли все записи и посмотрели, что у нас появилась на сайте. У Вас есть две статьи. Каждая новая статья появляется вверху.

Вы должны каждую статью прорабатывать, чтобы она была симпатичная, полноценная и по объему около 2000 символов. Полноценная, как лист А4 в нашем представлении. Смотрим. У нас есть «рубрики».

Давайте мы посмотрим, что с ними можно сделать. «Рубрики» — это у нас виджет. Нажимаем «внешний вид», выбираем «виджеты».

Сразу говорю, что в некоторых шаблонах у Вас могут автоматически не выводиться эти рубрики. Поэтому, если их нет, то Вы заходите во «внешний вид», затем «виджеты» и у вас в левой колонке есть «рубрики». Вот Вы можете просто вот так перетащить, куда Вам необходимо. Вот, Но по-скольку у нас уже есть рубрики, то мы сами ничего не делаем. Ещё раз мы можем попробовать поперенастраивать первое. Они называются «рубрики». Мы можем, для наглядности, поменять на «категории». Сохраните и посмотрите, что у Вас поменялось.

Всё, «рубрики» начали называться «категории». Если мы убираем заголовок, то у нас остаётся по умолчанию «рубрики».

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

В данный момент, с рубриками все. Они у нас есть. Мы поставили вверху. Можно их перемещать местами. К примеру, «поиск» можно поставить чуть выше. Только мы перетаскиваем, система автоматически сохраняет наши изменения. Смотрим.

Мне больше нравится, когда «рубрики» сверху.

Едем дальше.

Что можем изучить на сегодня ещё?

У нас есть такая штука, как «метки». Нажимаем «записи», выбираем «метки». В данный момент. У меня уже есть две метки.

Как они появились? У вас их не будет возможно. Давайте мы сделаем. Зайдём в одну из статей, которые мы делали и справа мы сделаем пару меток.

Метка — это еще одна возможность структурировать информацию.

К примеру, создадим 1 метку под названием «сайт». Метки у Вас разделяются запятыми и пробелом. 2 метка – «продвижения». Нажимаем «добавить».

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

К примеру, зайдём в метку «сайт» и здесь, если было бы больше, отображались все статьи, которые имеют эту метку. Создайте для наглядности ещё в другой статье метку «сайт». Обновите. Найдите статью с меткой «сайт». И у Вас появится тег «сайт» и поэтому тегу у Вас уже будет 2 статьи. Это еще одна возможность структурировать информацию.

Это полезно, как для людей, так и для поисковых систем.

В итоге, что мы выучили в этом уроке?

Мы создали «рубрики», поработали с метками, разобрали, как удалять и добавлять статьи, как определять эти статьи в определенные группы, то есть «рубрики». И Вы уже можете написать статьи. Я вам советую эти статьи сделать красивыми, полноценными, да ещё и полезными.

На следующих уроках вы поймёте важность качества, объема и уникальности статей.

Переходите к следующему уроку: Устанавливаем счетчик статистики от LiveInternet.ru

Итак, друзья! Продолжим! Сегодня мы обсудим, как создать страницы: Об авторе, О сайте и Контакты.

Страница — это статический контент, который появляется вверху сайта (в данный момент, у нас его нет) и зачастую не изменяется. Это первая статья, к примеру, «описание» о вас/ваших услугах, ваши контактные данные и описания вашей компании. Для создания этих страниц и для работы с ними, нам понадобится два плагина:
1) «Simple Page Ordering» или «простая сортировка страниц». (Автор: Jake Goldman, 10up). Он может по-разному называться, но акцентируем свое внимание на автора. Автор именно Джейк Голдман.
2) «Contact Form by BestWebSoft».(Автор: BestWebSoft)

Что мы делаем? Мы заходим в одной вкладке на наш на сайт, чтобы удобно было смотреть, а во второй вкладке у нас будет админка. Помните, что админка — это адрес нашего сайта затем Slash и wp-admin (нашсайт.ru/wp-admin). Пишем вручную или копируем с нашего блокнотика, о котором мы узнали в первом уроке.

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

Мы выбираем, что у нас можно обновить. Нажимаем «обновить плагины». Это процесс достаточно простой. И зачастую быстрый.

Что мы делаем сейчас? Нам нужно с вами поработать именно со страницами. Мы заходим. У нас тут есть «пример страницы». Мы его удаляем. Можно выделить, нажать действия «удалить», «применить».

Но гораздо проще просто нажать «удалить». Ждём. Теперь мы создаем сразу три страницы.

Мы копируем или пишем вручную (лучше, я вам советую, копировать, чтобы не ошибаться). Мы скопировали «Об авторе». Обращай внимание, Вот я сюда вставила или написала и нажимаю просто на пустую область черновика. Написано, что черновик сохранён. И, обращайте внимание, на ссылку, которая у нас формируется. Мы чуть ранее настраивали именно эти ссылки. У нас сейчас «адрес сайта»/«об авторе». Все! Все достаточно просто. Написали, нажали «опубликовать».

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

И также добавляем последнюю страницу «Контакты». Ждем! Все опять появилась наша ссылка. Нажимаем « опубликовать».

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

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

Разберём как теперь в нашем шаблоне и во многих других вывести пункты «меню».
И так, чтоб наши пункты «меню» отображались на странице, нам необходимо создать это «меню».

Мы заходим во «внешний вид», выбираем «меню». Мы создаем новое меню. Можете назвать меню на свое усмотрение, а можете назвать «mainmenu». Нажимаем «создать меню».

Создалось.
У нас есть в нашем шаблоне три варианта, где можно это меню отобразить:
Primary menu (Это основное)
secondary Menu (второстепенное)
Footer Menu (Это то, которое находится внизу, в подвале)

В данный момент, нам нужно составить primary меню.

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

Все! Теперь нам нужно добавить, какие пункты меню будут находиться у нас в меню. Мы выбираем нами уже созданные. Важно, нажать «добавить меню». Они у нас здесь появились. Нажимаем «сохранить».

И не поверите, но мы обновляем. У нас теперь есть меню. Посмотрим на очередность пунктов. Как это странно, слева «контакты», потом «о сайте», «об авторе». Зачастую «контакты» находится справа, в самом крайнем пункте меню. Это стандарт. Я вам советую его придерживаться.

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

Поставим на первое место «об авторе», «о сайте» и опять нажимаем «сохранить». Заходим, обновляем. Все!

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

Дальше мы работаем с наполнением. Вернёмся к нашей странице. И как? Они у нас ещё остались пустые. Давайте наполнять. Сразу скажу, что если вы хотите создать другие страницы или ещё страницы, то создавайте. Не стесняйтесь.

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

Но код HTML видит его именно вот в таком виде. Нам этот вкладыш «текст» ещё понадобится. Поэтому просто важно о ней знать.

Так, вернусь! В этом пункте меню, да и, в принципе, во всех других, важно размещать информацию, чтобы она была интересная и наглядная. Зачастую это фотографии, заголовки, текст и ещё круто размещать видео. Чуть позже доберёмся. Я сразу подготовила себе такое небольшое описание «об авторе». Просто скопировали. Копировать описание советую вам просто подготовленный текст с блокнота.

Если будем копировать допустим с другого своего сайта или даже с Ворда, они могут добавить свои стили и текст может отображаться немного кривовато.

Поэтому, даже если у вас есть текст с другого сайта или с Ворда, вы копируете в блокнотик и потом оттуда уже копируете на сайт. Это обезопасит вас от каких-либо других проблем. Сохраните.

Проверяем страницу «об авторе». Есть! Текст уже разместился. Симпатично. Давайте добавим какую-либо фотографию. Для начала мы ставим курсор, где мы хотим разместить нашу фотографию. Вот в данный момент я поставила перед своим именем и отчеством., нажимаем «добавить медиафайл», «загрузить файл», и « выберите файлы».

Заранее сохраняем изображения на рабочем столе или в отдельной папке, чтобы удобнее было с ними работать. Сразу скажу, что файлы, которые мы загружаем на сайт, называйте только латиницей, то есть только английскими символами и можно использовать символ «тире».  Например, sozdaniesaitov.png и saiti-na-zakaz.png. 

Все остальные варианты вообще не советую, потому что потом эти файлы могут некорректно отображаться. Даже формат png и JPEG нормальные. Еще акцентируйте внимание, что нельзя загружать на сайт огромные фотки. Чтобы посмотреть размер своей фотки, можно открыть ее в каком-то редакторе, к примеру, Photoshop или просто в браузере. Размер фотографии можно посмотреть, просто наведя мышкой на вкладку на комьютере.  На странице в среднем до 500 пикселей по ширине.

Сразу вам советую заполнять Alt. Мы чуть позже разберемся, что это. Но загружайте и просто подписывайте просто по смыслу. Он заполняется русским буквами.  Чтобы фотография была слева, а текст был справа, нажимаем на фотографию, выбираем «изменить» и ставим «слева» и размер меняем. Вы можете сразу или миниатюру делать, или средний, или полной ставить.

Нажимаем «обновить». Обновляем страничку. И смотрите, вроде цивилизованная полноценная страница. Прекрасно!

Теперь мы заполним с вами. Вы можете дальше заполнять, видео кидать, больше текста. Моя задача, показать вам наглядно, как это.

Идём дальше!

Таким е образом наполняем следуюшую страницу.Нам нужно заполнить «о сайте». Зашли. Смотрим, чтоб вкладочка «визуально» была. Подготовьте небольшой текст заранее в блокнотике. Размещайте фотографии немного по-другому. Сразу оставляйте пустое место. Нажимаете «добавить медиафайл», «загрузить файл». Выбирайте уже подготовленную фотографию. Помните у нас там был Alt? Заполняйте его. Вы нажимаете на фотографию, выбираете «изменить», ставите ее по центру и выбираете «полный размер». Обновите и посмотрите, как это будет выглядеть на вашем сайте.  Все симпатичненькое какое? Тут может быть любое описание. И так у Вас уже более или менее полноценный сайт.

Вернёмся к другому способу, как можно ещё менять пункты меню местами. Поэтому мы с вами подготовили плагин «Simple page ordering». Сразу запоминайте автор Джек Golden. Ставим плагин. Во вкладке «плагины» выбираем «добавить новый». Поиск плагинов. Я написала, что он ещё по-другому называется «простая сортировка страниц». Вот и смотрим автор Джейк Голдман. Установим именно его, хоть тут и куча других вариантов.

Ждём, ждём, ждем. Сразу же активируем.

Все! У нас «простая сортировка страниц» активирована. Мы также можем ее выключить.

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

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

Теперь у нас остался пункт меню «Контакты». Он пустой. Я вам советую, зайти и заполнить свои какие-то определенные данные. Желательно писать максимальную информативность: Ф.И.О., мой телефон, электронную почту, ссылки на соц.сети. Причем соц.сети лучше ставить симпатичнее.

Не просто вот ссылку можно было ставить. А вот пишете «я ВКонтакте», выделите и сверху выберите «добавить ссылочку», вставьте ссылку на Вашу страницу сюда и сохраните.

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

Обновить. Заходим на сайт, обновляем страницу и смотрим, что получилось. Также можно в каждой другой соц.сети.

Но, зачастую, у нас Люди уже привыкли, что в контактах у нас есть форма обратной связи. Не все хотят сразу идти на контакт. Многим проще просто задать вопрос без каких-либо дополнительных усилий. Звонок потому что, в любом случае, это немного стресс. Поэтому у нас есть заготовленная форма, с помощью которой мы сделаем эту форму обратной связи. Заходим в «плагины», выбираем «добавить новый» и ищем. Копируем «Contact Form 7», добавляем как плагин. Посмотрим сразу автор Takayuki Miyoshi. Неожиданно. Но вот он. Нажимаем «установить» и «активировать».

Плагин установлен. Вот у нас появляется в левой колонке вкладка «контакт форм 7». Нажимаем на него. И сразу «контактная форма 1». Она сразу стандартная. Написано «вставить шорткод в записи, где нужна эта форма». Копируем и сохраняем.

Сейчас заходим во вкладку «страницы», выбираем «все страницы», затем «контакты». Вставляем сюда в «визуально», сохраняем. И вот эта форма.

Мы можем изменять. Необходимо опять зайти в «контакт форм 7». Заходим в нашу форму. Назвать её можем по-разному. Можем создать несколько форм без проблем. У нас сейчас «имя» и «mail» или «сообщения» обязательными. «Имя» можно сделать необязательным. Просто убираем вот эту звёздочку.

Нажимаем «сохранить» и смотрим, обязательно оно будет или не обязательно при заполнении.

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

Мы, таким образом, вставляем всякие шаблончики, корректируя их, можем изменять эту форму. К примеру, если не нужно нам это, просто убираем «тему». Сохранить. Проверяем. Обновляем.

Супер! Всегда оставляйте хотя бы одно обязательное поле.

Если вы хотите, допустим, вставить ещё что-то, например, телефон, вы можете стандарты задать. Нажать «вставить тег». Смотрим, как это будет визуально. Оно сразу вставляет поле для телефона.

И тут сразу будет оно определяется как телефон. Мы можем так вот заполнять. Все, что мы хотим, можно делать. Можно просто копировать  верхнее поле и вставили его, как третье поле. Чтобы не углубляться в эти коды. Потому что это сложновато. В этом поле вместо «ваше имя», мы написали «ваш телефон».  Супер!  Заполнили, к примеру, текстовую строчку и телефон и нажали «отправить». И эти данные придут к вам на почту.  Снизу будет написано: «Ваше сообщение отправлено».

Также, чтобы откорректировать или проверить, куда отправляется, в принципе, Ваше письмо и настроить все остальные данные, нажимаем «письмо».

Тут видно, куда будет отправляться, в таком формате, тема будет какая, какой стандарт этого ответа. Все можно корректировать под себя. Хотите, чтобы на один мэйл пришло, то пишите свой. Хотите на кокой-то другой, то опять же корректируйте и приходит на другой.

Какие есть уведомления при отправке формы? Опять же все можете подкорректировать под себя. На любом языке очень удобно.

Вот этих трех вкладок вам будет достаточно.

В итоге, у нас есть форма, которая отправляет письмо на mail.

Переходите к следующему уроку: Добавление картинок, создание рубрик и написание статей

Итак, двигаемся дальше! Сейчас будет самая интересная тема, которая поменяет в корне ваше мировоззрение по поводу сайтостроение. Это те моменты, когда ваша жизнь больше не будет прежней. Мы сегодня будем делать именно «конфету» из вашего сайта. В данный момент сайт у нас выглядит остаточно грустно!

Что мы делаем? Мы сейчас будем устанавливать тему в WordPress. Тема — это значит дизайн сайта. Мы заходим во вкладочку «внешний вид», выбираем «темы» и вот у нас есть три варианта темы.

В данный момент, у нас установлена «Twenty Sixteen». Посмотрим, какую-то другую. Вот эту.

Как по мне, так она поярче. Вы также вместе со мной пробуйте и тестируйте. Вы можете нажать «просмотреть», и оно покажет как это будет выглядеть. Грустно показывает! Поэтому нажимаем «активировать». Активировали! Возвращаемся на наш сайт, нажимаем «обновить». Вот! Одним кликом наш сайт уже поменялся. Появилась левая колонка. Да и все, в принципе. Вот статьи внутри как-то смотрятся уже по-другому.

Возвращаемся! Так, пробуем другую. Активируем «Twenty fifteen». Обновляем! Наш сайт уже совсем другой. Одним кликом мы полностью меняем внешний вид сайта. Но это детский сад. Давайте по-взрослому, теперь. Теперь мы добавим абсолютно новую тему. Сразу делаю акцент на том, что мы сейчас просто пробуем. Тестируем, Давайте смотреть! «Добавить новую» тему. Будем экспериментировать. И тут их просто безграничное количество. Это «избранное».

Мы сможем взять «популярные». 2220 тем.

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

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

Недостаток всех тем, сразу скажу, что если вы ставите тему, то она не обязана вот быть такой, как ее, красиво нарисовали. Это недостаток.

Сразу скажу, что вот все темы, которые устанавливаем, зачастую не русифицированы. И вам будет очень сложно с ними работать, поэтому можно чуть-чуть обмануть систему и вбить в поиске «Russian».

И вот здесь уже будут темы, которые с большей вероятностью русифицированы.

Обратите внимание, Вот хоть и избранные темы, но они попроще смотрятся. Также можно ещё обмануть систему в Яндексе. Пишем, ждём «темы для вордпресса на русском языке бесплатно» или можно же без «бесплатно». И вот тут просто немерено сайтов, которые вам предложат самые крутые темы.

Но я обязана вас предупредить, что эти темы могут иметь ряд недостатков:
1) они могут некорректно отрабатывать
2) там могут быть вирусы, которые могут проявить себя не сразу.

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

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

Вот у нас осталось три первых темы. И сейчас мы будем их настраивать. Скачиваем тему franklinfree

также загружаем в формате Zip, устанавливаем нераспакованной и активируем,

 

 

 

И

И я Вас поздравляю!Давайте теперь посмотрим, как с ним можно работать. Вкладочка «внешний вид», «настроить» и смотрим как мы с вами можем экспериментировать с темой. Мы настраиваем.

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

Есть иконка сайта и так мы выбираем «изображение» (она подсказывает что должно быть не менее 512 пикселей. Она врёт) эта картинка, которая будет называться favicon.

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

Мы загружаем и видим ее вот здесь. Вот здесь нажимаем «выбрать».

Вот она появляется такая маленькая.

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

Где она видна? Когда мы в Яндексе что-либо ищем или Google и мы  видим маленькие иконочки сайта перед названием. Это вот они и есть. Это называется favicon.

Едем дальше! Это мы с вами настроили так «свойства сайта». Вы видите «меню». Пока мы ещё к этому не дошли. Это будет чуть позже. «Виджеты». Куча всего есть. Пока мы сами не трогаем. У нас более чем всего достаточно. У нас уже есть правая колонка, с которой можем работать.

Едем дальше! Статическая главная страница! Мы можем сделать ее статичной, чтобы у нас был только один текст и больше ничего не менялось. А можем сделать таким образом, как сделана сейчас, каждая новая статья появляется сверху. Вот у нас был «Привет мир».

Вкладка «Upload Logo». Мы можем загрузить логотип. Можно поставить вот этот же. Посмотрите. Если мы загружаем логотип, то он у нас будет вместо надписи сайта

Как по мне, так лучше пусть пока будет надпись. Нажимаю «удалить». У нас будет куча времени, чтобы поэкспериментировать. Нажимаем «цветовая схема» и тут самое интересное.

Можем сделать его любым цветом и сразу же мы видим специфический цвет. Нажимаем «сохранить».

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

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

Все! Вот, в данный момент, у нас есть сайт. Вот он такой симпатичный. И мы будем двигаться дальше. Сейчас по его настройкам будем создавать меню, настраивать его, адаптировать под вас, чтобы он был именно таким, как вы хотите. Я думаю после вот этого урока, Вы больше никогда не будете переживать: «А как же сделать новый сайт?». И мир чуть-чуть перевернулся.

Идём дальше! Мы заходим в «виджеты».

И вот, в данный момент, у нас справа куча разных виджетов. Нам нужно поэкспериментировать. Вот у нас справа вверху «поиск». И вот просто у нас есть правая колонка. Можем менять местами просто перетаскивая. Мы поменяли, зашли и посмотрели, как выглядет на сайте. Поменяли место. Наверху поставили. Обновили.  К примеру, можем что-либо убрать. Я вот, как обычно, настраиваю. Я оставлю «рубрики» наверху. После них ставлю «поиск».

Мне не нравится вкладка «мета». Я считаю, что она вообще не нужна. На данный момент как мы удаляем? Вот сюда.

Удалить архивы. Мне они тоже не нравится. Нажимаем «архивы», « удалить». Обновляем сайт. Вот уже как-то симпатичнее. «Комментарии» пусть будут.

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

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

Не паникуем! Мы сейчас дальше будем все разбирать по полочкам. Если сравнивать вот с темами, которые я изначально показывала, тут и сразу увидите визуальную разницу.

Тема «ionmag». Она вообще огромная. Видите сколько всего. Это вот стандартная тема. Ваши посты разбивает по категориям. Выводит сразу на главную и делает просто МЕГА МЕГА красоту. Тут должно быть много контента.

И вот, к примеру, как эту тему можно адаптировать под себя. Вот такой сайт. Он визуального другой. Очень насыщенный и красивый. Эта тема No 1. Она такая масштабная.

Чуть-чуть попроще тема «PLACID». Как по мне минимализм. Все аккуратненько. Все красиво. Везде всё понятно. Она также легко адаптируется, легко настраивается. Она вот такая черно-белая.

 

Третья тема «shamrock».

Я настраивала вначале для своего личного сайта. Минималистично, большие картинки, красивенький текст, красивенькие вот все плашечки.

Я бы рекомендовала начать с placid или shamrock. А если Вы почувствуете, что готовы на большее., то выбирайте вот эту тему «ionmag», потому что в ней есть миллионы вариантов настроек. Достаточно сложно будет её настроить.

На данный момент выбирайте ту тему, которая тебе нравится. Протестируй, покрути, поверти.

Все! Двигайтесь дальше по уроку: Выбор темы для сайта (дополнительный урок)

Ну что же! Мы продолжаем двигаться дальше. Сейчас мы разберём, как сделать самые первые настройки вашего сайта, сделать первое обновление. Разберем, что такое плагины и поставим свой первый плагин. Мы заходим в админку сайта.

Вы уже в предыдущем уроке зашли на ваш адрес. (адрес Вашего сайта slash wp-admin.php). Есть! Тут мы с вами чуть-чуть ознакомимся с общей админкой. Вот вначале все выглядит так.

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

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

Проверяйте! Если вдруг что-то появляется, то нажимайте «обновить». Это делается в один клик.

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

Из страшных моментов, которые могут вас беспокоить: если вы что-то одно обновите и все поломается. Это бывает, скажу честно, но крайне-крайне-крайне редко. Если разработчики и сделали какую-нибудь там ошибку, то это один раз на миллион. Но даже такое есть. На предыдущих уроках я говорила, что мы с вами научимся делать бэкапы, контрольные копии. И вот хорошая новость, хостинг timeweb делает автоматические бэкапы. Так мы можем восстановить последнюю версию сайта. Идеальный вариант. Поэтому мы всегда спокойны за свой сайт.

Что нам нужно сделать? Давайте потихонечку разбирать, поскольку у нас обучение. Будем тренироваться. И методом тыка, я вам советую, проклацать все вот эти вкладки, что здесь есть, познакомиться, посмотреть. Для начала мы ничего не делаем, а просто посмотрим, как это все выглядит. Я делаю чуть быстрее. Вам советую прям вчитаться, посмотреть, что вообще происходит, чтобы Вы понимали, какие внутренности вот этого сайта. Доходим до настроек, нажимаем « Настройки», «общие» и вот теперь у нас взаимосвязь.

Видите? Название сайта у нас «demo» и краткое описание: «ещё один сайт на WordPress».

Мы с вами начинаем это менять. К примеру, я пишу «создание и продвижение сайтов», делаю его симпатичным, краткое описание. Вместо «сейчас это ещё один сайт на WordPress» я пишу «недорого, но качественно» и нажимаю «сохранить изменения» в самом низу.

 

 

 

 

 

Обращайте внимание! Это вы делаете в первый раз, поэтому делайте на этом акцент. Сохранили все? Хорошо! Переходите на свой сайт, но здесь у вас всё тоже самое, поэтому вам нужно обновить страничку. Это можно сделать вот просто нажав на кружочек на вашем браузере. Он возможен быть там справа находится, слева, но, в принципе, тоже самый или нажать кнопку F5, или CTRL+ F5. Это на клавиатуре. Нажимаем «обновить» и Вы видите, что название сайта и описание изменились. Да любую фразу и любое описание. Если Вы занимаетесь строительством, Вы называете «это мой сайт» и название вашей компании. А  внизу хорошо написать, чем вы занимаетесь «занимаемся строительством на такой-то территории» или «мы лучшие строители в мире». На ваше усмотрение.

Едем дальше! Мы с вами заходим в настройках в «постоянные ссылки» и тут нам необходимо правильно настроить формат ссылок. Вы ставите именно «название записи».

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

Поверьте мне, вот этот формат самый правильный и самый простой по настройке.

С этим закончили! Ваша задача, чтобы здесь было название статьи и нажать «сохранить изменения». Это важно! Не забудьте сохранить.

Дальше.

Нажимаем «плагины». И сейчас мы установим, наверное, первый в вашей жизни плагин. Нажимаем «добавить новый» и тут у нас целый список плагинов.

Сразу скажу, что, чтобы поставить плагин, есть два варианта. Мы загружаем его, если он у вас уже скачан на компьютер, или мы его ищем, чтобы загрузить. Нам нужно нажать «загрузить плагин», выбрать его у себя на рабочем столе или где он у вас находится и установить. Все достаточно просто! Делайте акцент на том, что не нужно его разархивировать. Плагин должен быть в формате.zip. Это стандартный формат архивирования. И так нужно поставить наш первый плагин.

Что для этого нужно? Мы находим «плагины», выбираем «добавить новый» и ждём пока загрузиться.  И переходим на нашу страничку. И у нас есть название плагина «Cyr to Lat enhanced». Забиваем справа вверху в поиск. Вот он такой сиреневенький. Он может меняться. Название пока одно и тоже. Нажимаем «установить» и ждём пока установится. Установлен и нажимаем «активировать».

По этому же принципу ставятся все остальные плагины. Ждём пока активируется. Наша задача проверить, как он сработал на нашем сайте с помощью статьи. Все! Теперь наша задача проверить. Заходим в «записи», нажимаем «добавить новую».

Сейчас и мы посмотрим, как выглядит эта ссылка. Мы создадим тестовую запись и посмотрим, как выглядят эти ссылки. Пишем на русском «тестовая запись», пишем какое-нибудь описание. Не принципиально! Выбираем нужную категорию. Выбирайте нужную вам и сразу смотрите, самое главное, как выглядит формат ссылочки. Опубликуем ее для наглядности. И когда мы переходим к ней, то у нас вот формат: адрес сайта/тестовая запись. Самая коротенькая, самая ясная и рабочая схема, которая, в данный момент, нужна для вашего сайта.

На этом все! Переходите к следующему уроку: Устанавливаем тему и меняем дизайн сайта

Как зайти в админку вашего сайта?

Тут важный момент! У всех она будет естественно разной, потому что у вас оригинальный адрес сайта.

Как это выглядит?

И Как вообще найти свою админку? Все очень просто! Вы заходите на свой сайт, к примеру, свойсайт.ру. Пишите свой адрес сайта, нажимаете Slash (это наклонная черта).

Справа она не у всех находится, но у меня вот в правом углу, там где Shift на английском. Обязательно мы пишем wp-admin, и нажимаем Enter (http://ВАШСАЙТ/wp-admin) и вы падаете вот на такое поле. Тут вы должны ввести свои данные входа в админку, (вы записали уже их себе в блокнот систематизации) и нажать «войти».

Смотрим! Вот так у вас должно быть сейчас.

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

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

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

Начну с первого «Как зайти в Панель управления хостингом». Переходим по ссылочке http://timeweb.com/ru/ . Мы или копируем адрес ссылки, вставляем в новой вкладке и открываем. И тут есть «вход для клиентов».

Заходим и тут вводим наши логин и пароль. Нажимаем «войти».

Когда мы заходим, то мы можем управлять сайтом. Я вам советую сохранить на будущее вот эту ссылочку https://hosting.timeweb.ru . Она будет напрямую Вас заводить на хостинг timeweb.ru. Я уже сейчас не вбиваю отдельно ссылку таймвеб, а просто сразу от руки начинаю писать hosting.timeweb в строке браузера и он мне начинает подсказывать.

Все!

Переходите к следующему уроку: Как зайти в панель управления сайтом