Как редактировать сайт: ❶ Как редактировать сайт 🚩 Управление сайтами

Как редактировать страницы сайта: пошаговая инструкция

Чтобы редактировать страницы сайта, зайдите в админку и выберите раздел «Страницы» в меню слева.

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

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

Например, у секретаря организации изменился номер телефона, и Вы хотите внести эту информацию на сайт. В меню Вашего сайта есть страница «Контакты», а в нее вложены страницы «Директор», «Зам. директора», «Секретарь». Тогда в перечне страниц сайта Вам нужно выбрать страницу первого уровня — «Контакты» — и нажать на синюю папку рядом с названием страницы. Откроется список вложенных страниц: выберите из них нужную (в нашем случае — «Секретарь») и нажмите «Редактировать».

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

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

 

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

Когда Вы внесете все необходимые изменения, не забудьте сохранить страницу.

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

Также Вы всегда можете добавить на сайт новые страницы, подробнее об этом — в отдельной статье.

Редактирование сайта на хостинге: понятная инструкция

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

Изменение содержания страниц сайта

Если вы начинающий вебмастер, то в таком случае вас наверняка беспокоит вопрос как редактировать сайт на хостинге? Любой веб-сервис представляет собой набор HTML и CSS тегов. Именно они отвечают за то, как выглядит интернет-ресурс. Редактируя исходный код веб-сайта, можно менять содержание веб-страниц, их внешний вид и т.д.

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

Однако копаться висходных кодах HTML и CSS не удобно. Именно по этой причине были разработаныразличные программные средства, которые позволяют произвести редактирование сайта на хостинге. Наданный момент широко распространены менеджерыфайлов, которые часто называют CMS (от английского Content ManagerSystem). Что это такое? Ответ на данный вопрос вы получите после прочтенияданной статьи.

Что такое CMS?

Content Manager Systemили же CMS — это система управления контентом, которая позволяет создавать илиже редактировать уже залитый на хостингинтернет-сайт. Суть данной технологии заключается в разделении содержимогоинтернет-сайта и его внешнего вида. Пользователю предоставляют шаблон, вкотором задано конкретное оформление странице. Все что нужно сделатьпользователю — заполнить его различной информацией.

Системы управления контентом оснащены удобным и понятным на уровне интуиции интерфейсом. Поэтому редактировать интернет-сайт без особых проблем смогут даже люди, далекие от мира высоких технологий. Для этого не нужно каких-то узкоспециализированных знаний. Освоить базовый функционал практически любой Content Manager System можно за пару часов.

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

1. Простота в плане эксплуатации;
2. CMS позволяет создать интернет-сайт в кратчайшие сроки;
3. Обширный функционал за счет различных дополнений, плагинов и т.д.

Сейчас на рынкепрограммного обеспечения существует огромное количество Content Manager System.Пожалуй, наиболее популярным вариантом являются сайты на WordPress. Эта система управления контентом получила широкоераспространение за счет открытого исходного кода и публичной лицензии.Использовать WordPress может любой желающий совершенно бесплатно. Помимообозреваемой CMS существует огромное количество других программных продуктов.Каждый из них имеет собственную сферу применения. К примеру:

• Для социальныхсетей — Social Engine, InstantCMS;
• Длякорпоративных интернет-сайтов — Joomla, Drupal;
• Дляинтернет-магазинов— OpenCart, Magneto, osCommerce;
• Для блогов ифорумов — phpBB, vBulletin.

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

Вывод

На сегодняшний день длятого чтобы редактировать сайт на хостинге используют различные системыуправления контентом. На рынке программных продуктов существует огромноеколичество CMS. WordPress, OpenCart, Drupal, Joomla — и это далеко не полныйперечень актуальных на данный момент систем управления контентом. КаждаяControl Manager System имеет свою собственную сферу применения.

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

Представленный на нашем интернет-ресурсе список объективен и непредвзят. В него включены самые надежные провайдеры, которые занимаются предоставлением хостинг-услуг уже на протяжении многих лет. Используя наш рейтинг, вы без проблем найдете хороший хостинг-сервис. Beget, reg.ru, FOZZY — это далеко не полный перечень компаний, на которые стоит обратить внимание. Полный список фирм вы можете посмотреть у нас на сайте.

Как редактировать сайт на wordpress, а также его код?

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

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

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

Изменяем сайт в cms WordPress

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Новые посты в WordPress добавляются с помощью удобного визуального редактора. При необходимости вы можете переключиться в режим html, в котором можете свободно вставлять код в запись, при условии владения языками html, css и javascript.

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

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

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

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

Внешний вид. Эту вкладку я подробно рассматривать не буду, так как это займет 10 страниц текста) В общем, здесь вы можете настроить меню, виджеты, изменить шаблон, фоновый рисунок и даже поковыряться в коде.

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

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

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

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

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

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

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

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

Как редактировать сайт в конструкторе?

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

Как редактировать код сайта?

Код вы сможете изменять, только если имеете доступ к файлам на сервере. Например, FTP-доступ. Соединяемся по ftp и находим у себя на сервере папку со своим сайтом. Там уже вы сможете увидеть файлы, найти нужный и редактировать. Вообще советую вам лезть в код, только если есть хотя бы базовые знания.

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

Прямо на сервере

Качать себе на компьютер, изменять и закачивать обратно

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Фреймворк YII2. Быстрый старт

Создание блога с использованием фреймворка Yii2!

Смотреть видео

Как редактировать страницы сайта в REG.Site — редактирование сайта на хостинге

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

Как открыть редактор

1. 1.

   В Личном кабинете в карточке сайта нажмите Редактировать сайт:

2. 2.

   Перейдите на страницу, которую хотите отредактировать:

3. 3.

   Затем нажмите Редактировать страницу

   в верхнем меню:

Готово, теперь вы можете приступить к редактированию.

Обратите внимание!

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

Основные элементы редактирования

Каждую страницу можно редактировать на 3 разных уровнях:

• раздел,
• строка,
• модуль.

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

Каждому элементу соответствует свой цвет меню и кнопки «+»: раздел — синий цвет, строка — зелёный, модуль — серый. Соответственно, если вам нужно изменить существующий раздел, нажмите на синее меню в левом верхнем углу раздела; если нужно добавить новый раздел — нажмите на плюс синего цвета на странице ниже. Аналогично с другими элементами.

Чтобы увидеть схему сайта поуровнево:

1. 1.
   Нажмите на Три точки внизу:

2. 2.

   Выберите Каркасный вид:

   Ниже расскажем, как редактировать каждый из блоков.

Разделы

Основным и самым большим блоком страницы является раздел. Именно с него начинается создание контента. Сначала добавьте новый раздел.

Как добавить новый раздел

1. 1.

   Нажмите на синюю кнопку с плюсом:

2. 2.

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

Как настроить раздел вида «Обычный» и «Особенный»

Чтобы перейти в режим настройки, дважды кликните левой кнопкой мыши по разделу или нажмите на значок Шестерёнка в левом верхнем углу:

Настройки разделены на несколько частей: «Контент», «Дизайн» и «Дополнительно»:

Контент. С помощью этого блока можно выбрать цвет фона (однотонный или градиент) или вставить фоновое изображение или видео. Если вы хотите, чтобы весь раздел вёл на определённую страницу, то в этом блоке можно вставить ссылку.

Обратите внимание! Видео нужно загружать сразу в двух форматах — .MP4 и .WEBM, чтобы на всех браузерах оно отображалось корректно. Также на мобильных устройствах отключены видеофоны, поэтому обязательно установите обычный фон или фоновое изображение, чтобы оно отображалось вместо видео.

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

Дополнительно

. Этот блок может быть полезным для опытных веб-дизайнеров. Здесь можно ввести CSS ID и CSS-класс. Можно добавить несколько классов, если разделить их пробелом. Классы можно использовать для всей темы Divi. В разделе «Пользовательский CSS» можно добавить собственный CSS непосредственно к каждому элементу. Введите правила CSS и разделите их точкой с запятой. В опции «Видимость» можно отключить раздел на опредёленном устройстве, например для упрощения загрузки контента на мобильной версии сайта.

Как настроить раздел «В ширину»

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

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

Строки

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

Чтобы создать строку, нажмите на зелёную кнопку с плюсом и выберите нужный вариант:

Чтобы отредактировать существующую строку, дважды кликните левой кнопкой мыши по блоку или нажмите на значок Шестерёнка:

Так же как и при работе с разделом, настроить строку можно во вкладках: «Контент», «Дизайн» и «Дополнительно»:

Контент. Можно изменить количество столбцов, выбрать цвет фона (однотонный или градиент), вставить фоновое изображение или видео. Также можно установить ссылку, чтобы вся строка вела на опредёленную страницу.

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

Дополнительно. Здесь можно ввести CSS ID и CSS-класс и Пользовательский CSS.

Модули

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

Чтобы добавить модуль, нажмите на серый знак плюса и выберите один из 38 предложенных вариантов. Например, модуль «Реклама»:

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

Так же как и при работе с разделом и строкой, настроить модуль можно в 3-х вкладках: «Контент», «Дизайн» и «Дополнительно». В зависимости от вида модуля настроек может быть больше.

Контент. В этом блоке настраивается текст, изображение, ссылки внутри модуля и фон. Текстовый редактор похож на знакомый всем Word.

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

Динамический контент и выберите один из предложенных вариантов:

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

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

Дополнительно. Можно ввести CSS ID, CSS-класс и Пользовательский CSS.

Как посмотреть сайт на разных устройствах

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

1. 1.

   Нажмите на Три точки внизу в центре экрана:

2. 2.

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

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

Как посмотреть историю изменений

1. 1.

   Нажмите на Три точки внизу экрана.

2. 2.

   Нажмите на иконку Часы:

   На экране появится список изменений. Выберите любую версию сайта и верните настройки к более старой версии.

Как сохранить изменения на странице

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

1. 1.

   Нажмите на Три точки внизу экрана.

2. 2.

   Нажмите Сохранить:

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

Помогла ли вам статья?

4 раза уже
помогла

Как редактировать страницы в WordPress (начинающие и продвинутые)

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

Примеры, которые я здесь использовал, относятся к системе WordPress.org , но WordPress.com очень сравним по способу изменения страниц. Сообщение будет полезно для двоих.

ОБНОВЛЕНИЕ. Этот пост относится к классическому редактору WordPress, а не к блокам WordPress, также известным как редактор WordPress Glutenberg, который используется с 2018 года.Однако для некоторых этот пост все равно будет полезен.

Давайте посмотрим, что вы узнаете.

К концу этого поста вы должны понять, как форматировать и редактировать страницы в WordPress:

• Редактирование и сохранение в области администрирования,
• просмотр изменений в интерфейсе пользователя,
• и использование инструментов форматирования в WordPress. редактор.

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

Что вам нужно для редактирования страниц в WordPress

Когда они у вас есть, перейдите к своему URL-адресу, набрав его в браузере или щелкнув ссылку.

Введите имя пользователя и пароль и нажмите Войти . Вы попадете в панель управления WordPress.

Просмотр веб-сайта WordPress в новой вкладке

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

Самый простой способ открыть интерфейс вашего веб-сайта WordPress в новой вкладке:

• В админке наведите указатель мыши на значок дома в левом верхнем углу экрана.
• В раскрывающемся меню НАЖМИТЕ ПРАВОЙ кнопкой на «Посетить сайт».
• Щелкните «Открыть ссылку в новой вкладке». Я подчеркнул это ниже красным.

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

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

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

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

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

Редактирование содержимого страницы в WordPress

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

Щелкните СТРАНИЦЫ в меню слева. Перечислены страницы вашего сайта.

Дополнительные параметры появляются при наведении курсора на название страницы.

РЕДАКТИРОВАТЬ откроет полный экран редактирования.

QUICK EDIT позволит вам изменить заголовок, заголовок, дату, конфиденциальность, родительский элемент, порядок, шаблон и статус на этом экране.

БИН отправит страницу в корзину. Страница больше не будет видна на сайте.

VIEW позволит вам увидеть именно эту страницу — переднюю (или общедоступную).

Чтобы отредактировать страницу, выберите первый вариант — РЕДАКТИРОВАТЬ. Или нажмите на название страницы.

Вы попадете на экран редактирования страницы WordPress.

Учебное пособие по редактированию страниц в WordPress

Сначала я должен обратить ваше внимание на то, что темы и плагины в WordPress иногда настраивают экран «редактирования страницы».

Например, DIVI использует интерфейс, который называется DIVI Builder, а Avada — Fusion Builder.

Какую версию вы используете?

Последний редактор WordPress — это редактор блоков Gutenberg. Если ваша страница похожа на изображение ниже, вы используете блоки, и вам следует посетить мой пост в редакторе блоков.

Если редактор WordPress похож на изображение ниже, вы используете классический редактор WordPress.

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

Объяснение значков кнопок редактора WordPress

В классическом редакторе первый значок кнопки — это значок ПЕРЕКЛЮЧЕНИЕ ПАНЕЛИ ИНСТРУМЕНТОВ, который когда-то назывался «кухонная мойка».На изображении выше вы можете видеть, что он активирован, потому что он нажат.

Значок переключения панели инструментов выглядит следующим образом:

Этот значок кнопки показывает или скрывает дополнительные параметры форматирования. Держите его активным.

Форматирование текста в WordPress

Как и в большинстве редакторов, вы можете выделить текст и отформатировать его.

Подсказка: Дважды щелкните одно слово, чтобы полностью выделить его.

Слева направо на главной панели редактирования:

B — делает текст жирным или насыщенным.
I — выделяет выделенный текст курсивом.
ABC — добавит зачеркнутый текст, как если бы он был зачеркнут. Удобно для проданных товаров.

Это значок кнопки для неупорядоченного списка в Web Talk, но WordPress называет его маркированным списком. Используйте это для создания списков. Например:

• Это первая точка.
• Это второй по порядку ведения заседания.

В конце каждой строки нажимайте клавишу возврата (или ввода) каждый раз, когда вам нужна новая строка и новый маркер.

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

• Это название моего первого пункта.
  Я немного расскажу об этом, нажав SHIFT-ENTER.
• Теперь у меня есть вторая точка.
  Немного об этом.

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

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

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

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

---

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

Выравнивание абзацев в WordPress

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

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

Щелкните строку текста, затем щелкните инструмент выравнивания. Выравнивание будет применено ко всему абзацу.

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

• Поместите курсор в конец первого абзаца.
• Теперь нажмите DELETE (пробел), чтобы вытянуть второй абзац вверх.
• Нажмите ENTER, чтобы закончить один абзац и начать новый.
• Теперь их можно выровнять отдельно.

Создание и редактирование ссылок в WordPress

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

Чтобы связать текст в WordPress, не забудьте сначала выделить текст.

Совет: Дважды щелкните одно слово, чтобы выделить все слово. Удерживая нажатой клавишу Shift, щелкните второе слово, чтобы выделить его.

Теперь щелкните значок ссылки.

Если вы делаете ссылку на страницу / сообщение на своем сайте, начните вводить заголовок.
NB. введите НАЗВАНИЕ страницы, а не заголовок.

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

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

Откроется новое окно под названием LINK OPTIONS. Здесь вам будет проще выбрать страницу, на которую вы хотите создать ссылку.

Не рекомендуется, но ссылки могут открывать новое окно (или вкладку). Просто установите флажок «Открыть ссылку в новой вкладке» на экране параметров ссылки. Google наказывает ссылки, открывающие другое окно — пользователи должны иметь возможность принять это решение.

Совет: В последней версии WordPress при связывании текста вам даже не нужно нажимать значок ссылки. Скопируйте ссылку в буфер обмена, выделите текст и нажмите Ctrl-v, чтобы вставить ссылку.

Создание ссылки на изображение в WordPress выполняется аналогично.

Выберите изображение, затем щелкните значок ссылки. Следуйте инструкциям выше.

Как редактировать ссылку в WordPress

Чтобы ИЗМЕНИТЬ ссылки, выполните аналогичные шаги.

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

Как удалить ссылку в WordPress

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

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

Абзацы и заголовки в WordPress

На панели инструментов вы увидите раскрывающееся меню.

Чтобы отформатировать строку, щелкните текст в строке или абзаце и используйте раскрывающееся меню, чтобы выбрать абзац, заголовок 1, заголовок 2.

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

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

Дополнительные инструменты форматирования в WordPress

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

Просто выделите текст и щелкните значок подчеркивания.

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

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

Зачем вообще нужен значок «Вставить как текст» в WordPress? Вы обнаружите, что, копируя текст с другого веб-сайта или из Word, вы также копируете форматирование этого текста. Когда вы вставляете его на свою страницу, вы также вставляете форматирование, и ваша страница выглядит ужасно.

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

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

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

Это значки отступов.С их помощью вы можете увеличить или уменьшить отступ абзаца или заголовка.

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

Сохранение страницы WordPress

Когда вы вносите существенные изменения в свою страницу WordPress или в публикацию, нажмите кнопку «ОБНОВИТЬ», чтобы сохранить страницу.Это обновляет общедоступную страницу. Всегда обновляйте страницу при просмотре изменений в интерфейсе, чтобы проверить свою работу.

Автоматическое сохранение и редактирование в WordPress

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

Последний черновик, сохраненный в WordPress.

Версии вашей страницы можно отозвать, используя ссылку на ревизии. Он находится справа над кнопкой ОБНОВЛЕНИЕ.

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

Вы попадете на экран «Сравнить версии».

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

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

Редактирование постоянных ссылок в WordPress

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

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

Подсказка: Если вы совершили ужасную ошибку и изменили постоянную ссылку, но не можете вспомнить исходный URL-адрес, выполните поиск страницы с помощью поиска Google.Добавьте название компании в поиск, и вы, вероятно, найдете в списке исходный URL. Измените постоянную ссылку на исходное имя.

Спасибо!

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

Добавление и редактирование разделов веб-страницы

Мы Вам поможем —

• Получите свой бизнес в Интернете
  • • Сайты

      Создайте бесплатный веб-сайт со встроенными маркетинговыми инструментами.

    • Домены

      Заявите права на персональный домен, чтобы людям было проще найти ваш бренд в Интернете.

  • Посмотреть обзор
• Продвигайте свой бизнес
  • • Эл. адрес

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

    • Целевые страницы

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

    • Цифровая реклама

      Обратитесь к людям на Facebook, Instagram и в Интернете.

    • Социальные медиа

      Увеличьте число подписчиков с помощью таргетированной рекламы и обычных публикаций в Facebook, Instagram и Twitter.

    • Открытки

      Отправляйте распечатанные открытки по всему миру с помощью нашего средства поиска адресов.

  • Посмотреть обзор

Особенности платформы —

• Управление аудиторией
• Творческие инструменты
• Автоматизация маркетинга
• Аналитика и аналитика
  • • Отчеты

      Отслеживайте продажи и эффективность кампании в удобных для понимания отчетах.

    • A / B тестирование

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

    • Обзоры

      Оценивайте интерес и удовлетворенность клиентов, собирая отзывы.

  • Все инструменты аналитики

Не уверен, где начать? —

• Что мне подходит?
  • • Электронная коммерция и розничная торговля

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

    • Мобильные и веб-приложения

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

    • Стартапов

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

    • Агентства и фрилансеры

      Получите привилегии и инструменты для управления клиентами, присоединившись к нашему бесплатному сообществу Mailchimp & Co.

Обновления продукта

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

Узнай что нового

Как создать веб-сайт на WordPress: пошаговое руководство для начинающих

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

Пожалуйста, потерпите меня! Вот почему:

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

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

И последнее, но не менее важное: подход «Сделай сам» (без навыков программирования), который мы здесь представляем, невероятно экономичен. Фактически, вы можете создать и запустить свой веб-сайт всего за ~ 35 долларов в год.

Вот как сделать сайт самостоятельно, шаг за шагом:

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

1. Найдите доменное имя для своего сайта.
2. Зарегистрируйтесь на веб-хостинге (мы рекомендуем Bluehost).
3. Установите WordPress через интерфейс Bluehost.
4. Выберите бесплатную тему WordPress из онбординга Bluehost.
5. Получите несколько обязательных плагинов WordPress, которые помогут в росте вашего сайта.
6. Начните создавать свои страницы и сообщения в блогах.

Когда вы будете готовы зарегистрировать учетную запись веб-хостинга, убедитесь, что вы используете одну из ссылок Bluehost на этой странице. Их прохождение приведет к двум вещам: (1) — это партнерские ссылки, что означает, что мы получаем небольшую комиссию, если вы покупаете через них, (2) — это разблокирует 2 доллара.95 против цены со скидкой 3,95 доллара для вас . Вы не получите эту скидку, если посетите сайт Bluehost каким-либо другим способом.

Как сделать сайт — с высоты птичьего полета

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

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

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

Шаг 1. Выберите WordPress в качестве платформы вашего веб-сайта

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

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

Но хватит технических подробностей! Как я уже сказал, существует множество CMS — на самом деле, более 100, как указано в Википедии.

К счастью, выбрать лучшую несложно. На вершине горы только один король — WordPress.

WordPress используется более чем на 34% всех веб-сайтов (согласно данным).Опять же, это всех веб-сайтов!

(Графики визуализатора.)

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

Вот основные сведения о WordPress:

• это открытый код
• бесплатно
• это идеальное решение для создания веб-сайтов своими руками
• он очень универсален — может работать с любым типом веб-сайтов.
• это быстро, оптимизировано и безопасно
• SEO-совместим — упрощает продвижение

Теперь одно важное различие; «WordPress», о котором мы здесь говорим, — это «WordPress, программное обеспечение.Вы можете найти его, если зайдете на WordPress.org.

Существует также другая разновидность WordPress — «WordPress, коммерческая служба», которую вы можете найти, перейдя на сайт WordPress.com. Мы описываем различия между ними здесь.

А пока давайте просто вспомним, что нам нужен WordPress.org , так как это более универсальная и дешевая версия платформы. Все это станет ясно на следующих этапах.

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

Шаг 2. Выберите имя для своего сайта, купите домен и хостинг

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

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

Однако! Есть еще кое-что, что вам нужно понять, чтобы настроиться на успех в будущем.

Во-первых, в сети насчитывается почти 2 миллиарда (!) Веб-сайтов (на момент написания). Это означает, что оставаться оригинальным может быть довольно сложно.

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

Короче говоря, хорошее доменное имя должно быть:

• фирменный стиль — уникальное звучание, не похожее ни на что другое на рынке
• легко запомнить
• короткие — их тоже легче запомнить
• легко набирать и сложно перепутать — вы же не хотите, чтобы люди задавались вопросом, как пишется название вашего сайта
• , включая ключевые слова, относящиеся к нише — например, если вы делаете что-нибудь с пиццей, было бы здорово иметь слово «пицца» где-нибудь в названии сайта; То же самое работает и в отраслях, не связанных с пиццей.🍕

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

Если вы не знаете, какой домен вы хотите получить, перейдите прямо к нашему генератору №1 — Domain Wheel и посмотрите, как он может вам помочь.

Начните с ввода ключевого слова, которое хорошо определяет ваш сайт.

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

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

а) Покупка доменного имени и хостинг

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

🧙 Примечание для новичков: что вообще такое хостинг?

Проще говоря, веб-хостинг (он же веб-сервер) — это то, без чего не может жить ни один веб-сайт.Это место, где ваш веб-сайт находится в ожидании посещения посетителей.

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

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

На практике все намного проще, чем кажется, что вы увидите через минуту.

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

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

Мы собираемся использовать Bluehost. Вот почему:

• Bluehost — это авторитетный веб-хостинг, который оптимизирован для WordPress и гарантирует, что ваш веб-сайт работает без сбоев.
• — одна из немногих компаний, рекомендованных на официальном сайте WordPress.сайт организации
• дешево (от 2,95 $ в месяц)
• прост в использовании и удобен для новичков
• вы получаете доменное имя бесплатно

Вот что будет сейчас:

1. Мы собираемся перейти на Bluehost и выбрать план хостинга для нашего сайта.
2. Мы также собираемся зарегистрировать доменное имя в Bluehost (домен бесплатный).
3. Мы скажем Bluehost установить и настроить чистую версию WordPress на нашем новом хостинге.
4. Мы выйдем со 100% работающим веб-сайтом WordPress!

Приступим — вот как создать сайт:

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

В большинстве случаев, если вы запускаете новый сайт, достаточно самого дешевого тарифного плана — Базового. Это всего лишь 2,95 доллара в месяц.

На следующем шаге введите доменное имя, которое вы решили получить для своего сайта:

Далее укажите свои личные данные:

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

Примечание; вы получите самую низкую цену, если купите пакет хостинга как минимум на 12 месяцев.

На этом этапе вы можете нажать «ОТПРАВИТЬ» и завершить покупку.

б) Указание Bluehost установить для вас WordPress

Поскольку теперь вы зарегистрировались в Bluehost и подготовили настройку хостинга, единственным недостающим элементом является WordPress.

Хотя технически вы можете установить WordPress вручную , зачем вам это делать, если вы можете заставить других делать это за вас, причем бесплатно! Вот как:

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

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

Кроме того, вы также можете установить WordPress, зайдя в раздел Мои сайты и нажав кнопку Create Site :

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

Шаг 3. Ознакомьтесь с пользовательским интерфейсом WordPress

Вы можете войти в свою пользовательскую панель WordPress, если зайдете по адресу www.YOURDOMAIN.com/wp-admin/

Вот что вы увидите:

Используйте учетные данные для доступа, которые вы установили в Bluehost на предыдущем шаге («скриншот установки WordPress» выше).

После успешного входа в систему вы увидите основной интерфейс WordPress во всей красе:

• (1) Приветственное сообщение — Некоторые из наиболее важных областей панели администратора перечислены в виде быстрых ссылок — обычно это ваши ярлыки для создания веб-сайта.
• (2) Текущее состояние вашего сайта и что с ним происходит.
• (3) Сообщения — перейдите сюда, чтобы создавать сообщения в блоге.
• (4) Медиа — здесь можно загружать изображения и другие медиафайлы и управлять ими.
• (5) Страницы — перейдите сюда для создания дополнительных страниц.
• (6) Комментарии — здесь вы можете модерировать комментарии.
• (7) Внешний вид — измените здесь дизайн вашего сайта и / или настройте способ отображения определенных элементов в текущем дизайне.
• (8) Плагины — установите сюда новые плагины.
• (9) Пользователи — управление учетными записями пользователей, которые могут получить доступ к панели администратора веб-сайта.
• (10) Настройки — основные настройки.

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

а) Установить постоянные ссылки

Постоянные ссылки определяют, как индивидуальные адреса веб-страниц — или URL-адреса — структурированы на вашем сайте.

Наиболее оптимизированная структура — наличие заголовка страницы в URL-адресе. Например, ваша страница «о себе» (подробнее на этой странице позже) должна быть доступна под чем-нибудь таким простым, как YOURSITE.com/about . Правильная установка постоянных ссылок позволит вам добиться этого.

Чтобы установить постоянные ссылки, перейдите в «Настройки » → «Постоянные ссылки » на главной боковой панели панели управления WP.

Оказавшись там, выберите этот параметр:

б) Сделайте ваш сайт общедоступным

Я думаю, вы хотите, чтобы Google мог найти и проиндексировать ваш сайт.Чтобы убедиться, что это так, перейдите в «Настройки » → «Чтение » и убедитесь, что в поле «Не рекомендовать поисковым системам…» стоит , не отмечен .

c) Установите заголовок и слоган вашего веб-сайта

Перейдите в Settings → General и установите поля Site Title и Tagline на желаемое.

Название и слоган вашего сайта могут появляться в разных местах на сайте. Некоторые темы WordPress отображают их на главной странице и в описании SEO, которое Google использует при размещении вашего сайта на страницах результатов.

Слоган необязателен — вы можете оставить его пустым, если у вас нет слогана для сайта.

г) Разрешить или запретить комментарии

Хотите ли вы принимать комментарии на своем веб-сайте, решать вам.

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

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

д) Отключить пингбеки и трекбэки

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

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

е) Установите часовой пояс

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

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

Вы можете установить часовой пояс в Настройки → Общие .

Убрав основные настройки, мы можем перейти к интересным вещам:

Шаг 4. Выберите тему / дизайн для своего веб-сайта

Самое замечательное в WordPress то, что он работает со сменными дизайнами — так называемыми темами .

Это означает, что вы можете изменить внешний вид вашего сайта WordPress одним щелчком мыши.

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

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

Вот как:

a) Выберите тему, которая вам нравится

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

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

Существует огромное количество тем WordPress. Просто заглянув в официальный каталог на WordPress.org, там сотни тем.

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

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

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

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

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

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

б) Установите свою тему

Если выбранная тема доступна в официальном каталоге на WordPress.org, единственное, что вам нужно для ее установки, — это название темы. Ага. Это оно.

Вот как выполняется установка темы:

Перейдите в Внешний вид → Темы на панели инструментов WordPress и нажмите «Добавить».”

Оттуда введите имя темы, которую вы хотите установить, например:

Вы увидите его в списке под полем поиска. Просто нажмите кнопку «Установить» под нужной темой:

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

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

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

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

Из предложенных здесь вариантов остановимся пока только на Orbit Fox Companion. Просто нажмите кнопку «Установить и активировать».

💡 Примечание. Orbit Fox Companion — это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как создать веб-сайт.

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

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

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

в) Настроить тему

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

Для начала перейдите в Внешний вид → Настроить . Вы увидите основной интерфейс настройщика WordPress.

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

Настройка домашней страницы.

Сделайте следующее:

1. На боковой панели перейдите в «Настройки домашней страницы».
2. Выберите параметр «Статическая страница» в настройках отображения домашней страницы.
3. Нажмите «Добавить», чтобы создать новую страницу в качестве домашней.
4. Введите имя страницы — «HOME» кажется хорошей идеей — и нажмите «Добавить».

Это заменит список последних статей вашего сайта по умолчанию на полностью настраиваемую главную страницу. По умолчанию вы увидите несколько интересных элементов на новой домашней странице.

См. Здесь:

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

Чтобы внести изменения, щелкните значок карандаша рядом с заголовком.

Когда вы это сделаете, слева появится панель настройки.

Через него можно:

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

Ниже вы можете настроить любые другие доступные блоки домашней страницы.По умолчанию вы получаете все это (см. Этот список, перейдя в «Разделы главной страницы» на боковой панели настройщика):

• Раздел Features — отличное место для объяснения того, что ваша компания может предложить или какова цель веб-сайта. Эта «цель», вероятно, является самой важной вещью, которую следует иметь в виду, когда вы узнаете, как сделать Веб-сайт.

• Раздел О — отличное место, чтобы рассказать о своей истории.
• Раздел Team , который можно использовать, если в вашем бизнесе работает больше людей, и вы хотите их выделить.

• Лента — еще одно место, где вы можете упомянуть свой основной призыв к действию.
• Testimonials Раздел прекрасен, если вы хотите продемонстрировать, что ваши предыдущие клиенты говорили о вашем бизнесе.

• В разделе Контакты вы можете отобразить свою контактную информацию и сообщить людям, как с вами связаться.

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

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

Корректировка типографики.

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

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

Цвета.

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

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

…

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

💡 Примечание. В настройщике WordPress есть еще много настроек, с которыми можно поэкспериментировать. Например, вы можете:

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

Шаг 5. Получите плагины для расширения возможностей вашего сайта

Плагины для вашего сайта WordPress такие же, как приложения для вашего iPhone. 📱

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

Вот плагины, которые вам следует рассмотреть — лучше всего то, что все они бесплатны:

• Yoast SEO — помогает настроить поисковую оптимизацию и сделать ваш сайт более доступным для поисковых систем в целом.
• Google Analytics для WordPress — интегрирует ваш веб-сайт с самым популярным решением для анализа трафика в Интернете.
• Wordfence Security — повышает безопасность вашего сайта WordPress.
• UpdraftPlus — делает автоматическое резервное копирование вашего сайта.
• Optimole — оптимизирует ваши изображения.
• WPForms — позволяет добавлять интерактивные контактные формы на ваш веб-сайт, которые посетители могут использовать для прямой связи с вами, что намного лучше, чем отображение вашей электронной почты в виде обычного текста на вашем сайте.
• Также просмотрите этот список самых популярных плагинов WordPress всех времен. Вы тоже можете найти там что-нибудь интересное.

Установка плагинов проста. Если мы имеем дело с бесплатным плагином, все, что вам нужно, — это его название.

Перейдите в панель управления WordPress, а затем в Плагины → Добавить новый . Оттуда введите имя плагина, который вы хотите, в поле поиска, а затем нажмите «Установить» и «Активировать».

Шаг 6: Создайте базовые страницы

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

Но сначала, как вообще создать страницу :

Для этого просто перейдите в панель управления WordPress, а затем выберите Pages → Добавить новый . Вы увидите этот экран:

• (1) Место для заголовка страницы.
• (2) Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому / правому краю / центру, создание списков и т. Д.).
• (3) Вы можете добавить изображения, нажав эту кнопку.
• (4) Переключение между редакторами Text и Visual . Используйте первое, только если вы хотя бы смутно знакомы с кодом HTML.
• (5) Раздел Publish . Здесь находится основная кнопка Publish .
• (6) Обсуждение . Решите, хотите ли вы разрешать комментарии. Параметр «трекбэки и пингбэки» можно оставить неотмеченным.
• (7) Featured image . Большинство тем WordPress берут это изображение и отображают его где-нибудь на видном месте рядом с вашей страницей.

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

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

• Примерно — я уже упоминал об этом несколько раз, так как это действительно важный вопрос. На странице «О нас» вы можете рассказать историю своего веб-сайта и почему люди должны обращать на него внимание.Эта страница просто необходима каждому, кто хочет научиться создавать веб-сайт.
• Контакт — здесь вы можете отобразить некоторую контактную информацию вместе с красивой контактной формой, через которую люди могут связаться с вами напрямую (вы можете получить такую ​​форму через вышеупомянутый плагин WPForms).
• Политика конфиденциальности — эта страница стала чрезвычайно важным элементом в современной сети. Узнайте больше о страницах политики конфиденциальности в WordPress здесь.
• Портфолио — место, где вы можете продемонстрировать свои прошлые работы.
• Магазин — незаменимая вещь, если вы хотите продать что-либо со своего сайта. Чтобы это работало, вам также понадобится популярный плагин WooCommerce — лучшее решение для электронной коммерции для WordPress.

Когда вы закончите с ними, вы также можете проверить этот список из 12 ценных страниц, которые стоит разместить на своем сайте.

Шаг 7. Рассмотрите возможность создания блога

Блог (а также маркетинг через контент — он же «контент-маркетинг» в целом) — один из наиболее эффективных способов продвижения не только вашего веб-сайта, но и любых продуктов, которые вы, возможно, захотите продавать через этот веб-сайт.

И это говорю не только я; есть необработанные данные, подтверждающие, что блоги — превосходный инструмент для интернет-маркетинга: 55% маркетологов считают ведение блогов своим главным приоритетом входящего маркетинга.

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

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

Чтобы создать новую запись в блоге, все, что вам нужно сделать, это перейти в сообщений → Добавить новый (с панели инструментов WordPress).

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

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

Вот как выглядит добавление нового сообщения в блог:

Когда вы закончите работу над сообщением в блоге, нажмите «Опубликовать.”

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

• Для этого сначала перейдите в Pages → Add New и создайте пустую страницу. Назовите это «БЛОГ» — просто чтобы прояснить ситуацию.
• Затем перейдите в «Настройки » → «Чтение » и выберите вновь созданную страницу блога в качестве «Страницы сообщений», например:

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

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

Шаг 8. Настройте навигацию по сайту

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

Здесь мы сосредоточимся на двух элементах:

а) Меню

Меню — это основной инструмент, с помощью которого посетители перемещаются по вашему сайту, поэтому они имеют решающее значение при понимании того, как создать сайт.

В зависимости от вашей темы у вас будет несколько вариантов на выбор в отношении настроек меню. Вот что обычно можно сделать (на примере Гестии):

Сначала перейдите в Внешний вид → Меню на панели инструментов WordPress.

Вы увидите панель по умолчанию:

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

Давайте начнем с выбора пары ключевых страниц и добавления их в меню.Хорошая идея — выбрать «О себе», «Контакты», а также одну или две другие страницы, которые вы считаете важными, и добавить их в меню.

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

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

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

Когда вы перейдете на свой сайт сейчас, вы увидите меню на месте.

б) Виджеты

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

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

Чтобы увидеть, как это может выглядеть, и настроить виджеты, перейдите в Внешний вид → Виджеты на панели инструментов WordPress. Вы получите этот экран:

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

Чтобы добавить любой виджет в область виджетов, просто возьмите его с левой стороны и перетащите в выбранную область виджетов справа.

Например, как вы можете видеть, на моем сайте у меня есть поиск, последние сообщения, архивы и категории на боковой панели (снимок экрана выше). Вот как выглядят эти виджеты, когда я перехожу на страницу «О нас», например:

…

После того, как вы закончите со своими виджетами и навигацией, ваш сайт в основном готов для всеобщего обозрения!

Видеоверсия этого руководства

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

Заключение

Вот и все! Вы только что узнали, как создать сайт! 🍾🎊

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

Если вы хотите узнать больше о том, что делать с вашим сайтом после его запуска — e.г. как продвигать свой веб-сайт или как его монетизировать — прочтите любые другие наши руководства в блоге.

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

Бесплатный гид

5 основных советов по ускорению работы вашего сайта на WordPress

Сократите время загрузки даже на 50-80%
, просто следуя простым советам.

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

Видеоредактор | Самый простой онлайн-редактор видео

Триммер видео

Обрезайте ненужные кадры. Сохраняйте только хорошее.

Обрезать видео

Обрезать видео до нужной формы для Facebook, Instagram, Twitter и т. Д.

Удалить звук из видео

Волшебным образом удалить звук из видео.Замени на музыку (если хочешь).

Добавить музыку к видео

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

Добавить текст к видео

Дополните видео анимированным текстом. Пишите где хотите и оживляйте как хотите.

Объединение видео

Объединяйте видеоклипы в единый фрагмент видеозаписи.С легкостью добавляйте переходы.

Изменение размера видео

Измените размер видео, чтобы оно идеально вписывалось в Facebook, Twitter, Instagram и т. Д.

Преобразование изображения в видео

Превратите изображение в видео всего за несколько кликов.

Монтажник

Создание видеомонтажа из изображений и отснятого материала.

Добавить изображение к видео

Вставьте изображение или фотографию в свое видео.

Изготовитель водяных знаков

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

Как редактировать видео в мгновение ока

1. Создать новый видеопроект в Biteable
2. Загрузите отснятый материал
3. Отредактируйте видео до совершенства

Самый простой онлайн-редактор видео

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

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

Начать редактирование видео сейчас

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

Вот краткое руководство для начала:

Редактируйте видео, не беспокоясь

Как редактировать политику конфиденциальности

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

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

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

• Если вы используете бесплатный план, у вас будет доступ ко всем услугам, включенным в этот план, и вы можете просто перейти на учетную запись PRO, чтобы получить доступ к услугам, помеченным как «PRO»; с вас не взимается дополнительная плата за добавление или редактирование услуг .
• Если у вас есть одна или несколько лицензий PRO, вы можете делать все, что захотите, в течение срока действия вашей лицензии (лицензий).

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

Как изменить URL сайта или название приложения

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

Это редактирование легко сделать в любой момент из вашей учетной записи iubenda:

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

Кроме того, вы также можете обновить это в редакторе политики (щелкните Изменить в разделе Политика конфиденциальности и файлов cookie), затем щелкните маленький серый карандаш справа от URL-адреса сайта / заголовка приложения и при необходимости отредактируйте:

Почему все обновляют свою политику конфиденциальности (и нужно ли мне делать то же самое)?

Возможно, вы заметили увеличение количества уведомлений об обновлениях политики конфиденциальности, особенно если вы проживаете в Калифорнии, США.Вероятно, это связано с необходимыми изменениями прав потребителей в Калифорнии в соответствии с CCPA. Если ваша компания нацелена или потенциально может иметь калифорнийских пользователей, вам необходимо:

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

Вы можете узнать больше о CCPA и его требованиях здесь.

См. Также

Как цитировать веб-сайт в MLA: полное руководство

Домашняя страница / Руководства / Руководства по цитированию / Формат MLA / Цитирование веб-сайта MLA

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

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

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

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

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

---

Для цитирования веб-сайта у вас должна быть следующая информация:

• Автор.
• Название источника.
• Название контейнера ,
• Другие участники (имена и роли),
Версия
• ,
• Номер,
• Издательство,
• Дата публикации,
• Местоположение источника (например, URL-адрес или диапазон страниц).

Ассоциация современного языка называет это руководство «Основные элементы» на странице 20 Руководства . Если ваш учитель попросил вас цитировать ваши источники в этом формате, эти элементы станут основой для каждой ссылки на веб-сайт MLA. в вашем списке цитируемых работ MLA, а также записи для источников в любом другом формате.

Ассоциация современного языка называет это руководство «Основные элементы» на странице 20 Руководства . Если ваш учитель попросил вас цитировать ваши источники в этом формате, эти элементы станут основой для каждой ссылки на веб-сайт MLA, включенной в ваш список цитируемых работ MLA, а также записи для источников в любом другом формате.

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

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

Если вам нужна помощь на странице сайта цитирования APA или справочной странице APA, у нас есть много других доступных для вас ресурсов!

---

Изменения в цитировании MLA для веб-сайтов в восьмом издании

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

При включении URL-адресов в ссылку, https: // и https: // следует исключить из адреса веб-сайта ( Handbook 48). Кроме того, если вы создаете цитату, которая будет прочитана на цифровом устройстве, полезно сделать URL-адрес интерактивным, чтобы читатели сами могли напрямую обращаться к источнику.

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

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

• День доступа Месяц Год.
• 2 мая 1998 года.
• 31 апреля 2001 г.
• 17 сентября 2010 г.

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

---

MLA 8: цитирование веб-сайтов с автором

Чтобы сделать ссылку на MLA 8 для веб-сайта, вам потребуется следующая информация:

• Имя автора
• заголовок статьи или страницы
• название сайта
• имя издателя (Примечание: включайте имя издателя, только если оно отличается от названия веб-сайта.)
• дата публикации страницы или сайта (если доступно)
• URL

---

Ссылка на веб-сайт в MLA:

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

Работы
Структура	Фамилия автора, Имя.«Название статьи или отдельной страницы». Название веб-сайта , название издателя, дата публикации в формате день месяц год, URL.
Пример	Макнари, Дэйв. «Киану Ривз, Алекс Винтер возвращается для фильма« Билл и Тед сталкиваются с музыкой »». Variety , Penske Media Corporation, 8 мая 2018 г., Variety.com/2018/film/news/bill-and-ted-3-keanu- reeves-alex-winter-1202802946 /.

Посмотреть снимок экрана | Процитируйте свой источник

Цитирование в тексте сайта с одним автором

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

Цитата в тексте
Структура	(Фамилия автора).
Пример	(Макнари).

Укажите свой источник

Цитата в скобках APA аналогична, за исключением того, что она также включает год публикации источника.

Чтобы узнать больше о форматировании цитат в тексте и в скобках MLA, обязательно ознакомьтесь с другими ресурсами и руководствами по цитированию EasyBib.com.

---

Как цитировать веб-сайт с двумя авторами в MLA 8:

Согласно разделу 2.7.3 Справочника , для веб-сайта с двумя авторами имена авторов следует размещать в том же порядке, что и источник (аналогично цитированию APA). Имя должно быть отформатировано в обратном порядке, как это было сделано для одного автора.Однако второе имя записывается как Имя Фамилия с точкой, как показано в следующем шаблоне:

Работы
Структура	Фамилия, имя автора 1 и имя Фамилия автора 2. «Название веб-страницы». Название веб-сайта , Издатель, Дата публикации в формате День Месяц Год, URL.
Пример	Вадхва, Вивек и Алекс Салкевер.«Как мы можем сделать технологии более полезными для людей?» Wired , Condé Nast, 26 июня 2018 г., www.wired.com/story/healther-technology-for-humans/.

Посмотреть снимок экрана | Процитируйте свой источник

Текстовое цитирование сайта с двумя авторами

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

Цитата в тексте
Структура	(Автор №1 и Автор №2).
Пример	(Вадхва и Салкевер).

Укажите свой источник

---

Как процитировать веб-сайт с тремя или более авторами в MLA 8:

Для источника с тремя и более авторами имена авторов следует размещать в том же порядке, что и источник. Первое имя указано в обратном порядке, после него ставится запятая и т. Д. Et al — это аббревиатура от et alia, гендерно-нейтральной латинской фразы, означающей «и другие».”

Работы
Структура	Фамилия, имя первого автора в списке и др. «Название веб-страницы». Название веб-сайта , Издатель, Дата публикации в формате День Месяц Год, URL.

Укажите свой источник

Цитирование в тексте сайта с 3+ авторами

Цитата в тексте для веб-сайта с тремя или более авторами должна содержать только фамилию первого автора, за которой следует et al.( Справочник 116):

Цитата в тексте
Структура	(Фамилия 1 и др.).

Укажите свой источник

Нажмите на эту страницу, если вы ищете информацию о том, как создать цитирование в тексте APA.

---

MLA 8 Цитирование для веб-сайтов без автора

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

Работы
Структура	«Название веб-страницы». Название веб-сайта , Издатель, Дата публикации в формате День Месяц Год, URL.
Пример	«Одно здоровье и болезнь: клещи». Служба национальных парков , Министерство внутренних дел США, https://www.nps.gov/articles/one-health-disease-ticks-borne.htm.

Посмотреть снимок экрана | Процитируйте свой источник

Примечание о веб-страницах организаций / корпораций: Часто веб-страницы публикуются организациями или корпорациями без указания автора.В этих случаях вы можете предположить, что издатель также является автором веб-страницы (как в примере выше). Поскольку в этих случаях автор и издатель одни и те же, вы можете не показывать автора и просто указать организацию / корпорацию как издателя (Руководство 25).

Текстовое цитирование сайта без указания автора

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

Цитирование в тексте
Структура	(Название веб-страницы).
Пример	(«Единое здоровье и болезнь»).

Посмотреть снимок экрана | Процитируйте свой источник

---

MLA 8 Цитирование для веб-сайтов без официального названия

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

Работы
Пример	Общая информация о New York Mets. NYCData , Центр международного бизнеса им. Вайсмана, Колледж Баруха / CUNY, www.baruch.cuny.edu/nycdata/sports/nymets.htm.

Укажите свой источник

---

MLA 8 Цитирование для веб-сайтов социальных сетей

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

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

---

Как цитировать Твиттер в ГНД 8

Многие известные люди используют Twitter как платформу для обмена интригующими идеями.Жаль, что Twitter был недоступен для давно ушедших ученых, авторов и президентов, таких как Альберт Эйнштейн, Марк Твен и Авраам Линкольн. К счастью, профили сегодняшних великих умов в Twitter всегда под рукой!

Чтобы процитировать твит, вы начнете с идентификатора владельца учетной записи Twitter, за которым следует точка ( Handbook 24). После этого в кавычках следует ввести полный текст твита, включая любые хэштеги. Издатель, Twitter, затем указывается курсивом, за которым следует дата в формате «День», «Месяц», «Год» и время публикации твита.Наконец, укажите URL-адрес твита, за которым следует точка.

Справочный лист
Структура	@TwitterHandle. «Содержание твита». Twitter, день, месяц, год, отметка времени, URL.
Пример	@Lin_Manuel. «Утро с неба, все еще синего над дымом мира, все еще полного любви и надежды, за пределами заголовков от самого себя, шепча:« Я все еще здесь, и никогда не поздно заставить меня работать.’” Twitter, 22 июня 2018 г., 7:21, twitter.com/Lin_Manuel/status/1010165965378719745.

Посмотреть снимок экрана | Процитируйте свой источник

---

Как цитировать Instagram в ОМС 8

Чтобы процитировать сообщение в Instagram, начните с имени владельца учетной записи или имени пользователя. В цитатах укажите название фотографии, если оно есть. Если заголовка нет, напишите краткое описание изображения, но не выделяйте его курсивом или кавычками. Издатель, Instagram, указывается курсивом.Затем будут перечислены все другие участники (например, фотограф, если он не совпадает с владельцем учетной записи), после чего вы добавите дату и URL-адрес.

Справочный лист
Структура	Имя пользователя владельца счета. «Название фотографии» или описание *. Instagram , Другие участники, Дата публикации фотографии в формате День Месяц Год, URL.
Пример	@natgeo.«Путь Пантеры». Instagram , сфотографировано Карлтоном Уордом, 16 июня 2018 г., www.instagram.com/p/BkFfT9xD6h6/?taken-by=natgeo.

Посмотреть снимок экрана | Процитируйте свой источник

* Если заголовок недоступен, создайте простое описание и не выделяйте его курсивом или кавычками.

---

Как цитировать Facebook в ГНД 8

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

Издатель, Facebook, будет выделен курсивом, после чего вы добавите дату, время публикации и URL-адрес.

Справочный лист
Структура	Фамилия, имя или учетная запись автора.Описание поста. Facebook , День Месяц Год публикации, Отметка времени, URL. (Необязательно) День доступа Месяц Год.
Пример	Козлы анархии. Козы-одиночки становятся товарищами по стойке и влюбляются. Facebook , 25 июня 2018 г., 21:55, www.facebook.com/thegoatsofanarchy/posts/2103455423030332:0. По состоянию на 26 июня 2018 г.

Укажите свой источник

---

Комментарии в социальных сетях и на веб-сайтах

Цитирование комментариев, оставленных в социальных сетях или на веб-сайте, начинается с имени или имени пользователя комментатора.Чтобы указать, что вы цитируете комментарий, поставьте после имени точку, а затем слова Комментарий к , за которыми следует заголовок источника (например, название статьи) в кавычках. Затем следует название веб-сайта, выделенное курсивом, и название издателя, если применимо. Затем отображаются отметка даты и времени, за которой следует URL-адрес, постоянная ссылка или DOI.

Справочный лист
Структура	Используйте имя пользователя или имя комментатора в качестве имени автора.Прокомментируйте «Заголовок». Издатель , День Месяц Год, Время, URL.
Пример	Вестер, Гэри. Комментарий к теме «Climate Reality и я едем в Берлин в июне этого года, чтобы обучать лидеров, которые хотят помочь в разрешении климатического кризиса». Facebook , 2 мая 2018 г., www.facebook.com/algore/posts/10155643818533865:0.

Укажите свой источник

---

Цитирование в тексте для веб-сайтов

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

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

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

Если вам действительно нужна цитата из книги APA или ссылка на журнал APA, на EasyBib.com есть другие руководства, которые вы можете изучить.

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

---

Цитируемые работы

Справочник MLA . 8-е изд., Американская ассоциация современного языка, 2016 г.

---

Опубликовано 31 октября 2011 г. Обновлено 5 марта 2020 г.

Написано и отредактировано Мишель Киршенбаум и Элиз Барбо. Мишель Киршенбаум — специалист по СМИ в школьной библиотеке и штатный библиотекарь EasyBib.com. Элиза Барбо — специалист по цитированию в Chegg. Она работала в сфере цифрового маркетинга, библиотек и издательского дела.

---

Является ли EasyBib Citation Generator бесплатным?

Создание ссылок на MLA абсолютно бесплатно. Генератор цитирования EasyBib также поддерживает более 7000 других стилей цитирования. Эти другие стили, включая APA, Chicago и Harvard, доступны для всех, у кого есть подписка на EasyBib Plus.

Почему мне следует использовать EasyBib Citation Generator?

Независимо от того, какой стиль цитирования вы используете (APA, MLA, Chicago и т. Д.)) EasyBib Citation Generator может помочь вам быстро создать нужную библиографию.

Могу ли я скачать свои исходники?

Да, есть возможность загрузить ссылки на источники в виде документа Word или Google. Вы также можете скопировать цитаты из EasyBib Citation Generator и вставить их в свою статью.

Мне нужно создать учетную запись?

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

Могу ли я создать цитирование вручную?

Да! Если вы хотите научиться создавать цитаты самостоятельно, наш инструмент Autocite не может собирать нужные вам метаданные или что-то среднее. Цитирование вручную всегда возможно.Щелкните здесь, чтобы узнать, как создавать ссылки вручную.

Что мне делать, если информация о моем источнике отсутствует?

Если какая-либо важная информация отсутствует (например, имя автора, название, дата публикации, URL-адрес и т. Д.), Сначала посмотрите, сможете ли вы найти ее в источнике самостоятельно.