Делаем сайт. Подготовительный уровень.
День первый.
[Spoiler (click to open)]
Здравствуйте! Сегодня перед нами стоит серьезная задача - мы будем регистрироваться у хостинг провайдера, поэтому сразу оговорюсь по нескольким вопросам.
1. Если вы проживаете не в России и хотели бы создать свой сайт, вам нужно найти того провайдера, сервера которого находятся в вашей стране. Доменное имя вы можете купить, где угодно, а вот сам сайт лучше делать "в родных пенатах". Таким образом, достигается более глубокая гео-таргетированность, то есть, ваш сайт поисковики будут выдавать в результатах именно вашей страны, что в ряде случаев имеет определенный смысл. Для того, чтобы найти хостинг-провайдера для своей страны, можно просто поискать в выдаче.
2. Что такое "хостинг провайдер", "доменное имя" и другие похожие понятия, я рассказывать не буду. При желании это с легкостью можно найти в интернете.
3. Я не умею рисовать + все свои возможности по созданию сайта у моего хостера я исчерпала, расширять сейчас пакет смысла не вижу, поэтому, к сожалению, не смогу предоставить вам скриншоты. Но это уже не первое мое такое консультирование, поэтому, думаю, разберемся. Вот по этому пункту "я делаю, а у меня не получается" вы всегда можете обратиться, будем разбираться вместе.
4. Я хостюсь у одного и того же провайдера уже почти год, он меня абсолютно и полностью устраивает, и весь дальнейший рассказ я буду вести именно на примере его услуг. Вы можете выбрать другого, конечно, по сути это ничего не меняет.
Итак, поехали.
1. Переходите по ссылке на beget.ru и кликаете на самый первый кружочек со словом Start. Далее на следующей страничке кликаете на кружочек со словом Blog (там, где всего два сайта), жмете кнопочку Далее. Здесь уже выбрано "физическое лицо", вы заполняете поля и жмете "зарегистрировать аккаунт" и выполняете указания системы, если они есть (я не могу по второму кругу зарегистрироваться)))
2. К вам на почту должно прийти активационное письмо, в котором содержится информация относительно доступа к панели управления хостингом. Если оно не пришло, а аккаунт вы зарегистрировали просто введите свои данные (те, что вы указывали при регистрации) в окошки входа вверху все той же страницы, вы будете автоматически перенаправлены в свой личный "кабинет")
3. Все, мы захостились, начинаем осматриваться.
Чем мне нравится beget, так это своей понятностью)
Возникает вполне реальное ощущение, что я просто пришла в магазин за покупками, где мне товар подадут, вернут обратно, если не подошло, и подробно на все вопросы ответят.
На той страничке, которую вы видите, у вас, по идее, расположен слева "сайдбар" с вашими "характеристиками", а справа много картинок) Из них, я не технарь по определению, использую только несколько (когда называю иконку и описываю ее функции, сразу переходите и смотрите, что там "внутри", если посмотрели, жмите "на главную страницу" и проделывайте тоже самое со следующей иконкой):
- помощь и поддержка: здесь можно задать вопрос, отправить сообщение и в течение трех-четырех часов максимум получить ответ. Если у вас что-то сломалось, вылезает 404 ошибка, если ваш сайт, как вам кажется, заболел каким-то вирусом, если вы решили сделать сайт, а что-то упорно не получается, вы можете написать сообщение и получить ответ. Всегда. Одно время это была моя "любимая" иконка;)
- иконка "сайты": необходима для того, чтобы вы видели, какие сайты у вас есть (по умолчанию уже должен быть один, промотайте страничку немного вниз, вы увидите в табличке папку), какие доменные имена к ним привязаны, вы могли удалить свой сайт и так далее. Кстати говоря, удалять строго не рекомендую, ведь свое место на диске сервера вы уже израсходовали, если хочется глобальных перемен, удалите сам движок (в нашем случае Wordpress).
Здесь хочу сделать небольшую поправку.
Многие путают движок, сайт и доменное имя.
Доменное имя - это адрес, по которому идти; сайт - это дом, в котором находится много разных файлов; движок - это интерьер; та тема оформления, которую вы выберите, - это фасад этого дома. Не стоит сносить дом, если хочется сменить интерьер и экстерьер здания)
- Файловый менеджер - этот "товарищ" нам нужен для того, чтобы заливать картинки в тему оформления сайта (если это требуется), заливать robots файл или коды доступа для Google Analytics, а также для многого другого. Сейчас просто зайдите сюда, чтобы в следующий раз не пугаться)
- Домены - это как раз то место, где можно купить обслуживание предварительно проверенного на занятость домена. Вводите его в форму, указанную на странице, жмете прилинковать к существующей папке (она у вас должна быть по умолчанию) и жмете далее. Там вас "встретит" форма оплаты, вы можете выбрать любой удобный для вас способ.
- Backup - это крайне полезная иконка, особенно на первых порах) Если у вас что-нибудь сломалось, например, плагин поставили, и сайт не работает, вы можете задействовать резервную копию, которая обновляется каждые двое суток. Для этого сначала выбираете "файлы" и в табличке напротив вашего сайта кликаете оранжевый значок, потом выбираете "Базы данных" и делаете то же самое. Ваш сайт вернется в то состояние, в котором он находился до того, как вы внесли такое "губительное" изменение.
- Оплата - здесь, как и следует из названия, вы сможете заплатить за хостинг, как и в любом другом интернет- магазине.
- CMS - сюда нужно прийти, когда у вас уже есть доменное имя, и оно прописалось на серверах (обычно через сутки после регистрации). Как пользоваться этой опцией я подробно расскажу в третьем дне. Сейчас просто зайдите и посмотрите.
P.S. Если вы находитесь на странице одной опции (иконки), а вам нужно на другую, вы можете навести курсор на слово "Меню" в левом верхнем углу, вы увидите список всех иконок и сможете выбрать нужную вам.
Вот, собственно говоря, и все. Теперь самое интересное - ваше домашнее задание.
Зайдите в "Домены" и, следуя инструкциям системы, "купите" своему сайту то доменное имя, которое вы нашли.
В комментариях жду от вас ответов, как у вас это получилось, и, конечно, вопросы)
P.S. Это задание обязательно нужно сделать сегодня.
Через сутки после момента покупки доменного имени.
[Spoiler (click to open)]
Здравствуйте. Сегодня у нас тоже много работы) Это только первая часть поста. Когда у вас получится сделать то, что здесь написано, мы перейдем ко второй части.
Сделайте, пожалуйста, три действия:
1. Делаем привязку сайта к доменному имени, которое вы зарегистрировали.
Рассказывать буду на примере beget, если вы хоститесь у другого провайдера, поищите у него аналогичные функции или спросите службу поддержки, как это сделать с помощью их сервиса.
Итак,
Идем во вкладку "CMS", выбираем наш сайт, находим WordPress, жмем "Создать". Хочу сделать поправку, этот пункт я пишу по памяти, потому что на данный момент у меня все мои сайты уже готовы. Сделать это очень просто, поэтому, надеюсь, справитесь. Если что-то не получается, то как и всегда, можете писать в комментариях, будем разбираться.
3. После того, как вы установили Wordpress, должно появиться сообщение с указанием введенных вами пароля и логина, а также со ссылкой на ваш сайт. Перейдите по этой ссылке и в появившееся окошко введите ваш логин и пароль, которые были получены в сообщении.
Итак, вы попали в админку сайта.
Знакомиться с ней предлагаю с конца, то есть, с "Параметров".
Все, теперь можете смело переходить к другим материалам под тегом "для новичков". (Если вы их не видите, нажмите "присоединиться к сообществу") Если в процессе выполнения заданий возникли вопросы, пишите в комментариях.
[Spoiler (click to open)]
Здравствуйте! Сегодня перед нами стоит серьезная задача - мы будем регистрироваться у хостинг провайдера, поэтому сразу оговорюсь по нескольким вопросам.
1. Если вы проживаете не в России и хотели бы создать свой сайт, вам нужно найти того провайдера, сервера которого находятся в вашей стране. Доменное имя вы можете купить, где угодно, а вот сам сайт лучше делать "в родных пенатах". Таким образом, достигается более глубокая гео-таргетированность, то есть, ваш сайт поисковики будут выдавать в результатах именно вашей страны, что в ряде случаев имеет определенный смысл. Для того, чтобы найти хостинг-провайдера для своей страны, можно просто поискать в выдаче.
2. Что такое "хостинг провайдер", "доменное имя" и другие похожие понятия, я рассказывать не буду. При желании это с легкостью можно найти в интернете.
3. Я не умею рисовать + все свои возможности по созданию сайта у моего хостера я исчерпала, расширять сейчас пакет смысла не вижу, поэтому, к сожалению, не смогу предоставить вам скриншоты. Но это уже не первое мое такое консультирование, поэтому, думаю, разберемся. Вот по этому пункту "я делаю, а у меня не получается" вы всегда можете обратиться, будем разбираться вместе.
4. Я хостюсь у одного и того же провайдера уже почти год, он меня абсолютно и полностью устраивает, и весь дальнейший рассказ я буду вести именно на примере его услуг. Вы можете выбрать другого, конечно, по сути это ничего не меняет.
Итак, поехали.
1. Переходите по ссылке на beget.ru и кликаете на самый первый кружочек со словом Start. Далее на следующей страничке кликаете на кружочек со словом Blog (там, где всего два сайта), жмете кнопочку Далее. Здесь уже выбрано "физическое лицо", вы заполняете поля и жмете "зарегистрировать аккаунт" и выполняете указания системы, если они есть (я не могу по второму кругу зарегистрироваться)))
2. К вам на почту должно прийти активационное письмо, в котором содержится информация относительно доступа к панели управления хостингом. Если оно не пришло, а аккаунт вы зарегистрировали просто введите свои данные (те, что вы указывали при регистрации) в окошки входа вверху все той же страницы, вы будете автоматически перенаправлены в свой личный "кабинет")
3. Все, мы захостились, начинаем осматриваться.
Чем мне нравится beget, так это своей понятностью)
Возникает вполне реальное ощущение, что я просто пришла в магазин за покупками, где мне товар подадут, вернут обратно, если не подошло, и подробно на все вопросы ответят.
На той страничке, которую вы видите, у вас, по идее, расположен слева "сайдбар" с вашими "характеристиками", а справа много картинок) Из них, я не технарь по определению, использую только несколько (когда называю иконку и описываю ее функции, сразу переходите и смотрите, что там "внутри", если посмотрели, жмите "на главную страницу" и проделывайте тоже самое со следующей иконкой):
- помощь и поддержка: здесь можно задать вопрос, отправить сообщение и в течение трех-четырех часов максимум получить ответ. Если у вас что-то сломалось, вылезает 404 ошибка, если ваш сайт, как вам кажется, заболел каким-то вирусом, если вы решили сделать сайт, а что-то упорно не получается, вы можете написать сообщение и получить ответ. Всегда. Одно время это была моя "любимая" иконка;)
- иконка "сайты": необходима для того, чтобы вы видели, какие сайты у вас есть (по умолчанию уже должен быть один, промотайте страничку немного вниз, вы увидите в табличке папку), какие доменные имена к ним привязаны, вы могли удалить свой сайт и так далее. Кстати говоря, удалять строго не рекомендую, ведь свое место на диске сервера вы уже израсходовали, если хочется глобальных перемен, удалите сам движок (в нашем случае Wordpress).
Здесь хочу сделать небольшую поправку.
Многие путают движок, сайт и доменное имя.
Доменное имя - это адрес, по которому идти; сайт - это дом, в котором находится много разных файлов; движок - это интерьер; та тема оформления, которую вы выберите, - это фасад этого дома. Не стоит сносить дом, если хочется сменить интерьер и экстерьер здания)
- Файловый менеджер - этот "товарищ" нам нужен для того, чтобы заливать картинки в тему оформления сайта (если это требуется), заливать robots файл или коды доступа для Google Analytics, а также для многого другого. Сейчас просто зайдите сюда, чтобы в следующий раз не пугаться)
- Домены - это как раз то место, где можно купить обслуживание предварительно проверенного на занятость домена. Вводите его в форму, указанную на странице, жмете прилинковать к существующей папке (она у вас должна быть по умолчанию) и жмете далее. Там вас "встретит" форма оплаты, вы можете выбрать любой удобный для вас способ.
- Backup - это крайне полезная иконка, особенно на первых порах) Если у вас что-нибудь сломалось, например, плагин поставили, и сайт не работает, вы можете задействовать резервную копию, которая обновляется каждые двое суток. Для этого сначала выбираете "файлы" и в табличке напротив вашего сайта кликаете оранжевый значок, потом выбираете "Базы данных" и делаете то же самое. Ваш сайт вернется в то состояние, в котором он находился до того, как вы внесли такое "губительное" изменение.
- Оплата - здесь, как и следует из названия, вы сможете заплатить за хостинг, как и в любом другом интернет- магазине.
- CMS - сюда нужно прийти, когда у вас уже есть доменное имя, и оно прописалось на серверах (обычно через сутки после регистрации). Как пользоваться этой опцией я подробно расскажу в третьем дне. Сейчас просто зайдите и посмотрите.
P.S. Если вы находитесь на странице одной опции (иконки), а вам нужно на другую, вы можете навести курсор на слово "Меню" в левом верхнем углу, вы увидите список всех иконок и сможете выбрать нужную вам.
Вот, собственно говоря, и все. Теперь самое интересное - ваше домашнее задание.
Зайдите в "Домены" и, следуя инструкциям системы, "купите" своему сайту то доменное имя, которое вы нашли.
В комментариях жду от вас ответов, как у вас это получилось, и, конечно, вопросы)
P.S. Это задание обязательно нужно сделать сегодня.
Через сутки после момента покупки доменного имени.
[Spoiler (click to open)]
Здравствуйте. Сегодня у нас тоже много работы) Это только первая часть поста. Когда у вас получится сделать то, что здесь написано, мы перейдем ко второй части.
Сделайте, пожалуйста, три действия:
1. Делаем привязку сайта к доменному имени, которое вы зарегистрировали.
Рассказывать буду на примере beget, если вы хоститесь у другого провайдера, поищите у него аналогичные функции или спросите службу поддержки, как это сделать с помощью их сервиса.
Итак,
- Вводим пароль и логин в окошки сверху на странице хостера или переходим по ссылке cp.beget.ru и вводим там.
- Открываем вкладку "сайты", в директории выбираем папку, которая там по идее уже должна существовать, в "домене" выбираем ваше доменное имя (вами зарегистрированное) и жмем "прилинковать".
Идем во вкладку "CMS", выбираем наш сайт, находим WordPress, жмем "Создать". Хочу сделать поправку, этот пункт я пишу по памяти, потому что на данный момент у меня все мои сайты уже готовы. Сделать это очень просто, поэтому, надеюсь, справитесь. Если что-то не получается, то как и всегда, можете писать в комментариях, будем разбираться.
3. После того, как вы установили Wordpress, должно появиться сообщение с указанием введенных вами пароля и логина, а также со ссылкой на ваш сайт. Перейдите по этой ссылке и в появившееся окошко введите ваш логин и пароль, которые были получены в сообщении.
Итак, вы попали в админку сайта.
Знакомиться с ней предлагаю с конца, то есть, с "Параметров".
- Промотайте страничку вниз и наведите мышку на эту опцию, вам откроется подменю, выберите из него "общие".
- Заголовок или иначе тег Title - это название (текстовое) вашего сайта. Оно будет отображаться в браузере в выдаче поисковой системы. Описание или иначе Description также отображается. И тот, и другой теги очень важны, в название необходимо включить тот запрос, который вы считаете для себя самым важным и который характеризует тематику вашего сайта в целом. Например, мой сайт посвящен теме личного роста, ключ, который мне нравится "как изменить жизнь к лучшему" тайтл соответственно - комплексное изменение жизни к лучшему. В дескрипшн я поместила ключевые слова, которые также важны для моего сайта: как найти призвание, как стать богатым и успешным,- в итоге дескрипшн выглядит как "Находим призвание, становимся богатыми и успешными" Важное замечание, ни в тайтле, ни в дескрипшн не должно быть вхождения только ключевых слов. Далее. Идем во вкладку "Чтение", здесь есть возможность для того, чтобы
- а) сделать из сайта полностью блог без главной страницы;
- б) сделать главную страницу на сайте. По умолчанию существует вторая настройка. Если вы хотите сделать главную страницу, переходите во вкладку "Страницы" и нажмите "Создать новую", озаглавьте ее "Главная", предположим, и опубликуйте (нажмите опубликовать). После этого вернитесь во вкладку "Чтение", рядом с полем "Главная" нажмите на треугольник, выберите "главная" и нажмите "Сохранить изменения". Все, главная страница готова.
помечаем "Название статьи", сохраняем изменения.
На этом с "Параметрами" все)- Следующий этап - установка плагинов. Переходим во вкладку "Плагины", жмем "Установить новый". В окошке поиска вводим название плагина Platinum SEO Pack, находим его в списке, жмем установить, жмем активировать. Для чего этот плагин я немного позже расскажу, когда до записей дойдем.
- Ту же процедуру проделываем с плагинами Cyr-To-Lat (изменяет в строке браузера кириллицу на транслит, нужен для поисковых систем), Akismet (защищает сайт от ненужных спамных комментариев) с ним нужно будет повозиться, он попросит ключ, нужно будет следовать указаниям системы и оставить им почтовый адрес, на который этот ключ и придет. Лучше оставляйте ящик мало используемый, неизвестно, как они потом эти адреса используют, но плагин очень хороший и 100% аналога у него нет. Для того, чтобы получить Акисмет бесплатно, выберите из 3-х окошечек то, где стоимость стоит от 0 (Personal), а потом бегунок на открывшейся странице двигайте до нуля. Если на почту долго не приходит ключ, смените ящик. Западные сайты плохо реагируют на почтовые службы вроде Mail и их аналогов, лучше указывать Яндекс. ящик или gmail.
Далее переходим во вкладку "Темы":
1. Жмем опцию "Темы". По умолчанию у вас уже стоит одна, но она некрасивая) Поэтому жмем "Установить темы", в параметрах поиска пока ничего не указываем, жмем кнопку "Найти темы" в самом низу страницы. Поиск выдает большое количество тем, пока просто их просматриваем, выбираем тему HDboilerplate (на ней будем тренироваться), жмем установить, в появившемся окошке снова "Установить", затем активировать. Когда в следующий раз будете просматривать тему, вы можете просмотреть тему, не активируя ее, обратите внимание на ссылку "Просмотреть". Итак, тема у нас активирована, наводим мышку на левый угол админки, где размещено название текстовое вашего сайта, появляется выпадающее меню, где есть ссылка "Перейти на сайт", через правый клик открываем в новой вкладке и "любуемся" на результат, результат не очень, конечно) Возвращаемся обратно и начинаем настраивать. Тут надо заметить одну вещь. Разные темы ведут себя по-разному, их возможности для настройки могут скрываться в разных местах) Некоторые сразу предлагают "Настройки темы" или "Тheme Options", как здесь предлагаются виджеты, некоторые прячут настройки в виджетах, некоторые вообще выводят их в админке отдельной опцией. Поэтому если вы поставили тему, а она выглядит явно не так, как на картинке, значит, где-то у нее должны быть "спрятаны" настройки. Возвращаемся к нашей теме. Открываем вкладку "Виджеты", пролистываем ее вниз и видим, что много виджетов, присущих только этой теме (Метки, календарь, рубрики, свежие комментарии, записи - это все "родные" виджеты, а вот остальные на англ.языке уже нет). Теперь жмем треугольник рядом с Home Widget Right, появляется свободное поле, "цепляем" левым, наверное, кликом (у меня тачпад просто)) из левой колонки виджет "Above The Fold" и перетаскиваем в поле открытого виджета в правой колонке. Обновляем страницу сайта (самого сайта, а не админки), изменений нет) Нет потому, что мы перетащили виджет ответственный за показ анонсов записей, которых у нас нет. Сейчас мы их создадим, и изменения появятся. Ваше первое домашнее задание - "поиграть", перетаскивая разные виджеты в разные поля и наблюдая изменения на главной странице. Полей там много, так что заняться вам будет чем) Заодно проверите, где на сайте появляется виджет, если вы переносите его например в поле Right Footer Widget. Ну, а сейчас мы идем дальше. Наводим мышку на опцию "записи",открывается подменю, жмем "Добавить новую", копируем в поле записи какой-то абстрактный текст, вводим любое название, жмем над полем опцию "HTML". Справа вы увидите возможности для добавления записи к рубрике (пока просто поставьте галочку в "без рубрики"), можно проставить метки. Пролистываем страничку вниз и обнаруживаем поля плагина "Seo Pack", здесь можно и нужно вводить название статьи, ее описание, а также ключевые слова. В сущности, вы можете не употреблять ключевых слов в названии или тексте статьи, если это вам мешает, достаточно дать осмысленный заголовок и описание в Seo Pack, упомянуть в нем же ключевые слова. Здесь действуют те же правила, что и при создании заголовка для сайта: никаких "голых" вхождений ключевого слова в заголовке и описании, ключевые слова не должны дублироваться. То есть, нельзя написать просто пять раз подряд "как изменить жизнь к лучшему", ключевые слова должны быть разными. Окей, это мы сделали. Теперь выбираем в Сео Пак в опции "Meta Index..." кружочек напротив noindex,nofollow (я не думаю, что к вам прямо сейчас прибежит поисковой паук и все проиндексирует, но лучше подстраховаться), жмем "опубликовать". Все запись у нас опубликована. Ваше задание номер два: поэкспериментировать с опциями HTML редактора (составить списки, по-разному форматировать текст и так далее), создать несколько аналогичных записей.
Ту же процедуру проделать со страницами: посмотреть, где отображается страница после того, как вы ее опубликовали.
Все, теперь можете смело переходить к другим материалам под тегом "для новичков". (Если вы их не видите, нажмите "присоединиться к сообществу") Если в процессе выполнения заданий возникли вопросы, пишите в комментариях.