WP-PageNavi: делаем красивую навигацию
На написание этой статьи меня сподвигла эта запись. В ней описан процесс оптимизации плагина WP-PageNavi под конкретные нужды, а так же настройка его внешнего вида. В своей же статье я постараюсь более подробно описать процесс настройки внешнего вида панели навигации, но на этом мы не остановимся, мы пойдём дальше и научимся ставить на фон панельки градиент, вместо статичного цвета. Для начала распишем подробно, какой параметр на что влияет, чтобы вам не пришлось разбираться самим.Открываем файл “pagenavi-css.css” и находим следующие строки:
.wp-pagenavi a, .wp-pagenavi a:link { – параметры для тех страниц на которые можно осуществить переход.
.wp-pagenavi a:visited { – парметры для уже просмотренных страниц.
.wp-pagenavi a:hover { – параметры для страницы на которую наведён курсор мыши.
.wp-pagenavi span.pages { – парметры для таблички которая показывает общее количество страниц.
.wp-pagenavi span.current { – параметры для активной страницы.
.wp-pagenavi span.extend { – параметры для панели с тремя точками.
Для всех этих строчек актуальны следующие параметры:
padding: – влияет на размер блока. Возможные варианты: любые 4 числа (2px 4px 2px 4px, 5x 7x 5x 7x).
margin: – регулирует расстояние между блоками. Возможные варианты: любые числа (2px, 3px, 5px).
text-decoration: – влият на оформление текста. Возможные варианты: blink - мигающий текст, line-through – перечеркнутый текст, overline - линия над текстом, underline - подчеркнутый текст, none – отменяет все эффекты.
border: – рамка вокруг блока. Возможные варианты: любые числа и любой цвет (1px solid #0066cc, 3px solid #FFFFFF)
color: – цвет текста. Возможные варианты: любой цвет (#2214e3, #000000)
background-color: - цвет вокруг текста. Возможные варианты: любой цвет (#2214e3, #000000)
Отлично! Теперь мы разобрались с настройками плагина WP-PageNavi, и сейчас попробуем засандалить на фон панели навигации градиент. Рисуем в любом графическом редакторе 2 градиента на подобие этих:
Назовём зелёный “1.png“ а синий ”2.png“. Затем создаём в папке с плагином WP-PageNavi папку “images” и закидываем туда наши файлы. Теперь в файле “pagenavi-css.css”, находим строчки: “.wp-pagenavi a, .wp-pagenavi a:link {“, “.wp-pagenavi span.pages {“, “.wp-pagenavi span.extend {” и меняем в них параметр “background-color: #xxxxx;” на “background-image: url(‘images/1.png’);“. Теперь в строках: “.wp-pagenavi a:hover {” и “.wp-pagenavi span.current {” меняем параметр “background-color: #xxxxx;” на “background-image: url(‘images/2.png’);“.
Затем подбираем блокам рамки подходящего цвета, в нашем случае цвет для рамки зелёного блока будет #56bd18, а для синего #81bbf9. С другими параметрами вы легко разберётесь и сами, выше по тексту есть все необходимые для этого сведения. В итоге у нас должно получиться чтото на подобее этого:
Comments
Opera mini 5 beta: новое поколение мобильных браузеров
Всё чаще и чаще мы начинаем пользоваться Интернетом при помощи мобильных устройств. Лидером среди программ позволяющих нам пользоваться “мобильным” Интернетом является “Opera mini”. Благодаря тому, что программа написана на java её можно использовать как на смартфонах и коммуникаторах под управлением различных операционных систем, так и на обычных телефонах. Я так думаю, что про Opera mini знают уже практически все, так что рассказывать о том какая это замечательная прога, я не вижу смысла. Лучше я расскажу о её новой версии, а рассказывать действительно есть о чём.
На данный момент самой свежей версией является Opera mini 5 beta. Можете просто полюбоваться на скриншоты, а можете и почитать мои комментарии.
Итак, какие же изменения появились в пятой версии?
• Сначала нашему взору предстаёт страница с девятью закладками (прям как у большого брата на компе).
• Меню так же подверглось изменению, теперь оно состоит из четырёх панелей.
1) Вкладки (теперь появилась возможность работы с несколькими).
2) Адресная строка и строка для поиска в google и wikipedia.
3) Кнопки: стартовая страница, назад, вперёд, обновить, выход.
4) Панелька которая содержит выпадающий список со следующими настройками:
Закладки, история, сохранённые страницы, настройки, поиск на странице, помощь.
Всё так же можно включить полноэкранный режим, и повернуть экран на 90 градусов.
Как видите благодаря нововведениям стало удобнее работать (многостраничность) и внешний вид стал намного лучше.
Comments
Site-Auditor: оцениваем свой сайт
Совсем недавно, я нашёл одну занимательную программку под названием Site-Auditor (на момент написаний статьи самой свежей версией является Site-Auditor 1.75).
Предназначена она для сбора информации о сайте. То есть Site-Auditor может показать количество ссылок на сайт, количество проиндексированных страниц, наличие в каталогах и много другой полезной и не очень инфы, если заинтересовались, то можете посмотреть более подробную информацию о программе (как впрочем, и скачать её) на официальном сайте www.site-auditor.ru.
Лично для меня наиболее полезной функцией программы Site-Auditor является возможность просмотра места занимаемого сайтом в поисковых системах Google, Yandex и Rambler (а кроме них, ни каких других нам и не надо). Там же можно будет посмотреть ваших конкурентов по любому из запросов. Site-Auditor довольно удобная штуковина для проверки своих позиций.
Конечно, не всё безупречно, иногда программа находит не всю информацию (у меня не нашла счетчик TOP -100, но он мне особо и не нужен). И статистика позиций в Яндексе у меня не всегда верно отображается, но с Гуглем пока всё точно. В принципе это небольшие недостатки, поскольку все измерители чего-либо в интернете косячут, даже статистика посещения сайта отличается на разных счётчиках. Поэтому программу можно порекомендовать для использования.
Comments
WP Super Edit
WP Super Edit
Устанавливается как обычный плагин, после активации в меню “Настройки” появляется пункт “WP Super Edit”, при нажатии на который появляется вот эта картинка на которую следует нажать
Потом появится вот эта картинка, на которую тоже нужно будет нажать
Затем откроется страница с настройками, там будут 3 пункта. Начнём пожалуй рассматривать их с конца.
WP Super Edit Options
Здесь можно выбрать на всех ли юзеров будет распространяться этот редактор, скинуть настройки по умолчанию и пересканировать папку с плагинами для WP Super Edit. Внизу располагается кнопка, при помощи которой можно отключить плагин.
Configure Editor Plugins
Отмечаем необходимые нам плагины и функции.
Arrange Editor Buttons
Позволяет располагать значки на панели инструментов так, как нам захочется. Для этого нужно просто перетягивать значки на нужные панели, и не забываем после расстановки функцию по местам клацнуть на длинную, синюю кнопку наверху. Выглядит всё это вот так:
А вот так выглядит сам визуальный редактор:
Особенности:
1) Возможность редактирования CSS.
2) Вставка времени.
3) Работа со слоями.
4) Редактор HTML.
5) Абсолютное позиционирование.
6) Функция автоматического нахождения заданных слов и замены их на другие.
7) Множество функций для работы с таблицами.
8) Большое количество функций непонятного назначения ).
Редактор содержит большое количество функций, рассказать о которых невозможно, лучше поставьте плагин и поковыряйтесь в нём сами.
Comments
Dean’s FCKEditor: меняем визуальный редактор
Dean’s FCKEditor For WordPress предназначен для замены стандартного визуального редактора.
Устанавливается как обычный плагин, после активации в меню “Настройки” появляется пункт “FCKEditor”, который содержит в себе следующие настройки:
А выглядит сие чудо вот так:
Особенности:
В целом, Dean’s FCKEditor For WordPress не представляет из себя ни чего сверхъестественного, просто немного расширенный редактор.
Comments
Права доступа к файлам
Нередко мы слышим, что для каких либо целей нам необходимо дать файлам права на запись или присвоить им права 666 или 777. Так как же это сделать?
Для осуществления этой нехитрой манипуляции нам потребуется файловый менеджер, я использую FileZilla, поэтому я покажу, как можно определить права для папок и файлов на примере этой программы, но в других программах всё будет аналогично.
Для начала идём “Файл” >> “Менеджер сайтов”, открывается это окно
Нажимаем “Новый сайт”, заполняем таблицу по этому примеру и нажимаем “Соединиться”.
Если всё сделали правильно, то в правой части программы появятся файлы и папки находящиеся на вашем сервере. Выбираем нужный каталог или файл, нажимаем на нём правой кнопкой мышки, и выбираем в появившемся контекстном меню “Права доступа к файлу” и отмечаем галочками нужные опции, или просто пишем необходимое нам числовое значение.
Для каталога окно будет немного другое
Как вы заметили, внизу есть три пункта, которые определяют, будут ли применены изменения только к каталогам, только к файлам, или и к тому и к другому.
Ну вот в принципе и всё, как видите ни чего сложного.
Comments
Google XML Sitemaps: создаём карту сайта
Все знают, что карта сайта довольно полезная штуковина, она помогает поисковикам лучше индексировать наши сайты. Google XML Sitemaps поможет нам не только с индексацией в google, но и во многих дркгих поисковых системах, включая и наш с вами Yandex. Так чем же занимается Google XML Sitemaps? Прежде всего, он создаёт карту сайта, которая принемается всеми наиболее крупными поисковыми системами. Затем, при добовлении новых статей, карта сайта меняется, о чём и узнают поисковики. Несмотря на выполнение довольно “скромных” задач, настроек в Google XML Sitemaps довольно много.
Установив и активировав Google XML Sitemaps, в меню “Настройки” появится новый пункт “XML-Sitemap”. Сперва нам предложат построить карту сайта, это мы несомненно сделаем, но сначала настроим плагин.
Базовые параметры
Ставим галочки (точнее оставляем их на месте, поскольку они должны быть активированы по умолчанию) на:
Записать обычный XML файл (Ваше имя файла) – этот файл вы будете отправлять в поисковые системы.
Записать запакованный XML файл (Ваше имя файла + .gz) – этот тоже.
Постройте заново карту сайта, если Вы изменили содержание Вашего дневника
Обновить уведомление
В этом пункте следует поставить галочки напротив тех поисковиков, которые будут осведомляться об изменениях в вашей карте сайта. Для уведомления Yahoo вам потребуется ввести Application ID, ссылка для его получения будет там же.
Расширенные параметры
Здесь можно ограничить количество статей, из которых будет создаваться карта сайта, увеличить лимит памяти или запретить добавление некоторых статей или страниц в карту сайта. Но это всё по желанию, нас же интересует пункт “Строить карту сайта в фоновом процессе”, галочка на нём должна стоять.
Дополнительные страницы
Можно включить в карту сайта страницы не пренадлежащие вашему дневнику WordPress.
Приоритет статьи
Здесь можно выбрать приоритеты для страниц.
Расположение Вашего файла с картой сайта
Показывает название файла содержащего карту сайта, а так же место его расположения на сервере и url адрес.
Содержание карты сайта
Выбираем то, что должно отображаться в карте сайта.
Изменить частоты
Выбираем график для сканирования вашей карты сайта поисковыми роботами (раз в час, раз в день, раз в неделю и т.д.). И ставим приоритеты.
Важно!!!
При первой попытке создания карты сайта вы увидите ошибку, для того чтобы этого не произошло вам необходимо в корневой директории вашего сайта (точное расположение можно посмотреть в настройках плагина, в пункте “ Расположение Вашего файла с картой сайта”) создать два фала “sitemap.xml” и “sitemap.xml.gz” и дать им права на запись (присвоить права 666, как это сделать читать здесь). После этих манипуляция карта сайта должна создаться без проблем.
Скачать плагин можно здесь, а здесь его руссификацию.
Comments
Шаблон WordPress Artistic
Демонстрация >>
Скачать >>
Версия: 1.1
Автор: diamonds designers
Сайт: diamondsdesigners.com
Comments
Вред от размещения обратных ссылок на каталоги
Как только я создал свой первый сайт, я тут же решил зарегистрировать его в каталогах. Ну и естественно я воспользовался услугами одного сервиса. На нём, меня попросили разместить на сайте список обратных ссылок, что я по глупости и сделал. В результате:
- На мой сайт есть куча ссылок с каталогов с левой тематикой.
- Толку от них ни ху… в смысле мало.
- Из-за списка с обратными ссылками, гугл выкинул меня из выдачи поисковой системы (но сайт остался в индексе).
После этого, я удалил к чертям этот список ссылок, после чего пришлось ждать неделю, пока сайт не вернулся на свои позиции.
В общем, всем новичкам крайне не советую пользоваться услугами автоматической регистрации в “дохрена каталогах”. Толку с этого будет мало, поскольку куча ссылок с каталогов посвящённых тюнингу автомобилей или игре на гитаре, не принесут ни какой пользы сайту, посвящённому скажем суровым будням тушканчиков. И тем более не стоит размещать на своём сайте ссылки, на непонятно какие каталоги, тем более в большом количестве.
Уж лучше регистрироваться вручную, времени это займёт больше, но и результат будет лучше.
Comments
WordPress Database Backup: настраиваем автоматический бэкап базы данных
Создание бэкапа сайта является очень необходимой вещью. Часто мы не задумываемся над резервной копией своего сайта, мол “чё с ним будет то”, а потом в один прекрасный (точнее не очень прекрасный) момент наше творение накроется медным тазом из-за стечения обстоятельств или из-за наших кривых ручонок, которые всё время хотят привинтить новую феньку к сайту.
Можно делать бэкап в ручную используя панель управления хостингом, но заниматься этим постоянно вряд ли у кого-то возникнет желание. Поэтому нам на помощь приходят плагины для автоматизирования создания резервной копии. Лучше всего себя зарекомендовал плагин WordPress Database Backup, он прост в настройке и исправно работает.
Ну что, приступим к установке? Для начала как всегда закидываем папку с плагином на сервер в папку “wp-content/plugins”. И активируем его в админке, в меню “Плагины”. После этого в менюшке под названием “Инструменты” появится новый пункт “Резервное копирование” или “Архивация базы данных” (зависит от версии), на него следует кликнуть.
Кликнули? Молодцы. Теперь наверное вы заметили несколько жёлтых табличек в верху экрана? На них написано то, что вам нужно сделать. Сначала создайте в папке “wp-content” новую папку под названием “backup-xxxxx” (точное название будет показываться в жёлтой табличке), затем через FTP клиент устанавливаем права “777” на эту папку. Если таблички ушли, то можно переходить к настройкам, если нет, то начинаем перечитывать этот абзац.
Все настройки разделены на 3 таблицы. Первая табличка так и называется “Таблицы”, в ней можно добавить таблицы по желанию (основные таблицы будут сохранены по умолчанию), или исключить спам-комментарии и редакции записей, в общем, здесь настройки по желанию.
Вторая таблица называется “Настройки резервного копирования”, Здесь можно создать бэкап и на выбор, либо сохранить его на сервере, либо скачать его к себе на компьютер, ну или отправить его на почту.
А вот и самая главная для нас таблица “ Расписание резервного копирования”, здесь необходимо задать e-mail на который будет приходить бэкап. Большинство блогеров используют для этого почту на Gmail, ну мы тоже не будем выделяться и заведём почту там, хотя в принципе подойдёт любая. Кстати, лично у меня Gmail помечает присланные с помощью WordPress Database Backup резервные копии как спам, не знаю, может это, только у меня так, но на всякий случай не удивляйтесь если ваш почтовый клиент не будет показывать письма, попробуйте зайти на почту через сайт и посмотреть папку “Спам”. Так же здесь можно выбрать дополнительные таблицы, и установить график по которому WordPress Database Backup будет отпрвлять на почту резервные копии. Так же здесь показывается дата и время создания следующего бэкапа, которые кстати можно изменить.
Ну, вот в принципе и всё что можно сказать по поводу этого плагина. Вещь действительно полезная, поэтому не поленитесь и поставьте её.
