Что написать в текстовом блоке
Текстовый блок (text-block) на сайте и баннере
Вы будете перенаправлены на Автор24
Понятие и виды текстовых блоков
Текстовый блок – это элемент текста на экране монитора.
Понятие текстовых блоков пришло в русский язык от английского словосочетания «tеxt blоck» и получило широкой распространение в интернет-продвижении. Нередко под ними понимают текстовые рекламные объявления, состоящие из заголовка, которого текста самого объявления, контактной информации и ссылки на сайт рекламодателя.
На сегодняшний день текстовые блоки весьма активно используются в интернет-маркетинге и являются одним из наиболее популярных рекламных носителей. Они могут использоваться на сайтах, при размещении баннеров и в рекламных рассылках. Анимационный и графический (иллюстративный) материал непосредственно в текстовых блоках не используется.
Основные текстовые блоки, связанные между собой стилистическими, лексическими, грамматическими и логическими связями, а также обладающие некой направленностью и коммуникативно-прагматической установкой, объединяются в гипертекст.
Текстовые блоки могут нести различную смысловую нагрузку: ознакомительную, информативную, сравнительную, стимулирующую и пр. С определенной долей условности они могут быть приравнены к текстовой рекламе. Основные виды рекламного текста представлены на рисунке 1. Как правило, такие материалы помещаются на сайтах, выступающих в качестве рекламных площадок.
Рисунок 1. Виды рекламного текста. Автор24 — интернет-биржа студенческих работ
Использование текстовых блоков в интернет-маркетинге имеет свои особенности. С одной стороны, они менее эффективны с точки зрения формирования и продвижения имиджа компании. Возможности для обыгрывания сюжетов в случае их использования довольно узки. В то же время текстовые блоки имеют немало преимуществ. Основными из них считаются:
Готовые работы на аналогичную тему
Проведенные исследования показывают, что текстовые блоки ассоциируются у интернет-пользователей не с рекламой, а с рекомендациями ведущих серверов. Таким образом, отношение к ним со стороны потенциальных потребителей более благосклонное и доверительное, что также является одним из их весомых преимуществ.
На сегодняшний день текстовые блоки получили свое наиболее широкое распространение в таких сферах, как баннерная реклама и почтовые рассылки, а также непосредственно в наполнении веб-сайтов. В Рунете создана специальная сеть по обмену текстовыми блоками.
Текстовые блоки обладают определённой спецификой, а потому для их оформления не предусмотрено единых стандартов. Здесь важное значение имеет то, что и как написано. Тем не менее, имеются определенные ограничения, связанные с размером текста. В некоторых случая лимитированию может быть подвергнут отдельно какая-либо часть кликабельного текста, то есть имеющего в себе гиперссылку, предполагающую переход на другу страницу сайта или иной информационный ресурс. Рассмотрим некоторые примеры.
Порядка 5% сайтов каталога Wеbraiting используют формат текстовых блоков, состоящих из пяти строк, по 72 символа. Часто подобный формат используется в почтовых рассылках. Около 19% сайтов каталога поддерживают формат, согласно которому размер текстового блока не должен превышать 50 символов. Подобный форма часто используется на сайтах.
Краткость и важность особенно важны при размещении текстового блока на баннерах.
В конечном счете, текстовые блоки должны быть кратки и лаконичны, содержать в себе самую необходимую информацию, которая должна побудить интернет-пользователя в клику по гиперссылке и переходу на страницу для дальнейшего ознакомления с информацией.
Способы создания текстового блока
Работу с текстовыми блоками можно передать в руки профессионалов или освоить это направление самим. Сегодня в Интернете в открытом доступе есть немало самоучителей и подсказок, однако зачастую компаниям бывает проще передать эту функцию на аутсорсинг.
Сама по себе работа с текстовыми блоками предполагает необходимость создания текстовых блоков, их размещение и оформление. Последнее включает в себя работу с абзацами и строками, а также центрирование и выделение текста. Для этого используются специальные команды, позволяющие оформить текст в качестве почтового запроса или цитаты, перевести строку и установить уровень заголовка, а также произвести разметку параграфа и отформатировать текст.
В настоящее время для создания текстовых блоков используется два основных способа:
В первом случае необходимо кликнуть в точке рабочего листа, где должен располагаться левый верхний угол формируемого текстового блока, после чего там возникнет маленький синий прямоугольник с мигающим курсором. Этот прямоугольник и будет текстовым блоком, который предстоит наполнить смысловым содержанием.
Во втором случае следует поместить курсор в то место, где будет расположен верхний левый угол текстового блока и нажать левую кнопку мыши. Не отпуская ее следует протащить рамку в то место, где будет располагаться нижний правый угол блока и лишь после этого отпустить кнопку мыши. Так формируется текстовый блок.
Помимо прочего следует выделить ряд требований, предъявляемых к текстовым блоками. Прежде всего, текст и его заголовок должны быть написаны правильно, без ошибок и опечаток. Во-вторых, URL, используемый в тексте должен работать стабильно. Использование вместо домена IР-адреса не допускается. В-третьих, запрещается использовать разрядку, то есть проставлять пробелы между буквами слова (например, писать «р е к л а м а» вместо «реклама» и т.д.) и набирать текст заглавными буквами. Исключение составляют лишь аббревиатуры. Наконец, при наборе и размещении текстовых блоков не рекомендуется использование НТМL-тегов.
Текстовые блоки и работа с ними
Любой текст, который мы поместим на рабочий лист, будет заключен в так называемый текстовый блок. Это особый примитив, мало чем отличающийся от уже знакомых нам «графических» примитивов — линий и заливок. О работе с текстовыми блоками мы сейчас и поговорим.
Работа с текстовыми блоками
Создание текстовых блоков выполняется с помощью особого инструмента Text (Текст). Чтобы выбрать его, нужно щелкнуть по кнопке главного инструментария:
Как только мы выберем инструмент «текст», мы можем приступить к созданию текстовых блоков. Сделать это можно двумя способами; при этом мы получим текстовые блоки двух видов с весьма сильно различающимися свойствами.
Первый способ создания текстового блока — самый простой. Мы просто щелкаем в той точке рабочего листа, где должен находиться левый верхний угол создаваемого текстового блока. После этого там появится небольшой синий прямоугольник с мигающим текстовым курсором. Этот прямоугольник — и есть только что созданный нами текстовый блок, пока еще не содержащий никакого текста.
Пользуясь мышью или стандартными клавиатурными комбинациями, мы можем выделять фрагменты текста и работать с буфером обмена Windows. В частности, мы можем выделять слова двойным щелчком мыши и выделять все содержимое текстового блока нажатием клавиатурной комбинации +, перемещать и копировать его в буфер обмена Windows.
Также мы можем перенести текст из другого Windows-приложения, например, Microsoft Word. В случае достаточно большого текста это может оказаться более удобным, чем набор его прямо во Flash, так как Word содержит, кроме всего прочего, систему проверки орфографии, которая, несмотря на все ее недостатки, часто бывает полезна.
Введем текст в текстовый блок и посмотрим на него. То, что мы увидим, показано на рис. 7.1.
Прежде всего, мы увидим сам введенный нами текст, ставший содержимым этого текстового блока. Также хорошо заметен черный прямоугольник выделения с маленькими черными маркерами изменения размера. И — еще один, незнакомый нам маркер, имеющий вид окружности и находящийся в правом верхнем углу прямоугольника выделения. Об этом маркере мы поговорим потом.
Еще мы можем заметить текстовый курсор — это значит, что прямо сейчас можно добавить в текстовый блок новый текст или исправить уже введенный. Говорят, что текстовый блок в этом случае открыт.
Давайте все-таки попробуем добавить в текстовый блок еще несколько символов. При этом можно заметить, что текстовый блок растягивается в ширину, чтобы вместить все вводимые символы. Высота же текстового блока остается постоянной, а именно, такой, чтобы вместить ровно одну строку текста. Такой текстовый блок называется блоком с фиксированной высотой и идеально подходит для создания коротких надписей.
Закрытый текстовый блок, выделенный с помощью «стрелки», отображается на рабочем листе так, как показано на рис. 7.2. В этом случае он будет окружен синим прямоугольником выделения с маленькими синими маркерами изменения размеров. Невыделенный же текстовый блок отображается Flash просто как текст — его содержимое без всяких прямоугольников выделения.
Подробно о работе с текстовыми блоками мы поговорим чуть позже. А пока что давайте выясним, что же это за второй способ создания текстовых блоков.
Второй способ создания текстового блока аналогичен рисованию прямоугольника или эллипса. Помещаем курсор мыши в том месте, где будет располагаться левый верхний угол текстового блока, и нажимаем левую кнопку мыши. Затем, не отпуская эту кнопку, протащим мышь в то место, где будет находиться правый нижний угол текстового блока. Пока мы буксируем мышь, Flash будет отображать синий «резиновый» прямоугольник, так что всегда можно следить за тем, что же у нас получается. Переместив курсор мыши в нужную точку, отпустим ее левую кнопку. Текстовый блок будет тотчас нарисован, и внутри него появится текстовый курсор.
Созданный таким образом текстовый блок (рис. 7.3) имеет неизменную ширину, но будет растягиваться по высоте, чтобы вместить в себя весь набранный нами текст (текстовый блок с фиксированной шириной). Разумеется, Flash при этом будет выполнять автоматический перенос строк в случае, если текст не умещается в текстовом блоке по ширине.
На рис. 7.3 видно, что текстовый блок с фиксированной шириной отличается от его собрата с фиксированной высотой формой маркера, находящегося в правом верхнем углу прямоугольника выделения. Этот маркер имеет форму полого квадратика. В закрытом же виде такой текстовый блок отображается так же, как показано на рис. 7.2.
Текстовые блоки с фиксированной шириной хорошо подходят для помещения в изображение Flash больших фрагментов текста.
Итак, что мы можем делать с текстовыми блоками? Мы можем выделять их щелчком мыши; правда, при этом придется щелкать на одном из символов текста. Если текст набран очень мелким шрифтом, лучше всего применять выделение перетаскиванием. Выделенный текстовый блок можно переместить и удалить; делается это так же, как в случае уже знакомых нам линий и заливок.
Мы можем править текст, помещенный в текстовый блок, если откроем его. Чтобы открыть текстовый блок, нужно:
□ если в данный момент выбран инструмент «стрелка», дважды щелкнуть на нужном текстовом блоке, либо щелкнуть один раз и выбрать пунктEdit Selected меню Edit;
□ если выбран инструмент «текст», щелкнуть на текстовом блоке один раз.
А еще мы можем преобразовать текстовый блок с фиксированной высотой в текстовый блок с фиксированной шириной. Для этого достаточно изменить его ширину с помощью любого из соответствующих маркеров. Высоту текстового блока мы изменить не сможем — Flash сам будет управлять ей.
Также есть возможность превратить текстовый блок с фиксированной шириной в текстовый блок с фиксированной высотой. Для этого достаточно открыть его и дважды щелкнуть маркер, находящийся в правом верхнем углу. После этого Flash сам установит размеры текстового блока такими, чтобы «охватить» весь содержащийся в нем текст.
28 видов текстографических блоков
Простые способы разнообразить подачу материала и сделать оформление более эффективным
Необходимость оживить подачу текста, разнообразить полосу и при этом уложиться в срок сдачи — дилемма, с которой любой из нас сталкивался. Даже при наличии иллюстраций комбинация «текст+заголовок+фото» имеет исчерпаемый запас вариантов. Но есть способ и разбить эту монотонность, и оказать услугу читателю, сделав газету более информативной и удобной для чтения. Имеются в виду специально оформленные текстовые элементы, которые я называю текстографическими блоками.
Что это такое?
Текстографический блок — это, по сути, специально написанный текст, который оформляется так, чтобы он внешне ясно отличался и от основного материала, и от заголовка и воспринимался еще и как «графическое пятно», элемент, который разбивает монотонность, задает ритм и в каком-то смысле даже имеет некоторые свойства иллюстрации.
Такой блок не является самостоятельным материалом и имеет смысл только в контексте и в комплексе с материалом, который он сопровождает.
Текстографический блок — это и еще одна точка входа в материал, и еще один уровень информации, который может быть зацеплен читателем-сканером, который обычно ограничивает процесс чтения просмотром фото, чтением заголовков и подписей, а также этих самых текстографических блоков.
Подготовка таких блоков не требует от дизайнера сверхсложной работы — нужно только разработать универсальный стиль оформления текстографики. Основная же работа ложится на плечи редакторов, которые должны собственно готовить наполнение блоков. При правильном понимании задачи и нормально налаженном рабочем процессе это не должно отнимать много времени.
Текстографических блоков может быть великое множество, и каждая редакция может выработать свой набор решений для разных типов материалов. Обсудим вкратце только самые распространенные варианты, а также коснемся особенностей их написания и оформления.
Какие бывают текстовые графические блоки
Как уже было сказано, особенность текстографических блоков в том, что они имеют смысл только в контексте конкретного материала. Поэтому для того, чтобы сгенерировать необходимые примеры, мы придумаем событие, которому будут посвящены наши публикации. Представим, что ночью на окрестности вашего города опустилось голодное стадо летающих слонов. Слоны поели весь урюк, капусту и потоптали смородину. Есть жертвы среди мирного населения. Зоологи говорят, что слоны могут еще вернуться через месяц. Огородники в панике. Этому событию было посвящено несколько публикаций, и вот какими блоками они могли бы сопровождаться.
I. «КТО ЕСТЬ КТО» И «ЧТО ЕСТЬ ЧТО»
a) МИНИДОСЬЕ (НА ЧЕЛОВЕКА, НА ОБЪЕКТ, ДАЖЕ НА ЖИВОТНОЕ)
Основной материал: Стадо летающих слонов опустилось в окрестностях Колбасова Уничтожен весь урюк, вытоптана смородина, есть жертвы среди населения.
Что написать в текстовом блоке
Как верстать текстовые блоки?
Заголовок, текст, иллюстрация, элемент управления, гиперссылка и подпись — базовые элементы нашего « лего». В одних сочетаниях получаются прочные и красивые конструкции, в других — неуклюжие и неустойчивые.
Модульная страница состоит из смысловых блоков. Рассмотрим текстовые блоки без иллюстраций.
Эталонный модуль — это заголовок, который накрывает текст:
Жизнь и удивительные приключения Робинзона Крузо, моряка из Йорка, прожившего 28 лет в полном одиночестве на необитаемом острове у берегов Америки
Заимствование аллитерирует стиль. Анализ состава 17 рукописных сборников, содержащих тексты стихотворных фацеций, позволяет сделать вывод о том, что механизм сочленений диссонирует стих. Симулякр аннигилирует генезис свободного стиха, но языковая игра не приводит к пониманию. Субъективное восприятие, несмотря на то, что все эти характерологические черты отсылают не к единому образу нарратора, приводит диалектический характер. Слово, без использования формальных признаков поэзии, притягивает холодный цинизм. Анализ состава 17 рукописных сборников, содержащих тексты стихотворных фацеций, позволяет сделать вывод о том, что полисемия аннигилирует поэтический лирический субъект, но языковая игра не приводит к пониманию.
В зависимости от задачи, состава элементов и окружения текстовый модуль способен к мутациям. Но чем ближе модули к эталонному, тем проще составить из них внятную страницу:
Во всех мутациях по правилу модульности блок должен сохранять прямоугольную форму. Текстовые блоки принимают любые пропорции, но на экране утомительно прокручивать чрезмерно длинные и узкие вертикальные колонки.
Ссылки для продолжения чтения логично встают в конец блока:
Жизнь и удивительные приключения Робинзона Крузо
Заимствование аллитерирует стиль. Анализ состава 17 рукописных сборников, содержащих тексты стихотворных фацеций, позволяет сделать вывод о том, что механизм сочленений диссонирует стих. Симулякр аннигилирует генезис свободного стиха, но языковая игра не приводит к пониманию.
Заголовок и главная ссылка могут быть объединены, если это не нарушит единообразие остальных блоков на странице:
Жизнь и удивительные приключения Робинзона Крузо
Заимствование аллитерирует стиль. Анализ состава 17 рукописных сборников, содержащих тексты стихотворных фацеций, позволяет сделать вывод о том, что механизм сочленений диссонирует стих. Симулякр аннигилирует генезис свободного стиха, но языковая игра не приводит к пониманию.
Если в блоке нет текста, но есть несколько ссылок, у него есть шанс вытянуться в строку:
Греческие буквы: Альфа Бета Гамма Дельта Эпсилон
Или вовсе редуцироваться до отдельно стоящей ссылки:
Греческий алфавит для чайников
Но если важная ссылка смотрится одиноко, можно вспомнить о составных заголовках и добавить ей бирку или подпись:
Греческий алфавит для чайников
931 просмотр · 23 коментария
Крайне нежелательно разрывать заголовок и начало текста. Второстепенные ссылки, подписи, теги, элементы управления и другую мелочёвку лучше отправить в конец, чтобы сохранить логику чтения эталонную» форму блока.
Направим мутации эталона в сторону усложнения. Текст в блоке может быть разбит подзаголовками по вертикали:
Заимствование аллитерирует стиль. Анализ состава 17 рукописных сборников, содержащих тексты стихотворных фацеций, позволяет сделать вывод о том, что механизм сочленений диссонирует стих.
Симулякр аннигилирует генезис свободного стиха, но языковая игра не приводит к пониманию.
Генеративная поэтика, основываясь на парадоксальном совмещении исключающих друг друга принципов характерности и поэтичности, снова выбирает музыкальный холодный цинизм.
Или по горизонтали — по колонкам:
Структура просветляет диалогический контекст, и это придает ему свое звучание, свой характер.
Генеративная поэтика основывается на совмещении взаимоисключающих принципов характерности и поэтичности.
Все это и побудило нас обратить внимание на то, что правило альтернанса кумулятивно.
По колонкам становятся и неоднородные элементы:
Красивые текстовые блоки в статьях
Различные текстовые блоки все чаще и чаще встречаются на многих сайтах. Их можно использовать чтобы привлечь внимание читателя на определенные части статьи.
Четыре блока различного цвета (красный, оранжевый, зеленый, синий)
Блоки для отображения информации определенного типа
Необычные списки
Так же блоки можно использовать для не стандартных списков, красивые цифры могут улучшить вид статьи, если вы расписываете что-либо по шагам то это кок раз для вас, такие списки лучше видно по сравнению с обычными списками.
Так же можно использовать для создания красивых заголовков.
Как применять различные блоки мы определились.
А теперь как начать использовать такие блоки?
Для красивых текстовых блоков в статьях, мы будем использовать плагин Special Text Boxes
Конечно есть и другие плагины например WP-Note, для создания текстовых блоков, но у этого множество настроек.
И так находим в поиске плагинов наш плагин и устанавливаем. Либо качаем с сайта WordPress Special Text Boxes и кладем в папку с плагинами.
После активации плагина должен появиться пункт STB
В нем есть множество параметров выберите те что вам необходимы!
Обратите внимание, что в левом углу при выборе цвета есть кнопка, чтобы можно задавать конкретные значения!
После того как настроите стили блоков под свой сайт, можете использовать их в статьях.
Для того чтобы поместить текст в уже созданные блоки нужно в режиме «Визуально» его выделить после чего на панели инструментов в визуальном режиме выделиться розовая кнопка, нажимаете ее и выбираете айдишник созданного ранее блока, так же можете задать дополнительные параметры, после чего нажимаете «вставить» теперь ваш текст будет между шорткодами.
Вот так вот просто можно выделить определенный текст в статье.
Казалось бы все, но я решил разместить параметры которые использовал для своих текстовых блоков, мало ли кто-то захочет сделать такие же. Я использовал чисто CSS, если вы будите использовать javascript, то просто сделаете тоже самое.
Параметры для блоков (красный, оранжевый, зеленый, синий)
Далее я сделал небольшую правку в файле stb-core.css который лежит /wp-content/plugins/wp-special-textboxes/css
Добавил строчку margin: 5px 0px 0px 5px; для того чтобы сместить немного иконку.
Как и любой плагин Special Text Boxes нагружает сервер, поэтому возможно лучшим будет написание собственного плагина для вставки текстовых блоков, не такого гибкого по настройкам, но зато менее ресурсоемкого. Надеюсь данная статья вам будет полезной.