WordPress WYSIWYG учебникВы используете WordPress’ Возможности форматирования в их полном объеме?

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

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

Понимание WordPress WYSIWYG редактор

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

WYSIWYG (произносится как «Wizzy-парик») означает «Что вы видите, что вы получаете», и описывает любой интерфейс, где вы можете увидеть, как ваш текст будет на самом деле выглядит, как вы применять различные типы форматирования к нему. Microsoft Word, Google Docs и WordPress все редакторы WYSIWYG.

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

(Если вы не видите эти кнопки, убедитесь, что вы с помощью «Visual” а не «Текст” версия редактора. Вы можете переключаться между ними с помощью вкладок на правой стороне коробки, где вы пишете свой пост.)

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

(Не беспокойтесь, если вы понятие не имеете, что такое «блоки цитат” и «горизонтальные правила” являются. Вы будете знать все о них, и как использовать, они в конце этого поста!)

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

Верхняя строка панели инструментов: В Параметры Наиболее распространенные форматирование

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

Вот они:

Мы пойдем через них по одному:

#1: "Параграф” Падать

HTML тег эквивалент: <h1>, <h2>, <h3>, так далее. а также <до>.

Это выпадающее меню позволяет форматировать текст с использованием стилей заголовков:

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

Большинство блоггеров используют заглавие 2 для их основных роликов и Heading 3 для любых роликов вложенных под теми. (В этом посте, например, подзаголовок Верхний ряд кнопок: Наиболее распространенные варианты форматирования Heading 2, и подзаголовок #1: «Пункт Dropdown» является Heading 3.)

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

#2: Жирный текст

HTML тег эквивалент: <сильный>

Кнопка, которая выглядит как B, вероятно, знакомы вам из Microsoft Word и других программ. Это делает текст жирным шрифтом, как это.

Для того, чтобы использовать его, вы также можете:

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

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

#3: Наклонный текст

HTML тег эквивалент: <в>

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

Используйте его для: Акцент на конкретное слово, или одно или два предложения пояснительного текста (например. примечание в начале вашего поста говорит, что это первый в серии из четырех частей).

#4: Неупорядоченный список (Отверстия от пуль)

HTML тег эквивалент: <ul> для списка, <в> для каждого элемента списка

Кнопка с тремя точками и линиями может выглядеть немного как Морзе, но это на самом деле используется для создания маркированного списка (также известный как «неупорядоченный список») как это:

Пункт один
Пункт два
Пункт три

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

#5: Упорядоченный список (чисел)

HTML тег эквивалент: <ола> для списка, <в> для каждого элемента списка

Вторая кнопка списка для нумерованного списка (также известный как «заказал” список) как это:

Пункт один
Пункт два
Пункт три

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

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

#6: Blockquote

HTML тег эквивалент: <BLOCKQUOTE>

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

Это как смотреть на Цитаты блога ProBlogger.

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

#7: Совместите левый / центральный / правый

эквиваленты тегов HTML: <п>, <р стиль =”выравнивания текста: центр;”>, <р стиль =”выравнивания текста: право;”>

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

Этот текст центрируется.

Этот текст выровнен по правому краю.

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

#8: Link / Unlink

HTML тег эквивалент: <A HREF>

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

Затем можно вставить в URL (веб-адрес) страницы / сообщение вы хотите или, если это на вашем собственном блоге, Вы можете найти страницу / сообщение по названию.

Ваша ссылка будет отображаться как это:

Какой лучший блог хостинг?

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

#9: Подробнее Tag

WordPress тег эквивалент: <!–Больше–>

Некоторые темы блога показать несколько сообщений на первой странице или индексной страницы. А «читать далее” Тег ломает пост на две части: первая часть появится в индексе, а остальное будет показано только один раз щелкает читатель «читать далее” (или нажимает на заголовок сообщению).

Другие темы предназначены для отображения только отрывок из поста (или автоматически создаваемый ручная работа), так что вам не нужен «читать далее” тег. Вы можете увидеть это в действии на нашем собственном «Блог” страница.

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

#10: Панель инструментов Переключить

WordPress тег эквивалент: н /

«Панель инструментов Переключить” позволяет вам показать / скрыть второй ряд иконок на панели инструментов. (Раньше называться «Show / Hide Kitchen Sink», которые вы могли бы признать, если вы были блоги в течение длительного времени.)

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

Нижняя строка панели инструментов: Менее распространенные опции форматирования

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

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

#1: Зачеркнутый текст

HTML тег эквивалент: <del>

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

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

#2: Горизонтальная линия

HTML тег эквивалент: <ч />

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

Похоже, что это:

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

#3: Цвет текста

HTML тег эквивалент: <стиль диапазон =”цвет: #ff0000;”> (для красного цвета)

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

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

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

После нажатия выпадающего меню, Вы можете выбрать цвет, просто нажав на него:

Если вы предпочитаете, Вы можете создавать определенные пользовательские цвета, нажав кнопку «Пользовательский…” а затем установить значение RGB.

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

#4: Вставить как текст

HTML тег эквивалент: н /

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

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

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

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

#5: Очистить форматирование

HTML тег эквивалент: н /

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

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

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

#6: Особый персонаж

HTML тег эквивалент: н /, хотя отдельные символы будут иметь специальный код ASCII

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

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

Используйте его для: Установка уведомления об авторских правах с ©, с использованием зарегистрированного ® или товарный знак ™ характер, когда писал о вашей продукции / бренда или кто-то еще (при необходимости), или вставить любой другой специальный символ!

#7: Увеличение / уменьшение отступа

HTML тег эквивалент: <р стиль =”обивка левый: 30ПВ;”>

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

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

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

#8: Отменить повторить

HTML тег эквивалент: н /

Вы, вероятно, уже знакомы с этими кнопками от обычного текстового процессора. Используйте «Отменить” (стрелка, указывающая на лев) отменить все, что вы только что сделали. Используйте «Redo” если вы передумаете снова.

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

#9: Горячие клавиши

HTML тег эквивалент: н /

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

Некоторые из этих ярлыков могут быть знакомы с других программ, такие как Ctrl + B для «жирного шрифта” и Ctrl + Z для «отменить».

Но есть и другие, которые здесь являются специфическими для редактора WordPress, такие как Shift + Alt + M, чтобы вставить / редактировать изображение.

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

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

Есть ли новая функция, которую Вы будете использовать в своем следующем блоге, или на одной из страниц? Какой из них вы будете пробовать?

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

сообщение Как использовать WordPress WYSIWYG панели инструментов для форматирования сообщения блога Как Про появился первый на ProBlogger.


      

Подробнее об этом в problogger.com.

Оставьте свой голос

0 точки
Upvote Downvote

Всего голосов: 0

Upvotes: 0

процент Upvotes: 0.000000%

Downvotes: 0

процент Downvotes: 0.000000%