Что такое wordpress? введение для новичков

Разница между рубриками и метками

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

Рубрики — это единицы, которые разделяют записи глобально. Благодаря рубрикам создаётся структура сайта. То есть рубрики разделяют главную тематику сайта на подтемы. Рубрикам можно создать подрубрики.

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

Подробнее о разнице между метками и рубриками можно узнать здесь.

Структура шаблона

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

style.css — файл стилей в корне темы. В нём так же указывается основная информация о шаблоне, но можно её не добавлять. Без этого файла WordPress будет выдавать ошибку темы. Лично я создаю его именно для того, чтобы тема работала и оставляю его пустым.index.php — содержимое главной страницыheader.php — общая шапка сайтаfooter.php — общий футер сайтаfunctions.php — файл с функциями темыsingle.php — шаблон записиpage.php — шаблон страницыcategory.php — шаблон списка записей категорииarchive.php — шаблон списка записей архивов404.php — содержимое страницы ошибки 404search.php — шаблон страницы со списком результатов поиска

css/ — папка со стилями js/ — папка со JS скриптами

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

Основные шаги по созданию сайта

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

На самом деле это простой процесс из пяти шагов:

1. Выбрать CMS (система управления сайтом).
2. Подобрать доменное имя будущего сайта.
3. Выбрать хостинг и тарифный план.
4. Выбрать тему для сайта.
5. Установить сайт.

Поговорим о каждом шаге более подробно. Итак, приступим.

Что такое CMS?

Прежде чем мы перейдем к самой увлекательной части этого руководства, важно, чтобы вы получили общее представление о том, что на самом деле такое WordPress и что это за программное обеспечение. У нас есть отдельная статья про то, что такое движок сайта (CMS система), с инструкцией как установить любую платформу за 5 минут

Прочитайте и вернитесь сюда. Здесь мы будет говорить конкретно про CMS WordPress.

WordPress — это система управления контентом (CMS), и сегодня она является самой популярной CMS в мире. CMS — это программное обеспечение, которое вы можете использовать для простого управления содержимым вашего сайта, например изображениями, видеороликами и статьями из простой в использовании панели инструментов.

Хотя WordPress является наиболее предпочтительной CMS в Интернете, есть несколько других программ, которые также подходят для создания сайтов, таких как Drupal и Joomla. Но будьте готовы к тому, что вам придется самостоятельно привлекать программистов для разработки дополнительного функционала.

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

Базовые уроки:

• 1. Установка Денвер (Denwer) на компьютер
• 2. Установка WordPress на локальный сервер Denwer
• 3. Настройка постоянных ссылок (ЧПУ) в WordPress
• 4. Добавление записей в WordPress
• 5. Создание рубрик и подрубрик в WordPress
• 6. Добавление меток (тегов) в WordPress
• 7. Добавление миниатюры к записи WordPress
• 8. Создание новых страниц в WordPress
• 9. Добавление картинки на страницу WordPress
• 10. Смена темы (шаблона) WordPress
• 11. Как добавить видео с YouTube в WordPress
• 12. Добавление и настройка виджетов в WordPress
• 13. Создание и настройка меню в WordPress
• 14. Как изменить количество записей на странице WordPress
• 15. Как сделать главную страницу в WordPress и назначить страницу для записей блога
• 16. Как изменить название и описание сайта на WordPress
• 17. Как вставить Google карту на страницу сайта WordPress
• 18. Как изменить пароль в WordPress
• 19. Как удалить комментарии в WordPress
• 20. Как отключить возможность комментировать страницы и записи в WordPress
• 21. Как установить плагины в WordPress
• 22. Как создать форму обратной связи (контактную форму) в WordPress
• 23. Как создать галерею изображений в WordPress
• 24. Как создать карту сайта в WordPress
• 25. Как сделать 301 редирект (перенаправление) в WordPress
• 26. Как добавить или изменить CSS стили в WordPress
• 27. Как создать всплывающие (модальные) окна в WordPress
• 28. Установка иконки Favicon на сайт WordPress
• 29. Создание кнопки «Вверх» для сайта на WordPress
• 30. Как избавиться от спама в WordPress. Установка и настройка плагина Akismet
• 31. Как установить счетчик посещаемости liveinternet.ru на сайт WordPress
• 32. Как сделать резервную копию базы данных в WordPress
• 33. Как восстановить сайт на WordPress из резервной копии базы данных
• 34. Как добавить иконку в меню WordPress
• 35. Как убрать или изменить надпись «Сайт работает на WordPress»
• 36. Как оптимизировать базу данных WordPress
• 37. Как увеличить скорость загрузки страниц сайта WordPress
• 38. Как создать форум на сайте WordPress
• 39. Как перевести тему или плагин WordPress на русский язык
• 40. Как подключиться к FTP серверу
• 41. Как перенести сайт WordPress на хостинг
• 42. Как обновить ссылки в WordPress после переноса сайта
• 43. Как сделать некликабельный пункт меню в WordPress
• 44. Как поставить водяные знаки на изображения в WordPress
• 45. Как изменить форму входа в админку WordPress
• 46. Как скрыть пункты меню от незарегистрированных пользователей в WordPress
• 47. Как установить слайдер изображений на сайт WordPress
• 48. Как создать мультиязычный сайт на WordPress
• 49. Как защитить информацию от копирования на сайте WordPress
• 50. Как изменить шрифт на сайте WordPress
• 51. Как сделать robots.txt для WordPress

HTML шаблон

Bootstrap v4 начальный шаблон

Для его работы понадобятся файлы bootstrap.min.css и bootstrap.min.js, которые мы соответственно добавляем в папки css и js нашей темы. Скачать их можно по кнопке Download source code на той же странице.

Перед тем, как тема будет «разрезана» на шапку и футер вы можете добавить весь исходный код шаблона в файл index.php и увидеть, что тема работает. Путь до папки с темой указывается функцией — это чтобы сразу в теме указать ссылки для скриптов. Должно получится примерно следующее:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">

    <title>Starter Template for Bootstrap</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/starter-template/">

    <!-- Bootstrap core CSS -->
    <link href="<?=get_template_directory_uri();?>/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="<?=get_template_directory_uri();?>/css/starter-template.css" rel="stylesheet">
  </head>

  <body>

    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
      <a class="navbar-brand" href="#">Navbar</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarsExampleDefault">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#">Disabled</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
            <div class="dropdown-menu" aria-labelledby="dropdown01">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
      </div>
    </nav>

    <main role="main" class="container">

      <div class="starter-template">
        <h1>Bootstrap starter template</h1>
        <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
      </div>

    </main><!-- /.container -->

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="<?=get_template_directory_uri();?>/js/vendor/jquery-slim.min.js"><\/script>')</script>
    <script src="<?=get_template_directory_uri();?>/js/vendor/popper.min.js"></script>
    <script src="<?=get_template_directory_uri();?>/js/bootstrap.min.js"></script>
  </body>
</html>

Если все сделано верно, то на главной странице сайта отобразится тема Bootstrap 4.

Правая сторона страницы редактора

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

Опубликовать

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

С помощью кнопок «запланировать» можно отсрочить публикацию на нужную дату и/или время.

Рубрики

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

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

Метки

Метки WordPress относятся к функционалу таксономии, то есть объединения статей сайта. У страниц и медиафайлов меток нет. Это значит, что ты с помощью меток можешь группировать статьи из разных рубрик. На все добавленные метки создаются архивы. По умолчанию URL архивов меток помечается как tag. Изменить значение tag можно в общих Настройках>>>Постоянные ссылки.

Управляются метки на вкладке консоли Внешний вид>>>Метки.

Изображение записи

Это возможность, добавить миниатюру к записи (thumbnail). Обязательно при добавлении миниатюры заполняем поле «Альтернативный текст», он будет в теге <alt> к картинке.

Размер миниатюры по умолчанию, ты указал в Общих настройках>>>Медиафайлы. Если поставил галочку «обрезать миниатюру», то картинка миниатюры будет обрезана под установленную настройку.

Освоение WordPress

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

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

На нашем сайте вы найдете следующие разделы:

Уроки WordPress — здесь мы публикуем полезные статьи, подробные инструкции и руководства.

Темы — в этом разделе вы найдете обзоры бесплатных, платных и премиум тем WordPress.

Плагины — а здесь мы размещаем все, что касается плагинов WordPress: как установить и настроить, как использовать, какие плагины лучше и тому подобное.

Если вы только начинаете изучать WordPress, пожалуйста, прочитайте эти статьи:

Все о Gutenberg — новом редакторе WordPress.

Все о SEO 2021.

Не нравится Gutenberg? Вот 2 способа как отключить новый редактор и продолжить работать в классическом.

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

И подписывайтесь на нас в , Instagram и YouTube.

Следующий шаг — заработок

Самое интересное, что уже этих навыков будет достаточно, чтобы получить свою первую денежку. Денежка, конечно, будет небольшой. Расчитывать с такими навыками на прибыльный фриланс — не стоит. По простой причине: задачи простые, умеющих их выполнить — 100000, конкуренция большая, компетенции большой ценности не представляют.

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

Что нужно знать, чтобы зарабатывать больше:

• html+css. умение верстать или хотя бы понимание общих принципов
• программирование (Javascript, PHP, Python, MySQL и т.д.)
• seo-оптимизация
• интернет-маркетинг
• и т.д.

Обычно, проще всего дается верстка. Это достаточно механический навык и для освоения его не требуется особого склада ума. Верстка макетов под Вордпресс — хорошая специализация, на которой можно неплохо заработать и утвердиться в собственном ремесле. Даже не смотря на то, что всякие команды, типа themeforest, под WP выпускает массу шаблонов с небольшим ценником за покупку.

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

Пошаговая инструкция создания блога: домен и хостинг

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

В выборе хостинга обратите внимание на соотношение стоимости и разрешенной нагрузки

Однако даже если вы промахнулись с выбором хостинг-провайдера или регистратора, не отчаивайтесь. Всегда можно перенести блог с одном хостинга на другой, или к другому регистратору доменных имен. В статье о переносе на хостинг вы также узнаете, как перенести сайт с денвера на новый хостинг. Для оперативной работы и добавления файлов на удаленный сервер лучше пользоваться файловым менеджером хостинга или FTP-клиентами, такими как FileZilla или Total Commander. После того, как вы зарегистрировали доменное имя и залили свой блог на хостинг, ваш сайт появится в сети Интернет.

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

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

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

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

P.S. Вчера решила почистить старый ноутбук от пыли внутри, разобрала, а собрать обратно не могу. Вот беда, что же делать?

Устанавливаем WordPress на хостинг

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

Ручная установка

Самостоятельно установить WordPress на хостинг – значит:

• загрузить архив с официального ресурса;
• добавить на хостинге веб-сайт;
• выгрузить архив с CMS на веб-хостинг через встроенный файловый менеджер или FTP;
• привязать к CMS готовую БД.

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

1. Открываем официальную страницу WordPress и загружаем оттуда архив.
2. Переходим в личный кабинет хостинга и добавляем сайт. Для этого в разделе «Сайты» выбираем «Создать новый сайт». Задаем ему название и кликаем «Создать».
3. Привязываем домен к новому веб-сайту.

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

Добавляем файлы через файловый менеджер

1. В разделе «Файловый менеджер» создана папка с названием веб-сайта – в нашем случае это WordPress. Открываем ее и перемещаемся в «public__html». В результате путь будет указан следующий: /WordPress/public_html.
2. Удаляем из папки всю информацию. Для этого нажимаем «Правка» -> «Выделить все», а затем выбираем «Файл» -> «Удалить».
3. Помещаем в папку архив с Вордпрессом и разархивируем его.
4. Сейчас все документы WP находятся в папке, откуда нам потребуется их переместить в раздел public_html. Для этого открываем директорию, выделяем все файлы и вырезаем их – нажмем «Правка» -> «Выделить все» -> «Вырезать».
5. Возвращаемся в предыдущую директорию и вставляем туда вырезанные документы.

Готово! Файлы WordPress загружены, теперь потребуется присоединить информационное хранилище к системе. Вы можете пропустить следующую инструкцию и перейти сразу к настройке БД.

Добавляем файлы через FTP

1. Загружаем клиент FileZilla с официальной страницы и устанавливаем его на компьютер. Затем на главной странице Timeweb смотрим данные для входа по FTP и переходим к следующему пункту.
2. В FileZilla вводим полученные данные и указываем пароль от учетной записи. Затем жмем на кнопку «Быстрое соединение».
3. При успешном соединении в нижнем правом окне будут отображены файлы с хостинга.
4. Не будем на этом останавливаться – потребуется выполнить то же самое, что мы делали в предыдущей инструкции. Необходимо добавить документы из архива Вордпресс в папку public_html, предварительно очистив ее.

Как привязать базу данных к WordPress

1. Открываем файловый менеджер или FTP-клиент и перемещаемся в папку с загруженными файлами. Находим там документ wp-config-sample.php и кликаем по нему двойным щелчком мыши.
2. В строчках DB_NAME, DB_USER, DB_PASSWORD прописываем данные от ранее созданной БД. В завершение жмем на кнопку «Сохранить».
3. Переименовываем файл в wp-config.php. Для этого выделяем его и нажимаем «Файл» -> «Переименовать».
4. Осталось перейти по привязанному домену.
5. После этого отобразится еще одно окно для авторизации – вводим в него логин и пароль, данные при регистрации. Мы в панели управления WordPress! 

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

Автоматическая установка

В этом способе нам потребуются только возможности Timeweb. Рассмотрим, как ими воспользоваться:

1. Переходим в раздел «Каталог CMS», находим в списке WordPress и кликаем по нему левой кнопкой мыши.
2. В отобразившемся окне нажимаем «Установить приложение». Затем привязываем доменное имя и информационное хранилище. После этого кликаем по кнопке «Начать установку».
3. В результате перед нами отобразится дополнительное окно – кликаем в нем по «Перейти к приложению».
4. Вводим логин и пароль от системы управления сайтами, в результате чего попадаем в админку Вордпресс.

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

Виды заработка на своем сайте

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

1. Баннерные сети. На сайте размещается графический файл или текстовый блок, нажав на который, можно перейти на рекламируемую страницу;
2. Файлообменные системы — получение прибыли при скачивании другими пользователями загруженного файла;
3. Биржа ссылок. Нужно зарегистрироваться в системе и получить код, который будет размещен на своем портале. Далее необходимо выбрать место для рекламных ссылок. Биржа взимает комиссию за посредничество. Существуют такие сервисы: Sapa, TrustLink, MainLink и другие;
4. Партнерские программы. Многие площадки готовы платить за регистрацию на своей странице, которые происходят через ссылки на вашем сайте;
5. Биржи статей (Miralinks, Rotapost, Gogetlinks, Блогун). Зарегистрированный на одном из этих серверах пользователь может выбрать вашу площадку для размещения статьи с ссылкой на свою страницу.

index.php

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

<?php if (have_posts()): while (have_posts()): the_post(); ?>
	Здесь HTML код и функции вывода значений поста (заголовок, дата, ссылка, текст и т.д.)
<?php endwhile; else: ?>
	<p>Записей не найдено.</p>
<?php endif; ?>

А вот основные функции цикла, которые нам понадобятся:

the_title() — выводит заголовок постаthe_content() — выводит текст анонса или полный текст, если цикл находится внутри записиthe_permalink() — ссылка на постthe_time() — дата и время создания постаthe_posts_pagination() — пагинация

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

В итоге получился следующий код главной страницы:

<?php get_header();?>

<h1 class="my-4"></h1>
<?php if (have_posts()): while(have_posts()): the_post();?>
<h2 class="card-title"><a href="<?the_permalink();?>"><?the_title();?></a></h2>
<div class="card mb-4">
	<a href="<?the_permalink();?>"><img class="card-img-top" src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>" alt="<?the_title();?>"></a>
	<div class="card-body">
		<p class="card-text"><small class="text-muted"><?the_time('j F Y');?></small> <?php the_tags('');?></p>
		<?the_content('');?>
		<a href="<?the_permalink();?>" class="btn btn-primary shadow-none">Читать далее →</a>
	</div>
</div>
<?php endwhile; else:?>
	<p>Записей не найдено.</p>
<?php endif;?>
<?php the_posts_pagination(array(
	'mid_size' => 4,
	'end_size' => 2,
));?>
		
<?php get_footer();?>

За сколько можно научиться работе с Вордпрессом

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

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