вторник, 27 апреля 2010 г.

Уроки WordPress - Шаблон Solarpress от команды Web2feel.com

 rss2email.ru
Получайте новости с любимых сайтов:   


Начать все сначала

OMyWorld - блог о путешествиях

Глум над рекламой и брендами

SEO блог Сумасшедшего Русского

  RSS  Уроки WordPress
WordPress – это просто!
http://wphelp.ru
рекомендовать друзьям >>

  • Шаблон Solarpress от команды Web2feel.com

    Шаблоны Wordpress со слайдером (каруселью) пользуются широкой популярностью. И чем оригинальней слайдер – тем больше почитателей у такой темы.

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

    Но многое их и объединяет. Например, слайдеры на главной странице. В основном они выполнены с использованием Java-скриптов. Но один шаблон стоит особняком. Слайдер на главной странице работает с использованием флеш-скрипта.

    Живая демонстрация шаблона

    Флеш редко используют в WordPress шаблонах. Почему? Неизвестно. Наверное, разработчики привыкли думать стандартно :)

    Что же, теперь эта оригинальная тема доступна и русскоязычным пользователям, благодаря кропотливой работе переводчика – Олега Власова, автора блога bestwordpress.org.ua.

    Тему Solarpress автор отнес к категории Бизнес. Олег соглашается с ним, но от себя добавляет, что шаблон этот отнес к рубрике Тематический новостной, и, конечно, ставит его в один ряд со всеми премиум-шаблонами, которые есть у него в каталоге.

    Премиум здесь во всем:

    • Отличный дизайн и макет.
    • Отличный стиль.
    • Встроенные функции плагинов (например, Twitter-for-Wordpress).
    • Дружелюбная настройка.
    • Подробное видео руководство автора.

    Переведены не только файлы шаблона, но и настройки в административной панели и Руководство по настройкам шаблона. Так что от вас потребуется только внимательно все прочитать. Да и посмотреть авторское видео – почему нет? Кто знаком с Wordpress не первый день, сможет легко понять, что автор вам говорит и показывает.

    Читайте внимательно Руководство, смотрите видео, настройки, – у вас все получится.

    Стоит добавить только еще несколько слов:

    Для миниатюр в анонсах используется новая функция, появившаяся в Wordpress версии 2.9.0. Если у вас стоит более ранняя версия – придется обновится :)

    Не переименовывайте папку шаблона – она используется в настройках файлов.

    Для слайдера надо использовать Произвольное поле под именем – slider. Кто знаком с этим – легко разберется, кто нет – у Олега в блоге статью об этом на примере настройки плагина Featured-Content-Gallery.

    И последнее – размер изображений. Автор забыл о нем сказать и написать. Для миниатюр – примерно 350×125 px, для слайдера – 865×300 px.

    Подробное описание и ссылка на закачку русской версии шаблона

    Источник: Уроки WordPress

    .


    Переслать  




Узнайте о скидках в вашем городе


Каждый день рестораны, спа, боулинги, кино со скидкой 50-80% в вашем городе!
реклама


rss2email.ru       отписаться: http://www.rss2email.ru/unsubscribe.asp?c=41890&u=559355&r=716358152
управление подпиской: http://www.rss2email.ru/manage.asp
Автор: на Комментариев нет:

rss2email.ru - на что подписаться? - Лучшие блоги недели

 rss2email.ruНа что подписаться?   |   Управление подпиской 

  RSS  rss2email.ru - на что подписаться?
Рекомендуем только лучшие новостные ленты и блоги!
http://www.rss2email.ru/top.asp
другие подписчики этой ленты также читают >>




rss2email.ru       управлять всей подпиской: http://www.rss2email.ru/manage.asp
Автор: на Комментариев нет:

пятница, 23 апреля 2010 г.

rss2email.ru - на что подписаться? - Лучшие блоги недели

 rss2email.ruНа что подписаться?   |   Управление подпиской 

  RSS  rss2email.ru - на что подписаться?
Рекомендуем только лучшие новостные ленты и блоги!
http://www.rss2email.ru/top.asp
другие подписчики этой ленты также читают >>




rss2email.ru       управлять всей подпиской: http://www.rss2email.ru/manage.asp
Автор: на Комментариев нет:

среда, 14 апреля 2010 г.

rss2email.ru - на что подписаться? - Лучшие блоги недели

 rss2email.ruНа что подписаться?   |   Управление подпиской 

  RSS  rss2email.ru - на что подписаться?
Рекомендуем только лучшие новостные ленты и блоги!
http://www.rss2email.ru/top.asp
другие подписчики этой ленты также читают >>




rss2email.ru       управлять всей подпиской: http://www.rss2email.ru/manage.asp
Автор: на Комментариев нет:

пятница, 9 апреля 2010 г.

Уроки WordPress - Оформляем картинки с помощью jQuery

 rss2email.ru
Получайте новости с любимых сайтов:   


Глум над рекламой и брендами

Скидки, обзоры и тенденции авторынка

Блог Димка о бизнесе, seo, блогах.

Рейтинги, секреты Веб 2.0 и соц. сетей

  RSS  Уроки WordPress
WordPress – это просто!
http://wphelp.ru
рекомендовать друзьям >>

  • Оформляем картинки с помощью jQuery

    Многие блогеры знакомы с красивым оформлением рекомендуемых записей с помощью плагина Featured Content Gallery.

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

    Нам понадобиться плагин jQuery Hover Image Text (не путать с плагином WordPress).

    Сразу его изменяем, чтобы наша страничка прошла валидацию html (заменяем знак p на span). Исправленную версию можно скачать тут.

    Файл jquery.hoverimagetext.js копируем в папку с шаблоном.

    Открываем файл header.php и добавляем перед тегом </head> следующий код:

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="<?php bloginfo ('template_directory'); ?>/jquery.hoverimagetext.js"></script> <script type="text/javascript"> $(document).ready (function () { /* options can be found within the plugin js */ $('.imageLibrary a').HoverImageText (); }); </script>

    Далее в самом тексте мы вставляем изображения в таком виде:

     <ul class="imageLibrary"> <li><a href="http://site.ru/1"><span><strong>Заголовок 1</strong><br />Здесь ваш текст</span><img height="124" src="http://site.ru/images/pic1.jpg" width="254" alt="Название картинки" /></a></li> <li><a href="http://site.ru/2"><span><strong>Заголовок 2</strong><br />Здесь ваш текст</span><img height="124" src="http://site.ru/images/pic2.jpg" width="254" alt="Название картинки" /></a></li> <li><a href="http://site.ru/3"><span><strong>Заголовок 3</strong><br />Здесь ваш текст</span><img height="124" src="http://site.ru/images/pic3.jpg" width="254" alt="Название картинки" /></a></li> </ul>

    Добавляем стили в файл style.css

     .imageLibrary { display: inline; clear: none; }  .imageLibrary li { list-style-type: none; display: inline; clear: none; } .imageLibrary span {  position: absolute;  margin-left: 8px;  margin-top: 91px;  z-index: 2;  background-color: black;  color: #ffffff;  width: 254px;  text-align: center;  opacity: .8;  display: none;  clear: none;  font-size: 11px;  line-height: 18px;  padding: 5px 0px 5px 0px; }  .imageLibrary p strong {  font-size: 14px; } .imageLibrary img { z-index:1; width: 254px; height: 124px; }

    В стилях вы можете задать свою высоту и ширину картинок, соответственно изменится отступ от верха картинки до начала полупрозрачной полосы: margin-top: 91px;

    В итоге при наведении на картинку получаем всплывающую полупрозрачную полосу с описанием. Живую демонстрацию можно посмотреть тут.

    Источник: Уроки WordPress

    .


    Переслать  




rss2email.ru       отписаться: http://www.rss2email.ru/unsubscribe.asp?c=41890&u=559355&r=716358152
управление подпиской: http://www.rss2email.ru/manage.asp
Автор: на Комментариев нет:

четверг, 8 апреля 2010 г.

rss2email.ru - на что подписаться? - Лучшие блоги недели

 rss2email.ruНа что подписаться?   |   Управление подпиской 

  RSS  rss2email.ru - на что подписаться?
Рекомендуем только лучшие новостные ленты и блоги!
http://www.rss2email.ru/top.asp
другие подписчики этой ленты также читают >>




rss2email.ru       управлять всей подпиской: http://www.rss2email.ru/manage.asp
Автор: на Комментариев нет:
Подписаться на: Комментарии (Atom)