Июн 20

Визуальное оформление отображения плагина «хлебные крошки» не так-то просто и было настроить.

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

Визуальное отображение плагина хлебные крошки

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

Для этого по ftp необходимо закачать файл style.css сначала к себе на компьютер, а затем открыть его с помощью блокнота Notepad2, настоятельно не рекомендую пользоваться стандартным блокнотом операционной системы windows, поскольку все файлы в wordpress размещаются в формате utf-8, и данный формат поддерживает как раз именно Notepad2.

Итак открываете файл style.css блокнотом , и далее необходимо дописать некоторый код. Код этот я дописал в самом конце файла style.css ,- вот так он выглядит:
.breadcrumb {
font:bolder 90%/170% Arial, Helvetica, sans-serif;
background-color: white;
padding-left: 30px;
}
.breadcrumb a:hover {
text-decoration: none;
color: #red;
}
Теперь о том, что примерно, означают те или иные команды:
font:bolder 90% – означает немного уменьшенное отображение размера исходного шрифта – в данном случае 90%
Уменьшение размера шрифта плагина

background-color: white; – означает что текст плагина отображается на белом фоне;

Изменение фона отображения плагина хлебные крошки

padding-left: 30px; – означает отступ от левого края для отображения плагина:

Настройка левого отступа плагина хлебные крошки

.breadcrumb a:hover {
text-decoration: none;
color: #red;
}

- означает что, ссылка в плагине, при наведении на нее курсора мышки, меняет цвет на красный:

 

Отображение активной ссылки при наведении на нее курсора мыши в плагине хлебные крошки

Удачной установки и настройки визуального отображения плагина «Хлебные крошки».

автор: admin \\ теги: , , ,

Июн 19

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

Итак по-порядку о том как скачать, установить и настроить плагин «Хлебные крошки».

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

Вот так выглядит плагин wordpress "хлебные крошки" на сайте

рис.1 Визуальное представление плагина "Хлебные крошки"

Скачать плагин хлебные крошки можно на этой странице, где, по идеи, размещена последняя версия данного wordpress плагина. Скачав его, получите заархивированный файл, распаковав который получите папку breadcrumb-navxt.

После этого действуете по обычной схеме: подключаетесь по ftp к своему сайту и заливаете в раздел плагинов /wp-content/plugins папку breadcrumb-navxt, заходите в админ панель вашего блога (сайта) на wordpress и активируете данный плагин. Но это еще не все, дело в том, что данному плагину необходимо указать то место на сайте, где будет отображаться путь на показываемую страницу.

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

Fatal error: Call to undefined function is_multisite () in public_html/seobloghomeless.ru/wp-content/plugins/breadcrumb-navxt/breadcrumb_navxt_class.php on line 767

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

Кроме того,  возникла проблема с нормальными настройками данного плагина breadcrumb-navxt.3.9.0. При самой первой активации плагина показывалась надпись «save changes» на английском, но после того как нажал на эту надпись, все как-то само-собой пришло в норму, и настройки стали отображаться по-русски.

Теперь, пожалуй, стоит подробнее описать где и как вставлять код плагина для отображения его на сайте.
Итак, сам код плагина «хлебные крошки»:
<div class=«breadcrumb»>
<?php if(function_exists(‘bcn_display’))
{
bcn_display();
}
?>
</div>
Вставлять его нужно на страницах шаблона, того дизайна который у вас активирован после команды: <?php get_header(); ?>, т.е. практически в самом верху страниц. Общий вид получится:
<?php get_header(); ?>
<div class=
«breadcrumb»>
<?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}
?>
</div>
Теперь о том на каких страницах вставлять данный код,- это страницы (в используемом шаблоне дизайна вашего сайта) index.php, single.php, archive.php, page.php, search.php.

Но лично я не вставлял данный код в страницу search.php , поэтому при поиске на данном блоге какой-то информации – на страницах результата поиска не будет отображаться «дерево» путей к искомой странице. Кроме того, в моем шаблоне просто отсутствовала страница archive.php, поэтому в нее я также не вставлял данный код.

Итак, после проделанных манипуляций плагин этот нормально заработал и стал отображать карту путей к текущей странице с главной станицы сайта. Однако, стоило еще подработать внешний вид отображения плагина <хлебные крошки> на сайте, поскольку настройки «по умолчанию» портили дизайн всего блога,- как показано на рисунке ниже:

Скачать плагин хлебные крошки и его отображение на сайте

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

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

автор: admin \\ теги: , , , ,

Апр 20

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

Остановлюсь на описании наиболее популярных из бесплатных движков.

  1. Во-первых, это конечно же бесплатный движок WordPress для ведения блогов, именно в этом направлении он наиболее популярно используется web-программистами во всем мире. С помощью этой cms (Content Management Software -программное обеспечение для управления содержимым ) можно не только вести блоги, но и создавать полноценные сайты. Для этих целей на официальном сайте движка http://wordpress.org/ (или российская версия http://ru.wordpress.org/ ) предусмотрена целая палитра различных наборов из плагинов и дополнительных программ. В интернете, также можно найти множество различных дизайнов для своего будущего сайта на wordpress. Плюсом также является наличие ЧПУ (человеко понятных URL). Публикация новостей или постов с помощью этого движка очень просто и позволяет использовать много дополнительных возможностей.
    Мне, например, эта система по-вкусу, она предполагает легкое обогащение сайта различными навигационными системами, хотя и требует некоторых манипуляций в панели управления.

    Бесплатный движок для сайта на wordpress
  2. Еще одним популярным движком является Joomla (оффициальный русский сайт http://joomlaportal.ru/). Важной особенностью данного движка является простота установки, и отсутствие загромождения панели управления сайтом, которая наполняется по мере востребованности тех или иных функций. Также важным преимуществом данного движка является снижение нагрузки на сервер и экономия места на хостинге. Думаю, такой движок для сайта подойдет если предполагается большое число посетителей.
    Мое небольшое мнение, что этот движок довольно хорош тем, кто знает хотя бы минимальный уровень программирования на php. В этом случае можно значительно обогатить свой сайт интересным и оригинальным дизайном, подключить очень разнообразные модули с предоставлением пользователям интерактивного поведения на сайте.

    Движок для сайта Joomla
  3. Другой, довольно мощный движок для сайта – это DLE (DataLife Engine). Предназначенный в основном для создания мощных новостных интернет ресурсов. Пользуется достаточно большой популярностью в российском интернет пространстве. Также обеспечивает низкую нагрузку на сервер, при достаточно большой посещаемости сайта. Предоставляет большие возможности как для посетителей сайта, так и для web-мастера в админ панели. Официальный российский сайт http://dle-news.ru/,  хотя движок не является бесплатным, однако многие web-мастера используют именно его для создания и наполнения своего сайта.
    Движок для сайта DLE DataLife Engine

Итак, если хотите использовать бесплатный движок на cms для создания своего сайта, советую воспользоваться wordpress или Joomla, которые, по моему мнению,  ни в чем не уступают платному движку на DLE.

автор: admin \\ теги: ,

Апр 11

Сегодня задался целью подредактировать немного главное меню своего блога на wordpress.

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

Перенос меню wordpress в сайдбар

Мне, например, нужно было убрать одну страницу из главного меню блога, а также добавить одну страницу с контактными данными. Дело в том, что я не хотел чтобы эта страница из меню исчезла бесследно,- а чтобы ее содержимое было добавлено в качестве одного из постовых сообщений. В принципе, с этим особых проблем не возникло, просто нужно открыть редактирование страницы, которую нужно убрать из меню,- и скопировать в режиме редактирования «HTML» в админ панели wordpress ее html содержание. Затем выбрать в админ панели «добавить новую запись» и вставить все html-содержимое бывшей страницы из меню в создаваемую запись.

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

Надо заметить, что если у вас в админ-панели сайта на wordpress, в разделе «постоянные ссылки» – в настройках указано »/%postname%.html» , то вам вообще беспокоиться нечего – в таком случае новую страницу создаете просто со старым url адресом. У меня же, в настройках постоянных ссылок указано «/%category%/%postname%.html». В связи с чем, если у меня перенести статическую страницу из главного меню в раздел  записи, то ее адрес url соответственно изменится, а это делать нежелательно, т.к. поисковики уже знают старые url адреса страниц, и их же знают различные системы и биржи, в том числе биржа ссылок сапе.

Плагин для изменения порядка страниц в меню

Теперь, наверно, немного полезных адресов по работе с разделами меню сайтов или блогов на wordpress.

  • Здесь  подробно рассказано как вывести пункты из главного меню в разделы сайдбара:

http://ab-w.net/wordpress/staticheskie-stranicy-wordpress-vyvod-menju-glavnaja-stranica.php

  • На этом сайте можно скачать хороший плагин Pagemash по работе с разделами меню: http://joelstarnes.co.uk/blog/pagemash/

Этот плагин  я тоже себе установил,- позволяет в визуальном режиме редактировать порядок отображения пунктов меню, а также скрывать некоторые пункты (например для временного редактирования некоторых страниц или просто для создания статических страниц без добавления к url адресу категорий), кроме того, поможет легко перенести пункты меню в «подменю».

  • А здесь можно скачать полезную программу для определения уровня вложенности страниц любого сайта: http://home.snafu.de/tilman/xenulink.html

Для чего определять уровень вложенности страниц,- пожалуй, в этом топике не буду останавливаться на этом, вкратце скажу,- это иногда может пригодиться по работе с системой sape (сапе), а также для оптимизации страниц собственного сайта.

На этом «закругляюсь» с писаниной )) , удачной работы по оптимизации вашего сайта.

автор: admin \\ теги: , , , ,

Дек 09

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

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

Например могут плохо индексироваться страницы, с вложенностью больше 3. Это значит, что по ссылкам с главной страницы сайта надо кликнуть 3 раза, чтобы добраться до страницы с уровнем вложенностью равной 4. Такие страницы и могут плохо проиндексироваться поисковыми системами. Есть и еще другие причины плохой индексации страниц сайта: «плохой контент» (частично или полностью скопированный с других ресурсов), мало оригинального текста, плохо оптимизированные страницы,- но на этих моментах я пока останавливаться не буду.

Для создания карт сайта поисковые системы Яндекс и Google предлагают создавать страницу в формате .xml и выкладывать ее в корень сайта, а затем сообщать роботу поисковой системы адрес url этой страницы. В интернете много ресурсов, предлагающих он-лайн бесплатно сгенерировать карту сайта (sitemap generator) в формате .xml , да и в самих поисковых системах есть такая возможность.

Ну а вот мне, думается, лучше сделать карту сайта не в формате .xml  а в формате .html – причина, по которой в этом есть свои плюсы: немного дополнительного контента на сайт. Во первых можно поставить на главной странице (а еще лучше на всех страницах) ссылку на карту сайта, а во-вторых появляется лишняя страничка ( с картой сайта) на которой можно продавать ссылки, например, используя биржу сапе,- и в третьих самый главный фактор: используя карту сайта (sitemap generator), все ваши страницы будут 3-го уровня вложенности. Примерный вид html-карты сайта:

Карта сайта html - sitemap generator

Сгенерировать .html карту сайта с помощью он-лайн генератора (sitemap generator) можно вот на этом сайте:  http://sitemapgenerator.ru , или еще один сайт http://www.akamarketing.com/html-sitemap-maker/ . Достаточно удобный сервис, только там предварительно нужно зарегистрироваться. И еще,  бесплатная генерация карты сайта, там возможна, при условии, что у вас на сайте меньше 2000 страниц. Пользоваться этим генератором сайтов – sitemap generator – достаточно просто: нужно добавить сайт в систему, пометить генерацию HTML-кода и нажать на старт. Процесс генерации у меня занял, примерно, 5 минут. Затем нужно скачать заархивированную папку с картой сайта к себе на компьютер,- соответственно разархивировать ее, и у вас получится HTML-страница с уже готовой картой сайта.

Далее все как обычно, просто копируете html-код сгенерированной карты в шаблонную страницу своего сайта. Кстати генератор карты sitemap generator – сразу выдаст название ссылок на все страницы, исходя из титлов (Title) каждой страницы. Посмотрев все названия, можно некоторые из них отредактировать вручную, для лучшей оптимизации.

После этих несложных процедур – карта сайта готова! Так что, используйте генераторы (sitemap generator ) – это намного упростит создание карт вручную, да и улучшит оптимизацию (навигацию) сайта.

автор: admin \\ теги: , , ,