БАЗА подписчиков за 1 месяц! (Секретная технология)minimazer

Как оформить статью красиво? Пару плагинов в помощь!


как оформить статью

Всем привет, дорогие друзья! Сегодня с вами опять я – Тумилович Денис! Пишу вам кстати через отложенную публикацию опять! Сразу хочу сказать вам спасибо за то что сами подсказываете мне темы для статей!

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

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

По традиции конечно пару новостей!

Новость №1. Вчера у меня с супругой произошел серьезный разговор, из которого родилась идея мега статьи. Что это за тема? Пока секрет. Подпишись, чтобы не пропустить эту статью.

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

Новость №3. У меня успешно стартовали курсы веб дизайнера. Так что я скоро буду клепать дизайны для блогов. Планируемое время окончания – Начало октября. Готовьтесь, будем вместе следить за этим. Знакомые сказали что вкус у меня есть, поэтому все у меня должно получатся.

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

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

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

Для того чтобы красиво оформить статью я использую два плагина:

WP-Syntaxскачать плагин.

WP-Noteскачать плагин.

1. WP-Note – плагин, который поможет тебе оформить статью красиво специальный блоками.

Вот вы хотите выделить какой-то участок текста. Например цитату, или важную мысль.

Как это сделать?

Для этих целей у тебя уже должны быть подготовлены какие-то CSS заготовки, но это же нудно и не всем под силу.

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

Специально для этих целей и был создан плагин WP-Note – он позволяет bb-кодами обрамлять нужный тебе текст. Тут в принципе все наглядно показано.

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

Ну что, удобно?
Удобно!!

2. WP-Syntax – плагин, который позволяет красивее оформить твою статью, если вы хотите использовать вставки в виде кода. Предназначенный для выведения и подсветки различных кодов в статье.

Вот например, посмотрите на эту статью, я в ней как раз использовал этот плагин.

В самой статье вы видите кусок кода. А теперь попробуйте этот кусок кода запихнуть в одну из своих статей.

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

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

Читайте также:  Как мотивировать читателей оставлять комментарии на вашем блоге?

А если вы будете использовать Визуальный редактор для написания статей – да, вы сможете вывести на экран кусок кода, но как он будет выглядеть? Вот примерно так:

<strong><a href=»http://in4wp.ru»>Самый лучший блог!</a></strong>

Как-то не очень красиво, не правда ли? Вот так вот намного лучше:

1
2
<strong><a target="_blank" href="http://in4wp.ru">Самый лучший блог!
</a></strong>

Чтобы поставить такое отображения части кода я лишь добавил следующее:

1
2
<pre lang="php" line="1"><strong><a href="http://in4wp.ru">Самый лучший блог!
</a></strong>

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

Line — если вы его используете , то строчки будут нумероваться. Тебе нужно будет только указать, как будет нумероваться первая строчка (с какого числа начинать). Я поставил цифру «1» — у меня начинается с единички.

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

Так вот, а если вы всегда используете визуальный редактор для оформления статьи — тебе поможет дополнительный плагин — WP-Syntax Buttonскачать плагин. Этот плагин добавляет в твою рабочую панель с кнопками еще одну кнопку.

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

Вот как-то так. Пока что я пробовал только эти плагины. Может быть попробую еще — тогда и напишу. А может быть ты мне подскажешь что-то интересное в плане оформления статьи?

Читайте также:  Как настроить прокси в Google Chrome

Оба плагина устанавливаются и активируются стандартно. Скачал, установил, активировал. И все!

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

А, кстати, сегодня же понедельник, 19ое число. А т.к. понедельник день тяжелый — я решил кому-то сделать этот день праздничным. 19ый комментатор этой статьи — получит 100 рублей :). Можно даже через какую-нибудь биржу провести эти деньги, чтобы тебя рейтинг поднялся в этой бирже, например в etxt или адвего.

Ну как, поднимется настроение? Прикупишь жене цветок, ей будет приятно!

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

А также, есливы новичок — рекомендую присмотреться к моим курсам по Привлечению Трафика и Создаю Блога

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

Подпишись чтобы не пропускать таких классных статей и акций!

С уважением, Денис Тумилович!

Понравилась статья? Расскажи друзьям:


Мой подарок подписчикам

Подписывайтесь на новости блога и получите подарок - книгу "Как заработать 1000$ в первый месяц". В ней я рассказал свои наблюдения исходя из своего опыта. Я выделил всего ТРИ метода для заработка.

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

23 комментария

по хронологии
по рейтингу сначала новые по хронологии

19-ого ждать не будем,начнем)

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

Автор

Без плагина тоже можно красиво оформить. Как надоест - обращайся.

Анастасия

Хорошая статья. Было бы хорошо узнать как можно красиво оформлять картинки на блог, а то к примеру в моим статьям совсем не красиво картинки поставлены . Может посоветуете что-нибудь?

Использую для красивого оформления WP-Note - очень удобен, выделить важную информацию теперь не составит труда)

Максим

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

Я как всегда пропустил массу конкурсов, а тут смотрю постоянно раздают деньги. Надо заходить по чаще может и мне что-то перепадет

Красиво оформлять статьи это важно!
И снова полезная информация и, наверное, не только для новичка!

Да, Александр, похоже, что вы впереди всех!

О, еще плагин для оформления блога. Я имею в виду WP-Note. Все-таки плагины - нужные вещи. Многие говорят, что они тормозят сайт и кодом лучше что-то делать. А я вот не согласна. Ведь плагины - это тоже код.

Автор

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

Сергей

WP-Syntax вот этот плагин очень полезный, а если еще вести блог о программировании о чем всегда мечтаю то очень круто, спасибо, когда то заюзаю

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

Прикольно, только сейчас заметил, что оказывается еще и приз 19-го комментария до сих пор не разыгран (непорядок, надо пригласить еще участников в конкурсы :) :) :) ). Народ, не спите, деньги уйдут!!!

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

Я использую плагин Newpost Catch , мне кажется он похож на WP-Note. Немного правда отличается, надо попробовать и ваш тоже. У Newpost Catch очень много настроек, блоки можно сделать абсолютно любыми.

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

Да на здоровье, Newpost Catch обновляется, но бывает что старые плагины лучше, чем новые, надо сравнивать

Попробовал оба варианта плагинов: и старый Note, и Newpost. По мне все-таки старый плагин лучше, более простой и доступный. Решил использовать его для своего нового блога. Но за совет спасибо, буду знать, что есть еще и другие возможности и варианты

Еще на эту тему есть плагин Drop Shadow Boxes, более сложный и красочный кстати, и там нет сбоку рисунков, как в Wp-note. впрочем в Newpost их тоже убрать можно. Только вот пишут блог он нагружает, сама не пробовала. может кто-нибудь пробовал?

Денис, а приз за 19-ый комментарий действительно будет? Или пошутил :(

Автор

Какие шутки :) будет-будет :) Правда долго набиралось нужное количество. Я уже и подзабыл даже.

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