BlogoDom

Создание, настройка, ведение и монетизация блога.

 


Добавим навигацию на блог – хлебные крошки.

image Так называемые “хлебные крошки” – это ссылки, показывающие весь путь от главной страницы до текущей. Примерно вот так:

Главная > Оптимизация > Анализируем скорость загрузки сайта”.

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

“Хлебные крошки” особенно полезны для каталогов или сайтов с большим количеством вложенных рубрик. Но даже если у вас нет вложенных рубрик не следует пренебрегать использованием “хлебных крошек”.

Зачем на блоге “хлебные крошки”:

  • “хлебные крошки”, это дополнительная навигация по блогу, а значить дополнительное удобство для посетителей блога;
  • такие ссылки дают дополнительную перелинковку для страниц блога;
  • совсем недавно Google стал показывать “хлебные крошки” в выдаче, и это безусловно может привлечь дополнительных посетителей на блог из поиска.

Добавляем “хлебные крошки” в блог на Wordpress.

Сделать это проще всего при помощи плагина. Я рекомендую Breadcrumb NavXT. Плагин русифицирован, регулярно обновляется, очень гибко настраивается, все настройки производятся при помощи панели управления, имеет виджет для добавления “хлебных крошек” в сайдбар.

По умолчанию.

Установка плагина стандартная – скопировали папку с плагином на хостинг в папку Plugins, активировали плагин в админ-панели блога. Даже не делая и не меняя ни каких настроек “хлебные крошки” появятся на вашем блоге. Наблюдать их можно в самом верху статьи. Походите по разделам своего блога, если вас все устраивает, то может быть на этом можно и остановиться.

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

Обычные настройки.

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

<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
	bcn_display();
}
?>
</div>

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

image

Панель настройки плагина поражает количеством вкладок и парметров, но в основном все настройки сводятся к изменению описаний ссылок. Возможно вам захочется изменить описания на оригинальные. Кроме этого возможно включить/отключить ссылку на текущую страницу, исключить из “хлебных крошек” домашнюю страницу, отображать варианты путей к странице.

Продвинутые настройки.

Плагин Breadcrumb NavXT допускает продвинутые настройки для отображения “хлебных крошек”. Мне было достаточно стандартных настроек, но если у вас есть потребность или желание, вы можете обратится к документации, где показаны примеры использования продвинутых настроек.
_
Можно ли заказать диссертацию и получить приемлемый результат?

25.11.2009 Автор hawot | WordPress, Сайтостроение | Comments

Больше чем пипетка.

Статья 2 из 3 в серии статей Инструментарий

color-girl Большинство из нас отлично различают цвета. И не только различают, но и реагируют на них. Масса людей трудится над технологиями цветового воздействия на людей. Понимаете о чем я?

Где можно применить цветовое воздействие в онлайн-ресурсах:

1. Оформление страницы. При первом посещении страницы, пользователь делает вывод о том, нравится ему страница или нет. И вывод этот он делает на первых секундах. А что видит пользователь на первых секундах открытия страницы? Правильно, он видит некоторое цветовое пятно. И от того на сколько это пятно приятно взгляду и будет зависеть его восприятие страницы.

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

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

Это была вода, а теперь по существу:

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

После установки плагин не сразу заметишь. Маленькая иконка скромно прячется в левом нижнем углу Firefox. Но за этой неприметной иконкой скрывается отличный функционал. И если первые 4 функции ни чем не примечательны и обычны, то остальные уже не совсем “пипеточные”.

Что мы сможем с ColorZilla:

1. Экранная пипетка. Щелчок левой кнопкой и выбирайте цвет в любом месте окна. При этом можно настроит автоматическое копирование кода цвета в буфер.

2. Попадайте туда, куда вам надо. Лупа позволит выбрать нужное место, вплоть до пикселя.

3.  Воспользуйтесь стандартными наборами цветов. Присутствуют палитры цветов.

4. Собирайте нужные или любимые цвета. Цвета можно собирать в свои наборы.

А кроме того:

5. ColorZilla может показать названия div/классов/элементов. Эти названия показываются возле иконки плагина. Можно быстро определить где какой элемент на странице и какой в какой вложен.

6. Плагин содержит анализатор DOM (Document Object Model) страницы. Т.е. плагин может выдавать полный список цветов по каждому используемому стилю/слою/элементу.

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

26.10.2009 Автор hawot | Сайтостроение | Comments

Стиль определяет качество дизайна.

В чем секрет стильного дизайна для сайта или логотипа?

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

Вот пример яркого и стильного дизайна.

пример работы дизайн-студии Orange Label

Мимо такой страницы не пройдешь, любой обязательно на ней задержится.

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

пример работы дизайн-студии Orange Label

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

Но не следует забывать, что стильный и запоминающийся дизайн сайта или логотипа это не залог успеха. Для любого более менее серьезного  проекта понадобиться использование современных технологий. Таких как web 2.0, Flash, Ajax. Т.е. проект должен быть не только ярким и запоминающимся. Он должен эффективно работать.

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

Посмотрим на сайт дизайн-студии Orange Label. Дизайн ее сайта настолько оригинален, что невольно начинаешь его рассматривать, прежде чем перейти к поиску нужной информации. Но и искать ни чего не придется. Вся необходимая информация на виду в одном клике мышке. Все стильно и лаконично, ни чего лишнего. А галерея работ говорит сама за себя.

Осталось упомянуть что студия работает в этой сфере с 2001-го года и за это время ее было создано более пятисот проектов. О серьезности компании говорит о то, что студия имеет представительства во многих городах СНГ, в частности в Москве, Минске и Калининграде.

Даже если вы не планируете в ближайшее время воспользоваться услугами дизайн-студии Orange Label, обязательно посмотрите на ее сайт как на пример стильного и лаконичного дизайна. И полистайте галерею работ студии, там есть что почерпнуть для своих дизайнерских идей.

13.08.2009 Автор hawot | Сайтостроение | Comments