Как украсить блог — разъясняем вопрос

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


Уже не секрет, что в основу современных алгоритмов ранжирования сайтов в поиске, ложатся так называемые поведенческие факторы. А что это такое? Это конкретные показатели характерные для того или иного сайта, которые собирают поисковые машины и оценивают, чтобы понять качество и полезность проекта.

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

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

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

Чтобы сделать стильный и эргономичный дизайн блога есть общее правило: чем проще подана информация, тем легче ее читать. А на простоту усвоения информации влияют вполне объективные факторы. Какие же?

Блок: 1/5 | Кол-во символов: 1740
Источник: https://moytop.com/zarabotok-na-bloge/5-1/dizajn-bloga-na-wordpress-i-oformlenie-materialov

Как сделать перевод темы (шаблона) на русский язык

  В WordPress существуют плагины для перевода темы (шаблона), главное преимущество данной платформы это всевозможные плагины, которые облегчают работу автору блога и вебмастеру.   На Blogger (Blogspot) перевод шаблона на русский язык будем осуществлять вручную. Скачали шаблон, разархивировали папку, загрузили в блог, а там все на иностранном языке. Для русскоязычных блогов не допустимое явление. Посетитель  не будет переводить слова , а просто уйдет с блога туда где все понятно и доступно на русском языке.   Совет! Благо что платформа Blogger позволяет на …

Блок: 2/7 | Кол-во символов: 643
Источник: https://yablogger.info/category/oformlenie-bloga

Визуальные эффекты для картинок


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

  • WP Lightbox 2 — очень простой плагин для лайтбокса (lightbox).
  • NextGEN Gallery — просто комбайн для работы не только с картинками, но и с другими медиа файлами. Прекрасно подходит для добавления на блог красивых галерей и альбомов. Так же поддерживает возможность создания лайтбоксов, но несколько сложнее, чем это можно реализовать с помощью плагина WP Lightbox 2.
  • WordPress Content Slide — красивый и простой слайдер. Очень быстро настраивается и легко добавляется на страницы блога.
Блок: 2/6 | Кол-во символов: 864
Источник: http://FairHeart.ru/wordpress/dopolnitelnye-plaginy/kak-ukrasit-blog.html

Горизонтальное меню css с поиском по блогу

В прошлых  публикациях я писала как создать горизонтальное анимированное меню. Из этой статьи вы узнаете как сделать фиксированное горизонтальное меню с поиском.   Фиксированное горизонтальное меню с поиском в светлом тоне   При прокрутке страницы меню остается вверху под браузером и не исчезает с поля зрения. Такое меню всегда под рукой и на глазах у посетителя. Поиск работает хорошо.   Добавляется в блог легко и просто, как обычный гаджет. Заходим в админку блога > Дизайн > добавить гаджет > HTML/JavaScript > вставляем код.   <style>#stickey_footer …

Блок: 3/7 | Кол-во символов: 647
Источник: https://yablogger.info/category/oformlenie-bloga

Плагин Special Text Boxes — красивые заметки для WordPress


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

, распакуйте архив и загрузите папку с файлами плагина на сервер в директорию wp-content/plugins, используя бесплатный ftp клиент FileZilla. После активации плагина, для его настроек появится отдельный пунк в меню админки WordPress — «Подсветка текста».

Плагин полностью на русском и это не может ни радовать. Общие настройки размещены в разделе «Подсветка текста» — «Параметры». Все опции подробно описаны на русском языке, поэтому останавливаться на них не буду.

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

Если стандартных стилей вам не хватает, то можно создать новый стиль, используя третий и последний раздел настроек плагина с характерным названием «Новый стиль». Создание нового стиля сводится к настройки его цветовой гаммы и иконок. Только не забудьте заполнить поле «Ярлык» — ID для данного стиля, с помощью которого потом и будет выводится специальный текст на страницы блога. При этом используйте только латинские буквы.

Как добавить специальный текст на блог:

1. Чтобы добавить его в записи и страницы блога, используя визуальный редактор WordPress, воспользуйтесь новой кнопкой:

Это текст заметки

Используемый стиль оформления текста, определяется параметром id.

2. Special Text Boxes добавляет новый виджет в WordPress под названием «Специальный текст»:

  1. Заголовок — данный пункт характерен для всех виджетов.
  2. Поле для ввода текста.
  3. Индикатор блока — определяет стиль оформления текста.
  4. Выполнить как код PHP — поставьте галочку напротив этого пункта, если вы вводите код PHP и хотите, чтобы на блоге был выведен результат его выполнения.
  5. Последние пункты настроек виджета определяют на каких страницах блога, он будет виден.
Блок: 3/6 | Кол-во символов: 2081
Источник: http://FairHeart.ru/wordpress/dopolnitelnye-plaginy/kak-ukrasit-blog.html

Поиск по блогу для Blogger

    Каждый веб ресурс имеет свой поиск по блогу/caйту. Для чего нужно окно для поиска? Если на вашем блоге много контента, то стоит задуматься как посетители будут находить нужную информацию.   Для навигации по сайту существуют меню, карта сайта, рубрики, категории, но этого мало. Пришел допустим на блог посетитель и задержался у вас, не разобрался например в меню, в перелинковке, не нашел полностью ответ на свой запрос, тогда он смело может ввести в поиск слово или фразу, и откроются все статьи …

Блок: 4/7 | Кол-во символов: 557
Источник: https://yablogger.info/category/oformlenie-bloga

Случайные статьи

Блок: 4/4 | Кол-во символов: 155
Источник: http://www.dejurka.ru/web-design/the-most-creative-blogs-on-tumbrl/

Кнопка «Читать далее» для Blogger (Blogspot)


Здравствуйте, дорогие посетители сайта Я блоггер. В статье «Как написать и настроить сообщение в блоге» подробно описала все настройки редактора сообщений. Сегодня поговорим о том как в сообщениях на главной странице добавить кнопку «Читать далее».   На многих блогах/сайтах, примерно 70% сайтов в рунете на главной странице видно только анонс статьи, по моему мнению очень удобная функция для навигации по блогу.     Как разделить статью на главной странице и установить кнопку «Дальше»   Как спрятать текст под кат в блоге и как …

Блок: 5/7 | Кол-во символов: 606
Источник: https://yablogger.info/category/oformlenie-bloga

Simple Counters — красивая подписка на RSS ленту новостей блога и

Еще одним украшением вашего блога на WordPress могут быть счетчики подписчиков на RSS ленту новостей и , создаваемые плагином Simple Counters. Что отличает эти счетчики от других подобных? Они всегда на веду и просто приковывают к себе взгляд пользователя — так и манят . Но все-таки советую, размещать счетчики на своем блоге только тогда, когда наберется достаточное количество подписчиков. И это чисто психологический момент — никто не хочет подписываться на то, на что другие не подписались. Стадное чувство. Может и грубо звучит, но так оно и есть.

Три раздела настроек Simple Counters:

1. Основные.

Чтобы счетчики заработали, необходимо указать URL адрес ленты новостей блога, который вы получили после добавления RSS канала на сервис FeedBurner, а также учетную запись в ‘е.

2. Бейджик.

Эти опции служат для настройки внешнего вида счетчиков — позиция на странице, цвет шрифта, границы и градиента. Кроме того, можно поменять сами картинки — есть новогодние версии, которые лежат в папке плагина simple-counters/images.

3. Подсказки.

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

Блок: 5/6 | Кол-во символов: 1389
Источник: http://FairHeart.ru/wordpress/dopolnitelnye-plaginy/kak-ukrasit-blog.html

Красивое оформление заголовков статей | Примеры


    Заголовок — это первое на что обращает внимание посетитель на сайте. Обратит внимание читатель на текст зависит от удачно созданного цепляющего и красиво оформленного заголовка.   Говорят, что не судят людей по одежде, а книгу по обложке, но люди делают это каждый день. Мы обращаем внимание на яркие красивые вещи, смотрим в каком переплете книга, цепляемся взглядом за название произведения, пробегаемся мельком по оглавлению и только тогда решаем покупать книгу или нет. Также и в интернете, вебсайты оцениваются по дизайну …

Блок: 6/7 | Кол-во символов: 608
Источник: https://yablogger.info/category/oformlenie-bloga

Как украсить меню блога

С картинками разобрались, счетчики посмотрели, настала очередь меню. Самые красивые эффекты для меню создаются на основе JQuery, библиотеки языка программирования JavaScript. Не обязательно знать эту библиотеку или сам язык JavaScript, для вас уже написано множество простых и удобных плагинов. Список самых лучших из них я уже приводил в статье про создание меню в WordPress, поэтому повторяться не буду.

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

Category and Page Icons — добавление иконок для пунктов меню

, распакуйте архив и загрузите его содержимое на сервер в папку wp-content/plugins, активируйте через админку WordPress. Для своих настроек плагин создан отдельный раздел Icons.

В разделе «Параметры» необходимо указать размер иконок. Папку для их хранения на сервере можно и не менять.

В папке плагина img содержаться несколько иконок, но на них смотреть страшно. Лучше скачайте новые и красивые из интернета. Найти их просто — на запрос «скачать иконки для сайта» Google или Яндекс выведют огромное количество предложений.

Новые иконки следует добавлять только через раздел настроек «Icons» — «Add / Delete icons», плагин автоматически загрузит их на сервер и конвертирует в нужный размер. Если картинки в ручную перекинуть на сервер, Category and Page Icons их просто не увидит. Не забудьте удалить оригинальные изображения, чтобы они не занимали место на ftp, которого и так всегда не хватает.

Теперь остается только задать для каждой категории и страницы свою иконку. Для этого используйте вкладки Assign icons to Pages и Assign icons to Categories. Иконки добавляются в сами ссылки, поэтому будут очень ровно и красиво смотреться.

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

Кроме всего выше рассмотренного, обязательно не поленитесь добавить на блог хлебные крошки (Breadcrumb NavXT), которые помимо красоты и удобства служат для дополнительной перелинковки страниц, и постраничную навигацию (плагин WP-PageNavi или WP Page Numbers).

На этом на сегодня все. Спасибо за внимание! Берегите себя.

Лучший способ выразить благодарность автору — поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в и RSS.

Блок: 6/6 | Кол-во символов: 2459
Источник: http://FairHeart.ru/wordpress/dopolnitelnye-plaginy/kak-ukrasit-blog.html

Бегущая строка в заголовке браузера


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

Блок: 7/7 | Кол-во символов: 653
Источник: https://yablogger.info/category/oformlenie-bloga
Кол-во блоков: 21 | Общее кол-во символов: 20841
Количество использованных доноров: 5
Информация по каждому донору:

  1. https://yablogger.info/category/oformlenie-bloga: использовано 6 блоков из 7, кол-во символов 3714 (18%)
  2. https://internet-ledi.ru/vebmasteram/kak-sozdat-na-bloge-prazdnichnuyu-obstanovku: использовано 1 блоков из 3, кол-во символов 786 (4%)
  3. https://moytop.com/zarabotok-na-bloge/5-1/dizajn-bloga-na-wordpress-i-oformlenie-materialov: использовано 5 блоков из 5, кол-во символов 8478 (41%)
  4. http://FairHeart.ru/wordpress/dopolnitelnye-plaginy/kak-ukrasit-blog.html: использовано 5 блоков из 6, кол-во символов 7708 (37%)
  5. http://www.dejurka.ru/web-design/the-most-creative-blogs-on-tumbrl/: использовано 1 блоков из 4, кол-во символов 155 (1%)



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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