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

Разместил: Юрий | 19.10.2014
23 комментария

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

Вот недавно, Лариса, более известная как 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 href="http://in4wp.ru" target="_blank" rel="noopener noreferrer">Самый лучший блог!
</a></strong>

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

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

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

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

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

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

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

Читайте также:  Взаимопиар - что это и для чего это? +Акция.

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

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

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

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

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

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

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

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

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

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

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

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

  1. Юрий

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

    Ответить
  2. Диана Ефимова

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

    Ответить
    1. Денис Тумилович

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

      Ответить
  3. Анастасия

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

    Ответить
  4. Артем

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

    Ответить
  5. Максим

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

    Ответить
  6. Александр

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

    Ответить
    1. Юлия

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

      Ответить
    2. Юлия

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

      Ответить
  7. Надежда

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

    Ответить
    1. Денис Тумилович

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

      Ответить
  8. Сергей Post author

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

    Ответить
  9. Сергей Оксак

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

    Ответить
  10. Сергей Оксак

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

    Ответить
  11. Олег

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

    Ответить
  12. Надежда

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

    Ответить
    1. Сергей Оксак

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

      Ответить
      1. Надежда

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

        Ответить
        1. Сергей Оксак

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

          Ответить
  13. Надежда

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

    Ответить
  14. Сергей Оксак

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

    Ответить
    1. Денис Тумилович

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

      Ответить
      1. Сергей Оксак

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

        Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *