Создание сайта с нуля (WordPress)

Создание сайта с нуля (WordPress)

Курс сайт с нуля (пошагово)

Давайте для начала определимся какой именно сайт мы будем делать? Какие бывают сайты:

1. СДЛ (сайт для людей очень высокого качества и красочным дизайном)

2. ГС (говно сайт, состряпанный в короткие сроки, низкого качества)

3. Дорвеи (сайт, созданный для передачи веса и трафика на основной ресурс, создается быстро и поэтому имеет низкое качество)

4. Сателлит (сайт, созданный за несколько часов, нацеленный на быстрый, но короткий и маленький доход в интернете)

Зарабатывать деньги можно на любом из перечисленных типов сайтов, но доход будет всегда разным. Нулевой сателлит может приносить до 50 рублей в день, но прослужит он не долго, не более 3-х месяцев, так как быстро попадет под АГС, за торговлю ссылками. Оптимальным вариантом является создание сайта для людей, так как после того как вы получите первые пузомерки вы можете достичь дохода в 300 и более рублей в день. неплохой пассивный доход я вам скажу!

К тому же СДЛ, по мере добавления контента, будет самостоятельно наращивать трафик, а это один из важнейших критериев заработка на своем сайте. Сайт с высоким трафиком может приносить уже очень высокие прибыли. А если создать парочку таких сайтов, или семь, как я? А?

Поэтому будем создавать сайт для людей в расчете на стабильную и высокую прибыль!

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

Тематика сайта

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

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

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

Итак, если вы приняли решения создать перспективный СДЛ, с высоким доходом, то выбор тематики или как принято называть это в среде веб-мастеров, ниши сайта — это первый и ключевой момент в начале вашего сложного пути!

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

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

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

При выборе тематики для сайта стоит опираться на несколько основных параметров:

1. Прибыльность

2. Актуальность

3. Конкуренция

4. Популярность

5. Ваши знания

ПРИБЫЛЬНОСТЬ

Это ключевой критерий выбора тематики, так как любой мало-мальски хороший сайт создается исключительно для заработка денег. Есть несколько видов монетизации сайта, такие как:

1. Продажа ссылок

2. Продажа баннеров

3. Контекстная реклама

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

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

Речь идет о бирже ссылок Sape и партнерской рекламе от Google Adsence

Самые прибыльные тематики в sape и Adsence:

1. Строительство

2. Авто

3. Красота и здоровье

4. Недвижимость

5. Туризм

6. Мебель

7. Раскрутка и Продвижение

8. Дети

9. Финансы

10. Страхование

11. Туризм и путешествия

Забегу вперед и скажу, что для своего сайта я выбрал 11 тематику, так как много путешествую, как по России, так и зарубежном, поэтому мне есть что сказать. Это кстати подводит нас к 6 пункту при выборе тематики.

Ваши знания

У каждого есть свой интересы и исходя из них стоит выбирать нишу сайта. Из 11 пунктов которые я привел выше выберете, ту тематику которая вам по душе и вам есть что написать, чтобы не тратить деньги на копирайт! Если вы все же обладаете бюджетом и готовы платить деньги за контент, то выбирайте тему ТОП-3. Вот вам статья, о том где можно купить дешевый и качественный контент для своего сайта!

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

Актуальность

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

Конкурентность

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

Популярность

Ну и самое последнее. тема должна иметь популярность и иметь востребованность у пользователей. Иначе результатов не будет!

Итак, я для своего сайта в рамках данного проекта, выбрал тематику туризм И ПУТЕШЕСТВИЯ, выбирайте и вы, так как в следующем уроке мы с вами будем приобретать свободное доменное имя и воспользуемся услугами хостинга!

Хостинг и домен

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

Как выбрать хостинг

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

Вот вам несколько основных критериев по выбору качественного хостинга.

1. Быстрота работы хостинга

2. Стабильность и надежность

3. Качественная техническая поддержка

4. Количество доменов (сайтов), которые можно припарковать

5. Нахождение серверов

6. Поддержка Php, MySQL, количество баз данных

7. Место на диске

8. Стоимость

Я перепробовал уже очень много хостинговых компаний и выбрал для себя 2 лучших:

FullSpace

Kubez

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

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

Выбираем доменное имя

Доменное имя должно иметь понятное читаемое, запоминающееся название. Отражать в своем имени тематику, на которую нацелен ваш сайт.

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

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

Установка WordPress

Для начала рекомендую вам создать на компьютере (диск C или D) создать папку „Сайт» или же папку с названием сайта. Я создал такую папку и назвал ее „Floraifaunarf.ru“. В данную папку мы будем закидывать все файлы нашего сайта.

При регистрации хостинга вам на почту пришло письмо с данными вашего аккаунта и информацией по FTP-соединению. При помощи программы FileZilla соединяемся с нашим хостингом. Нас интересует корень сайта-это или доменное имя сайта или папка „public_html“. В данную папку мы и будем загружать все файлы нашего движка WordPress.

Откройте данную папку двойным кликом. Внутри уже содержится несколько файлов. файл index. html смело удаляйте.

Теперь нам нужно скачать последнюю версию движка WordPress в созданную ранее папку на нашем компьютере.

Скачать WordPress. Скачиваем обязательно последнюю версию!

Скачиваем zip-архив (у кого нет архиватора скачайте его, тем более он распространяется бесплатно) и извлекаем его в нашу папку „Сайт“.

После того как мы скачали WordPress (далее WP) на наш компьютер, нам необходимо залить все его файлы в корень нашего сайта. Для этого в левом окне программы FileZilla, открываем папку «Сайт», открываем папку WordPress, выделяем все файлы (около 20) жмем правую кнопку мыши и в сплывшемся окне выбираем самый верхний пункт «закачать на сервер». Все файлы движка закачиваем в корень сайта.

Отлично, теперь необходимо создать базу данных.

Создание базы данных

Заходим в панель управления хостингом и находим иконку «Базы данных».

Создаем новую базу данных.

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

Записываем имя базы и пароль они нам сейчас пригодятся.

Возвращаемся в программу FileZilla и в правом окне (на файлах хостинга) в корне сайта куда мы загрузили все файлы движка WP находим папку: wp-config-sample.php переименовываем ее на wp-config.php, далее открываем данный файл и редактируем. Я использую в этих целях программу Notepad++ (в скором времени сделаю обзор), если у вас ее нет или вы не умеете ей пользоваться редактируйте в стандартном блокноте Windows.

Стоит прописать: database_name_here — имя созданной нами базы данных; username_here — имя пользователя базы данных; password_here — пароль;

Имя сервера и кодировку не трогаем. Сохраняем данный файл.

Теперь обратимся к нашему сайту. Переходим в браузер по адресу нашего сайта

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

WordPress установлен!

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

Чтобы попасть в панель управления WP необходимо пройти по адресу: ваш сайт. ru/wp-admin

Первичная настройка WordPress

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

Давайте войдем в панель управления нашим сайтом и разберемся с возможностями WordPress.

Для этого в браузере вбиваем: имя вашего сайта. ru/wp-admin и жмем «Enter»

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

Давайте разберем основные пункты (с другими будем знакомится в процессе создания сайта):

Записи — здесь будем добавлять новые и редактировать старые статьи нашего сайта;

Медиа файлы — в данной папке хранятся и добавляются все изображения нашего сайта;

Страницы — здесь создаются страницы сайта такие как: карта сайта, об авторе, о сайте и т. д;

Внешний вид — здесь добавляем и редактируем темы (шаблоны);

Плагины — в данную папке добавляем, активируем и редактируем плагины WP;

Инструменты и параметры — здесь производим тонкую настройку WP;

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

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

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

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

Далее заходим во вкладку ПАРАМЕТРЫ общие. На этой страницы необходимо прописать название и краткое описание вашего сайта, а также определить роли новых пользователей. Я советую выбрать роль «Подписчик».

Не забываем сохранять введенные данные.

На этом мы заканчиваем краткую настройку WordPress!

Установка темы на WordPress

Давайте подберем для нашего сайта подходящую тему, я выбору свою вы какую -нибудь другую (ну или на крайний случай идентичную моей)!

Где искать темы WP:

1. Вбиваем в поиске «красивые темы для вордпресс тематики (? пишем выбранную тематику? — я выбрал природу»!

2. Если на каком-то сайте вам понравилась тема, то вы легко можете установить такую же. Как узнать какая тема стоит на WP!

Для своего курсового сайта, я выбрал тему Lost Island

Как установить тему на движок

Необходимо скачать zip-архив нашей темы, и извлечь на компьютер, а потом при помощи программы FileZilla залить на хостинг.

Для всех файлов нашего сайта, мы создали папку «Сайт», сюда и закачиваем наш шаблон. затем при помощи FTP-доступа закидываем нашу тему на хостинг. Вот путь: корень сайта — wp-content-themes. В папку themes закидываем наши файлы.

Все тема на хостинге. Теперь ее необходимо активировать. Заходим в панель управления сайтом по адресу: ваш сайт.ru/wp-admin, кликаем по вкладке внешний вид, выбираем верхнюю строчку темы. Здесь среди всех тем (по умолчанию с вордпресс устанавливаются 2-3 стандартные темы), выбираем нашу и жмем активировать. Отлично переходим по адресу нашего сайта и смотрим на результат: понравилась оставляем, нет выбираем другую. Тему можно сменить в любое время.

Как устроена тема

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

Все темы вордпресс состоят из стандартных php файлов и располагаются примерно следующим образом:

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

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

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

Header.php — в среде веб мастеров шапка сайта. Один из основных файлов темы, который содержит такие основные теги, как т <html> (основа), <head> (голова), <body> (тело), а также мета-теги, отвечающие за вывод ключевых слов, описания и заглавия сайта также данный файл отвечает за привязку ленты rss, подключение стилей css и выполняет еще множество дополнительных функций;

Index.php — шаблон главной страницы сайта. Он подключает воедино основные файлы темы: header.php (шапка), footer.php (подвал), sidebar.php (сайдбар), и другие;

Single.php — данный файл содержит шаблон отдельного поста;

Archive.php — как не трудно догадаться из названия данный файл содержит шаблон архивов;

Search.php — файл содержит шаблон единичного поста при использований функций поиска по сайту;

Page.php — содержит шаблон статичной страницы, если таковая имеется на сайте. О статических и динамических страницах поговорим в последующих уроках;

Sidebar.php еще — один важный файл, который содержит шаблон сайдбара сайта. Если тема содержит виджеты (современные темы практически все имеют), то очень удобно управляется из администраторской панели. Сайдбар это боковая панель на вашем сайте где располагаются название рубрик, свежие записи и т. д. Сайдбар бывает один или два (как на моем сайте), в зависимости от возможностей темы;

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

Style. css — таблица стилей.

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

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

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

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

Теперь необходимо проверить нашу тему на наличие входящих ссылок и удалить их. Для чего? Тут все просто чтобы не перегонять вес нашего сайта на сторонние ресурсы. Сразу отмечаю что ссылки на разработчика. присутствуют практически, в каждой бесплатной теме WP и располагаются в основном в шапке или подвале сайта. Иногда они скрыты от индексаций (или же автор настоятельно просит их не удалять); но мы их удалим.

Как найти исходящие ссылки с сайта

Я проверяю ссылки здесь: pr-cy.ru

Вбиваем адрес нашего сайта и анализируем.

с моего сайта исходит 3 индексируемых ссылки, а это очень плохо.

Первые 2 ссылки я убрал просто удалением виджетов. Немного попозже покажу как. Одна же ссылка находится где-то в коде. Как ее найти и удалить копируйте адрес куда ведет ссылка.

далее проходим в админ панель WordPress, проходим во вкладку внешний вид, редакторы открываем файл Подвал (footer.php)! Именно здесь я нашел свою ссылку.

В редакторе файла жмем горячие клавиши Ctrl+F (вызов поиска) и вставляем текст нашей ссылки.

Помимо необходимой ссылки, я нашел еще 3 скрытых исходящих ссылок (синий цвет), которые также удалю. Удаляем всю ссылку, которая начинается тегом. Если в подвале вы не нашли исходящих ссылок, таким же образом проверьте шапку сайта, файл header.php. Иногда ссылки могут быть и в сайдбаре, данным методом найдите и удалите все исходящие ссылки со своего сайта.

Если вы? по каким-то причинам не желаете удалять ссылки, а просто скрыть их от индексаций, то вам помогут теги noindex и nofollow. Читайте раскрытый пост здесь: теги noindex и nofollow!!

Некоторые темы WP, не позволяют удалять исходящие ссылки. Но с этим можно легко справится, прочитав статью: Как убрать ссылки в “подвале” WordPress из темы защищенной лицензией?

Виджеты в WordPress

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

Свежие записи

Рубрики;

Облако меток;

Комментарий;

Архивы;

Календарь, rss, поиск, и многие другие;

Текст (создание необходимого вам виджета;

Я для себя оставляю лишь 2 из них: рубрики и свежие записи, так как не хочу превращать свой сайт в новогоднюю елку.

Виджеты добавляются простым перетягиванием из левой неактивной части в правую. Справа расположены все активные виджеты.

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

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

WordPress стал самой популярной СMS, именно благодаря большому разнообразию плагинов. Плагины-это специальные разрешения, которые облегчают, ускоряют и улучшают работу движка. Плагинов в WordPress, великое множество, они позволяют настроить свой сайт на любой вкус. Плагины добавляют такие функций, как: создание карты сайта, создание обратной связи, вывод ленты RSS, автоматическое добавление в sape.ru и многое другое.

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

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

Начинаем и на примере первого плагина, рассмотрим, как устанавливаются плагины. Перед началом урока, создайте в вашей папке CАЙТ, дополнительную папку ПЛАГИНЫ. Сюда и будем закачивать все плагины.

CYR2LAT

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

Большинство плагинов я качаю тут: wordpress.org

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

Скачиваем zip-архив данного плагина и разархивируем его в папку Плагины/Теперь при помощи программы FileZilla нам необходимо перенести все файлы плагина с компьютера на хостинг. Закидывать его необходимо так. Открываем корень нашего сайта, затем wp_content и plugins. Здесь по умолчанию будет находится несколько плагинов, я рекомендую вам удалить их все, так как их использовать мы не будем.

После того как мы перенесли плагин на хостинг, переходим в админ панель сайта, во вкладку плагины. Находим установленный плагин и жмем активировать!

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

Итак, плагин cyr2lat служит для транслитерации русских букв в латинские.

Теперь чтобы уже закончить с правильным отображением строки нашего сайта в браузере, настроим ЧПУ понятный урл.

Для этого проходим во вкладку параметры «постоянные ссылки»

Из представленных вариантов ЧПУ, выбираем произвольно и вставляем один из этих кодов код:

/%postname%. html-будет выводится имя сайта/название статьи;

/%category%/%postname%. html-имя сайта/имя рубрики. название статьи;

Лично я использую именно второй вариант, но вы можете воспользоваться любым.

Следующий плагин:

Wp Russian Tipograf (ВП Типограф Лайт).

Скачиваем данный плагин здесь: http://wordpress.org/plugins/wp-russian-typograph/ (далее ссылки не кликабельные, надеюсь труда не составит скопировать в браузер).

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

И на сегодня еще один важный плагин:

WordPress Database Backup

Качаем его поэтому адресу:http://wordpress.org/plugins/wp-db-backup/

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

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

Проходим по вкладке инструменты, далее резервное копирование. Здесь все просто указываем свой почтовый ящик, на который будет приходить резервный файл. Также укажите расписание-я рекомендую раз в 1 неделю. думаю разберетесь.

Продолжаем устанавливать необходимые каждому сайту плагины.

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

Google XML-Sitemap

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

Качать тут: http://wordpress.org/plugins/google-sitemap-generator/

Для создания карты сайта, скачайте, установите и активируйте данный плагин. Пройдите по вкладке Параметры и затем XML-sitemap. Здесь мы видим текст:

Карта сайта еще не построена, ПОСТРОИТЬ СЕЙЧАС. То, что нам и надо жмем и все карта сайта создана. Проверить ее можно вбив в браузере: ваш сайт.ru/sitemap.xml — и вы попадете на страницу со статьями вашего сайта.

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

Anti-XSS attack

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

Качаем его здесь: http://maxsite.org/page/anti-xss-attack

Установка стандартная, настроек не требуется.

Contact Form 7

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

Качаем по данному адресу: http://wordpress.org/plugins/contact-form-7/

Для данного плагина WP, создает отдельную вкладку «Contact Form 7». Здесь можно настроить форму контактов по вашему усмотрению. Все просто советовать ничего не буду. Прописываем свой почтовый ящик. После произведенных настроек, скопируйте код формы. Далее необходимо создать новую страницу, на нашем сайте. Вкладка страницы-создать новую. Название можно выбрать произвольное: контакты, обратная связь и т. д. В текстовое окно страницы, ниже названия, добавляем скопированный код. Сохраняем.

Если все сделано правильно, то на вашем сайте появится новая страница, с возможностью связи с автором. На моем сайте она имеет такой вид: Об авторе

All in One SEO Pack

Качаем здесь: http://wordpress.org/plugins/all-in-one-seo-pack/

После активаций плагина появится новая вкладка «Инструменты SEO». Здесь и будем производить его настройку. Это очень важный SEO плагин и требует тщательной, обдуманной и кропотливой настройки. Итак, переходим по нашей новой вкладке-она состоит из 3 дополнительных вкладок: ОСНОВНЫЕ, БЫСТРОДЕЙСТВИЕ и ДРУГИЕ МОДУЛИ. Заходим в ОСНОВНЫЕ и настраиваем плагин. В самом начале стоит прописать название и описание нашего сайта, а также ключевые слова. Это очень важный момент, тщательно обдумывайте каждое слова.

Спускаемся ниже. Здесь необходимо произвести правильное написание рубрик и страниц. Я обычно удаляю все что находится после вертикальной черты и ее включительно. Так мне кажется более понятно и удобно.

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

И наконец последний плагин.

WP-PageNavi

Качать тут: http://wordpress. org/plugins/wp-pagenavi/

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

На этом все. В этом уроке разобрались с 5 полезными плагинами.

Robots.txt и 301 редирект

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

В данном уроке пропишем ping сервера, для быстрой индексации сайта, создадим файлы robots. txt и 301 редирект. Все это является необходимыми этапами, при создании сайта для людей (СДЛ). Если же речь идет о говносайте (ГС) или сателлите, то данные действия являются не обязательными.

Но мы то с вами делаем CДЛ не так ли?

Ping сервера

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

Для этого проходим в админ панель, параметры, написание

Прописываем пинг-сервера, каждый с новой строчки и сохраняем полученные данные.

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

Список Pihg серверов http://rpc.pingomatic.com/ http://1470.net/api/ping http://blogsearch.google.ru/ping/RPC2 http://www.newsisfree.com/RPCCloud http://ping.blogs.yandex.ru/RPC2 http://rpc.weblogs.com/RPC2 http://rpc.wpkeys.com http://www.blogdigger.com/RPC2 http://ping.blo.gs

С пинг серверами закончили. Все поисковики Yandex, Google, Rambler и другие будут извещены о новых статьях на вашем сайте.

Robots. txt

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

Для того чтобы сделать файл Robots.txt, создайте в стандартном блокноте Windows, текстовый документ. Скопируйте и вставьте в него приведённый ниже стандартный текст. Предварительно изменив адрес сайта и путь к карте сайта, на свой.

Файл Robots. txt

User-agent: Yandex

Allow: /wp-content/uploads/

Disallow: /wp-login.php

Disallow: /wp-register.php

Disallow: /xmlrpc.php

Disallow: /template.html

Disallow: /cgi-bin

Disallow: /wp-admin

Disallow: /wp-includes

Disallow: /wp-content/plugins

Disallow: /wp-content/cache

Disallow: /wp-content/themes

Disallow: /wp-trackback

Disallow: /wp-feed

Disallow: /wp-comments

Disallow: */trackback

Disallow: */feed

Disallow: */comments

Disallow: /tag

Disallow: /category

Disallow: /archive

Disallow: */trackback/

Disallow: */feed/

Disallow: */comments/

Disallow: /? feed=

Disallow: /? s=

Host: прописываем адрес сайта. В моем случае: floraifaunarf.ru

User-agent: *

Allow: /wp-content/uploads/

Disallow: /wp-login.php

Disallow: /wp-register.php

Disallow: /xmlrpc.php

Disallow: /template.html

Disallow: /cgi-bin

Disallow: /wp-admin

Disallow: /wp-includes

Disallow: /wp-content/plugins

Disallow: /wp-content/cache

Disallow: /wp-content/themes

Disallow: /wp-trackback

Disallow: /wp-feed

Disallow: /wp-comments

Disallow: */trackback

Disallow: */feed

Disallow: */comments

Disallow: /tag

Disallow: /category

Disallow: /archive

Disallow: */trackback/

Disallow: */feed/

Disallow: */comments/

Disallow: /? feed=

Disallow: /? s=

Sitemap: прописываем путь к xml карте сайта с протоколом http:// (в моем случае http://floraifaunarf.ru/sitemap. xml

Как видно первая часть данного файла запрещает индексацию отдельных страниц только Яндексу, а вторая всем остальным поисковикам. Вы можете самостоятельно исключить ненужные вам страницы, используя атрибут исключения Disallow:/ (то что нужно исключить) !

Сохраняйте данный текстовый документ под именем robots.txt на своем компьютере. Далее при помощи программы FileZilla, заливаем данный файл в корень нашего сайта. Для проверки, правильно ли все сделано вбиваем в браузерной строке следующий запрос: ваш сайт.ru/robots.txt

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

301Редирект

Данный документ позволяет дать понять браузеру что: ваш сайт.ru и www.ваш сайт.ru — это одно и тоже. Происходит как бы склейка доменов и переадресация с одного на другой и наоборот.

Для создания данного документа, нам потребуется файл .htaccess, который расположен в корне нашего сайта. Если вы его не находите, то необходимо прописать корню сайта права доступа»777″. перед редактированием файла стоит определится какой адрес будет основным с www или без. Я лично использую второй вариант.

Открываем файл .htaccesss для редактирования. там уже расположены некоторые записи. Спускаемся в самый низ и добавляем следующий код:

RewriteEngine On

RewriteCond %{HTTP_HOST} ^www. ваш сайт\. ru$ [NC]

RewriteRule ^ (. *) $ http://ваш сайт. ru/$1 [R=301, L]

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

На этом наш длинный и подробный урок подходит к концу. Сегодня мы ускорили индексацию нашего сайта, прописав большое количество ping серверов; закрыли от индексации поисковиков ненужные нам страницы нашего ресурса, при помощи файла robots.txt; сделали склейку нашего сайта с www и без-создав 301 редирект в файле .htaccess.

Как добавить сайт в поисковые системы

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

Для чего же это нужно?

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

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

Начнем с Гиганта Рунета поисковой системы Яндекс.

Как добавить сайт в ЯНДЕКС

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

Далее проходим в сервис, который называется Яндекс Вебмастер: webmaster.yandex.ru

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

Попав на данный сайт жмем по клавише «Добавить сайт»!

Далее вам предложат ввести URL вашего сайта, что мы и проделаем. Адрес сайта стоит вводить с протоколом http, таким образом: http://ваш сайт.ru.

Заполнив поле жмем добавить сайт. Яндекс предложит нам 4 способа подтверждения ваших прав на сайт. Это использование html-файла, мета-тега, txt-файла и при помощи dns. Вы можете воспользоваться любым, я применяю 3-й вариант, так как он самый простой, о нем и расскажу.

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

первая страница проиндексируется приблизительно в течении 2-3 недель. Остальные страницы если сайт хороший будут индексироваться быстрее.

Трафик на мой сайты с Яндекса составляет порядка 60%.

Как добавить сайт в GOOGLE

Гугл-это крупнейший зарубежный поисковик. На территории нашей страны он имеет также очень большой вес и занимает второе почетное место в общем рейтинге.

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

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

Проходим в систему по адресу: www.google.com/webmasters

Жмем по вкладке «Добавить сайт», далее прописываем адрес сайта, таким образом: www.ваш сайт.ru.

Так же, как и в случае с Яндексом, нам придется подтвердить права на наш сайт.

Здесь так же все просто. Заливаем скаченный файл на хостинг и подтверждаем права на сайт!

Гугл индексирует сайты очень быстро и часто, несколько раз в неделю что лично меня очень радует!

Трафик от GOOGL составляет на моих сайтах около 25%

Остальные поисковики

Из числа прочих поисковиков, в которые стоит добавить свой сайт отмечу:

Rambler;

Mail.ru;

Yahoo.

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

Rambler (трафик 17%) — http://top100.rambler.ru/

Mail.ru (трафик 5%) — http://webmaster.mail.ru/

Yahoo и Bing (трафик 3%) — http://www.bing.com/toolbox/submit-site-url

Есть еще и иные поисковики Апорт, Мета, но трафик с них ничтожный поэтому рассматривать их и не стоит.

Счетчики на сайт добавим на наш сайт или блог, кому как удобнее, счетчики статистики.

Счетчики выполняют большой набор функций:

Показывают сколько человек посетило ваш сайт;

Сколько страниц и какие просматривает каждый из них;

Показывают поисковую систему или сайт откуда был совершен переход;

Показывают географические характеристики пользователей и многое другое;

Каждый достойный сайт должен иметь как минимум 2-3 различных счетчика посещений. Это повысит его авторитет в глазах, как пользователей, так и поисковиков.

Наиболее распространенными счетчиками статистики сайтов являются: LiveInternet, Яндекс Метрика, Google Analytics и Rambler топ100.

есть конечно и другие и их великое множество, но не стоит сильно загружать наш сайт, поэтому данного количества будет достаточно!

Добавляем счетчик LiveInternet

Для того чтобы добавить свой сайт проходим по адресу: http://www.liveinternet.ru/add

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

СИНОНИМЫ-если у вас есть зеркала сайтов, то можете добавить их сразу же. Но пока по сюжету нашего курса это наш первый сайт поэтому оставляем данное поле пустым.

Также вы можете сделать статистику общедоступной или установить пароль. Я обычно скрываю свою статистику. Но решать вам. Выбираем тематику для участия в рейтинге.

Заполнив все необходимые поля жмем «ДАЛЬШЕ»

В следующем окне проверяем правильность введённых данных и если все правильно жмем «Зарегистрировать»

На следующем этапе подтверждаем желание получить html-код счетчика и попадаем на страницу выбора доступных счетчиков. Здесь все зависит только от вас

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

Заходим в панель управления нашего сайта WordPress, проходим в редактор файлов. Открываем для редактирования файл footer.php (подвал) и в самом низу перед закрывающим тегом:

</BODY>-вставляем код счетчика.

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

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

Добавляем счетчик Яндекс Метрика

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

Для добавления сайта в Яндекс метрику на главной странице Яндекса, в самом низу пройдите по вкладке Метрика, или же пройдите по этой ссылке: https://metrika.yandex.ru

Здесь находим вкладку добавить счетчик и смело переходим по ней.

Заполняем поля, так же как мы делали с предыдущим счетчиком статистики

Проверяем правильность введенного кода и переходим на страницу настроек счетчика.

Здесь обязательно необходимо поставить галочку на чек боксе «Вебвизор»-так как это очень мощный инструмент.

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

Проверяем появился ли счетчик в подвале. Если да, то все правильно.

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

Поэтому не буду описывать установку кодов Рамблера и Гугла, делайте все по отработанной, стандартной схеме.

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

Или же наблюдайте статистику на своих аккаунтах в ЛайвИнтернет и Яндекс Метрике.

Создание страницы на WordPress о страницах сайта на движке WordPress, какие они бывают, как их создавать и какие страницы необходимы каждому сайту.

Страницы сайта — это специальные разделы сайта, которые помогают пользователю найти необходимый материал.

Как правило они располагаются в шапке сайта и имеют горизонтальную структуру.

Главная страница является обязательной и создается автоматически. Это основа нашего сайта.

Начнем по порядку.

Пройдите в панель управления вашим сайтом на WordPress.

Далее по вкладке страницы-все страницы. Здесь вы увидите помимо главной страницы еще одну — «пример страницы», которую спокойно удаляйте.

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

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

Страницу КОНТАКТЫ, я лично советую вам изменить и рассказать на данной страницы о себе!

Вот как выглядит данная страница, на моем сайте — «Об авторе»

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

Так же рекомендую вам создать страницу -«О сайте», которая поможет посетителю вашего блога иметь понятие о содержимом сайта!

Вот так выглядит моя страница — «О сайте»

Как добавить новую страницу на WordPress

Как же создать новую страницу для нашего сайта. Здесь все очень просто.

В панели управления сайтом во вкладке страницы-добавить новую, создаем новую страницу. Прописываем название, создаем текст, видео или картинку (все зависит лишь от ваших фантазий), добавляем описание страницы и ключевые слова-если у вас установлен плагин — All in SEO Pac и опубликовываем.

Обновляем сайт и любуемся новой страницей.

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

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

Мой услуги;

Подписка или регистрация на сайте;

Реклама или/и партнеры;

Конкурсы и некоторые другие;

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

Создание записи на WordPress. Горячие клавиши

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

Рубрики

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

Объясню на примере своего нового сайта FLORAIFAUNARF. RU. Мой сайт о природе России. Я создаю рубрику фауна, подрубрикой будет категория пресмыкающиеся, а подрубриками подрубрики: змей, ящерицы, черепахи и т. д. В каждой из этих групп будет от 5 до 10 уникальных статей. Думаю, понятно объяснил)))! Рубрики значительно облегчают поиск необходимого материала вашим посетителям и не дают запутаться вам на своем же сайте. Но в тоже время не стоит с этим перебарщивать 10-20 рубрик для большого CДЛ будет вполне достаточно!

Рубрики добавляются непосредственно при написании статей! Те рубрики, у которых пока нет статей не будут отображаться на вашем сайте. О добавлении рубрик расскажу ниже! Для отображения рубрик на вашем сайте нужно в сайдбаре установить виджет «Рубрики».

О виджетах и их добавлений читайте в этом уроке!

Метки

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

Для отображения меток необходимо установить виджет -«Облако меток»! Используя css, можно сделать очень красивые метки. Но лично я не использую их для своих сайтов. Возможно в будущем и попробую. . .

Добавление записи (статьи, поста)

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

Размер статьи должен быть более 1000 знаков, в идеале от 2500;

Текст статьи должен быть уникальным;

Наличие картинок и скриншотов, хорошо воспринимается как поисковиками, так и посетителями;

Ну что давайте создадим свою первую статью.

Проходим в панель управления сайтом, по адресу: вашсайт.ru/wp-admin

Заходим в записи-добавить новую. Как вы видите здесь сразу можно и создавать рубрики и метки, но это лишняя трата времени, поэтому мы добавим все это непосредственно, в момент написания статьи.

Мы попадаем в редактор WordPress, в котором мы и будем создавать все наши последующие статьи! Ниже на скриншоте вы все увидите!

Сейчас распишу весь функционал. Кнопок здесь очень много поэтому можно запутаться.

Здесь прописываем название нашей статьи!

Здесь адрес ссылки на нашу будущую статью. Как видно она пока еще не имеет рубрики, поэтому и адрес такой!

Здесь вы наблюдаете 2 кнопки. «Текст» — прописываем статью используем теги, вставляем изображения и т. д. Если же перейти во вкладку «Визуально» — то мы увидим то, как будет выглядеть наша статья, то есть ссылки на изображения превратятся в картинки, теги добавят какие-то функций. Поэтому запомните любой html код необходимо вставлять в Текстовом редакторе. Здесь добавляем фото, картинки или скриншоты на наш сайт, но об этом будет подробно рассказано в следующем уроке.

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

«B» — данная кнопка добавляет тег<strong>. Данный тег позволяет сделать текст жирным, примерно вот таким. После того как прописали необходимый текст жирным и необходимо вернутся к прежнему виду. Жмем повторно по этой кнопке, добавляя закрывающий тег</strong>!

«I» — данная клавиша делает текст наклонным курсивом добавляя открывающий и закрывающий теги <em></em> Текст выглядит вот так! Завтра референдум по Крыму!! Не забываем закрывать тег повторным нажатием по горячей кнопке! Использую довольно редко предпочитая жирный текст! Но выбор как всегда остается за вами!

Очень важная и полезная кнопка, для добавления ссылок в текст. Для того чтобы добавить ссылку выделите (стандартное выделение, чтобы текст стал синим) необходимое слово, которое будет title вашей ссылки. Затем нажмите по этой горячей клавиши и в открывшимся окне вставьте вашу гиперссылку! Теперь выделенное слово станет ссылкой! Закрытия не требует!

Предназначен для выделения цитат внутри отдельно взятого текста. Используется по крайней мере мной довольно редко! Требует закрывающего тега. Теги имеют вот такой вид<blockquote></blockquote>

Текст будет иметь во такой вид. Цитата:

Кто-то спросит: почему я должен соглашаться на низкие проценты по вкладу в банке, если мне готовы дать высокие в финансовой пирамиде, которая правда скоро лопнет? Зачем мне 14%годовых, если мне предлагают 80%?

Del и INS-2 схожие горячие кнопки, которые позволяют установить дату и время редактирования сайта. Не пользовался ими никогда!

Img — служит для добавления картинок в текст, но мы уже условились что об этом будет написано в следующем посте!

3 горячих клавиши, которые я решил объединить в одну. Итак, тег <li> — определяет отдельный элемент списка. Тег <ul> — делает этот список маркированным, а тег <ol> — нумерованным. Вот пример для наглядности:

Маркированный список нумерованный список

А реализуется это все следующим кодом:

<ul>

<li>Маркированный список</li>

</ul>

<ol>

<li>Нумерованный список</li>

</ol>

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

очень нужная кнопка, используемая мною при написании каждой статьи. Применяется мною для того чтобы сделать лишь анонс статьи, а не отображать статью полностью на вашем сайте WordPress. Когда статья полностью готова выбираю то место статьи до которого будет виден текст, примерно 300-400, знаков, навожу курсор на это место и жму по данной кнопке. Появляется тег <! —more—>. Теперь на вашем сайте видна лишь та часть статьи, которую мы выбрали. Также появится кнопочка читать далее.

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

Уникальность я проверяю в программе AdvegoPlagiatus и если уникальность ниже 95%, то я ее перерабатываю.

После того как статья готова смело можете ее опубликовывать.

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

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

Начнем с добавления изображений!

Как добавить картинку в статью

Открываем нашу первую статью, которую мы создали в прошлом уроке.

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

Для начала нам необходимо загрузить подходящую картинку на наш компьютер.

Создаём на компьютере папку «картинки», куда и будем сохранять все наши картинки.

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

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

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

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

На страницах нашего сайта появляется код!

Код можно самостоятельно редактировать! Нас интересует атрибут align (выравнивание. Вот примеры:

Align left — выравнивание по левому краю;

Align center — выравнивание по центру;

Align right — выравнивание по правому краю;

Так же необходимо производить редактирование размеров изображения: width=»150″ — ширина картинки в пикселях, можно прописывать в процентах (width=»100%» — ширина равная размерам страницы); height=»150″ — высота изображения.

Как добавить видео в статью тут все намного проще. Видео добавляем с YouTub. Можно использовать как собственное видео, так и чужое! Подписывайтесь на мой канал!

Копируем html код видео и вставляем в необходимое место на нашем сайте. Редактируем размеры для того чтобы видео невылазило за границы сайта или блока.

comments powered by HyperComments

Оставьте мне собщение