Рубрика: создать сайт самостоятельно

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

<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 в строке браузера и он мне начинает подсказывать.

Все!

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

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

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

Установка движка WordPress.

Из лирических моментов, мы собираемся духом. Ведь именно сейчас пройдёт рождение нового вашего сайта. Понимаем что движок WordPress мы можем ставить, даже если у нас ещё dns-сервера не подвизались и по домену ничего не показывается. Заходим в панель хостинга. Вы можете просто запомнить, что это timeweb.com .  Я предпочитаю каждый раз лучше писать, чтобы лучше запоминать. Выбираем «Вход для клиентов», копируем с нашего блокнота систематизация доступ к хостингу. Зашли.  Заходим в панель хостинга и выбираем вкладку «каталог cms».

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

 

 

 

 

 

 

 

 

 

 

 

Тут система думает.

Едем дальше! Выбираем свой домен и копируем базу данных себе в блокнот.  У нас есть наш сайт и база данных, она нам понадобится. Поэтому копируем. Это просто название. Ничего лишнего.

Едем дальше! Нажимаем «установку» и наблюдаем за установкой.

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

Магия просто! Что делаем дальше? Копируем из блокнота информацию — точка входа, логин и пароль. Также реквизиты пришли к вам на почту. Точку входа мы можем  отсюда копировать, или мы можем зайти на почту и увидеть вот аналогичная информация.

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

Наш урок закончен и мы посмотрим, есть ли сейчас сайт?

Я поздравляю нас! «Привет мир». Это вот базовая комплектация вордпресса. У нас есть сейчас сайт и наша задача разобрать, что мы будем делать дальше.

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

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

Поехали!

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

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

Все правильно! Мы делаем уверенно. Дальше вкладку «каталог cms» мы пропускаем. К ней мы вернёмся чуть позже. Вкладка «файловый менеджер».

У нас есть файлик «bash_history» и папка «Public HTML». «Bash history» мы не трогаем. Это системный файл, его удалять не стоит. Нам нужно выделить папку «Public HTML» и нажимаем файл и «удалить».

Эту вкладочку мы проработали.

И последнее!

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

Что мы сделали на этом уроке:

1. удалили технический домен.
2. Мы зашли на хостинг во вкладку «сайты», удалили основной сайт.
3. Мы зашли в «файловый менеджер» и удалили «паблик HTML».
4. Мы зашли на хостинг во вкладку «база данных» и посмотрели, чтобы одна база данных была свободной.

 

Убеждаемся, что все готово для того, чтобы красиво и четко установить движок WordPress. На этом уроке все.

Следующий урок: Установка движка WordPress