Дневник Предпринимателя "inDV"
УстановитеFlash player
On-Line Радио от автора Дневника Предпринимателя "inDV" для действующих и начинающих предпринимателей и бизнесменов.

Формат радиостанции: All Talk

Жанры: House, Trap, Dubstep, Drum&Bass

Сейчас в эфире: Загрузка ...

  • Подписаться на статьи

    Введите свой Email-адрес:

    Подписавшись, вы будете получать все новые статьи себе на почту сразу после их публикации.
Рубрики: Интернет-Бизнес | Разработка | 03.04.2016 | 14:18 | 143 Просмотров

Визуальный редактор WordPress

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

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

Кстати, если у вас появятся дополнительные вопросы, можете их присылать при помощи формы связи на странице «Связаться с автором» Если я уже писал на ваш вопрос статью, то отвечу ссылкой, если нет, то ожидайте в скором времени статью на присланную тему. Итак, а теперь приступим к разбору визуального редактора WordPress.

Прежде, чем начать, рекомендую закрыть все сторонние программы, которые не понадобятся вам для работы. В противном случае, вы можете что-то упустить, не так понять и в итоге придти к нелепому отображению вашего контента на созданной web-странице. Смею вам напомнить, что главная информация, которую вы собираетесь разместить на создаваемой странице в визуальном редакторе wordpress, должна находиться в конце статьи. Это правило интернет-маркетинга, запомните его или запишите себе куда-нибудь. Если у вас возник вопрос: «Почему?», ответьте на него сами, разве вы видите, например, кнопку «Об Авторе», которая находится у меня в верхнем меню? Вот так, господа! Заинтересованный посетитель придет к логическому концу вашей статьи, просто плавно переходите к основной сути. Ладно, теперь приступим к основной работе.

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

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

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

Вход на хостинг

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

Нужно войти в раздел "Конструктор сайтов"

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

Открываем "Реквизиты"

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

Получилось? Вошли в административную панель wordpress? Все! Теперь можно приступать к работе к визуальным редактором.

Визуальный редактор WordPress – Работа с текстом.

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

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

Инструменты редактора

Обозначения.

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

  1. При помощи этой кнопки вы можете загрузить изображение на свою страницу, а также видео/аудио файлы.
  2. Вы можете использовать эту кнопку для выделения ключевых фраз, просто нужно выделить слово и нажать на нее, тогда слово будет выделено жирным шрифтом. Пример.
  3. Если вы хотите, чтобы некоторые слова стали наклонным шрифтом, можете выделить его и нажать на эту кнопку. Пример.
  4. Кроме того, вы можете писать зачеркнутым шрифтом, иногда и это может пригодиться. Пример.
  5. Чтобы создать маркированный список, достаточно выделить слова, которые является списком, и нажать на эту кнопку.
  6. Есть аналогичный вариант списка, только он будет пронумерованным, пример этого списка вы сейчас наблюдаете в моей статье.
  7. Если вы хотите вставить цитату, то вам идеально подойдет эта функция. Просто выделите цитату и нажмите на эту кнопку.
  8. Иногда нужно разделить абзацы, поэтому недавно придумали эту функцию. Она способна вставить черту, разделяющую верхний текст от нижнего.
  9. Эта функция является стандартной, впрочем, предназначена она для того, чтобы текст располагался по левому краю. Достаточно его выделить и расположить, как сказано выше.
  10. Распределяет текст по середине статьи.
  11. То же самое, только текст располагается по правому краю при нажатии.
  12. Выделите слово и нажмите на эту кнопку, вставьте ссылку и у вас в статье появится кнопка, ведущая на желаемый файл, сайт или определенную страницу. Пример.
  13. Если хотите отключить ссылку, воспользуйтесь этой функцией.
  14. Используется для статей. Разделяет анонс от основной статьи, нажмите Enter в новом абзаце и включите эту функцию – разделение готово. Пример можете посмотреть на главной странице моего сайта, там лишь анонсы, а под кнопкой «Читать далее» включена эта функция.
  15. Расширенные возможности.
  16. При помощи данной функции можно выделять заголовки. Выбирая «Заголовок H1», помните, что для правильной оптимизации страницы, такой заголовок должен встретиться только один раз, так как подразумевает название страницы, по крайней мере поисковые системы читают страницу с него.
  17. Подчеркнутый текст, тут все понятно. Пример.
  18. Эта функция распределяет текст по ширине, я всегда ей пользуюсь, обратите внимание на эту статью.
  19. Если вы хотите, чтобы какие-то фразы были более заметными, то можете, при помощи данной функции, установить цвет фразы. Пример.
  20. Если вы скопировали текст из документа Word, то одним нажатием этой кнопки вставите его в визуальный редактор wordpress.
  21. Если вы желаете одним действием «снести» все настройки статьи, то нажмите эту кнопку, очень полезна, если вы где-то «набедокурили».
  22. Очень полезная штука, если вы желаете вставить какой-нибудь произвольный символ. Пример: ♣
  23. Отступ слева, возвращает текст на законное состояние, если вы воспользовались функцией №24
  24. Если вы хотите подвинуть часть текста вправо, то можете воспользоваться данной функцией.
  25. Отменить/Повторить – тут все просто.
  26. Если вы не желаете терять время, то изучение горячих клавиш ускорит процесс вашей работы над текстом.

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

Визуальный редактор WordPress – Работа с изображениями.

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

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

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

Загружаем изображение

Выберите и загрузите желаемое изображение, после чего перед вами откроются начальные настройки перед вставкой картинки в сайт. Очистите заголовок и отредактируйте функцию “Ссылка” не на “Медиафайл”, а на “Нет”, как показано на скриншоте, таким образом, посетитель. кликнув на нее, не вылетит со страницы с текстом, в моем случае выбрана функция распределения изображения по середине, в своем случае выберите нужную функцию и нажмите на кнопку “Вставить в запись”.

Вставка изображения в текст

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

Параметры картинки

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

Заключение.

Ну, вот собственно и все. Теперь вы знаете, как работать с текстом в wordpress и вставлять в него свои картинки или фотографии. Могу раскрыть один секрет. Дело в том, что незащищенные фотографии будут копировать все, кому не лень, и вставлять в свои статьи. Чтобы это не произошло, ставьте свой логотип на каждом изображении, а лучше сделайте общий брендинг, как у меня, допустим. Заметили, что все изображения имеют один формат? Попробуйте также, не поленитесь, тогда к вам еще будут заходить посетители из Яндекс картинок и Google.

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

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

C этой статьей также читают следующие:

Оставить комментарий

Наверх