Рубрики: WordPress | Теги: , | Комментарий: 8

Оформление даты поста для WordPress

Все чаше можно наблюдать в оформление тем для WordPress`а используют выделение даты. Я расскажу как сделать такое оформление для вашей записи.

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

	<div class="PostTime">
		<div class="day"><?php the_time('j') ?></div>
		<div class="month"><?php the_time('M') ?></div>
		<div class="year"><?php the_time('Y') ?></div>
	</div>
  • class=»PostTime» – класс служит для оформление бокса даты
  • class=»day» – класс служит для оформление дня даты
  • class=»month» – класс служит для оформление месяца даты
  • class=»year» – класс служит для оформление года даты
  • <?php the_time(‘j’) ?> – выводит день (в числовом формате)
  • <?php the_time(‘M’) ?> – выводит месяц первые три буквы (если хотите чтобы полностью писал месяц замените букву M на F)
  • <?php the_time(‘Y’) ?> – выводит год (в числовом формате)

2) Подготавливаем бэграунд картинку, у меня вот такая

3) И пишем css правила для файла style.css

.PostTime {
      padding: 0px;
      margin: 0px;
      background: url(images/PostTimeBkg.gif) no-repeat;
      height: 71px;
      width: 67px;
      text-align: center;
      color:#fff;
}
.PostTime div {
      display: block;
      line-height: 9px;
      font-family: 'Verdana';
}
.PostTime .day {
      font-size: 16px;
      line-height: 18px;
      letter-spacing: -1px;
      padding-top: 20px;
      font-family: 'Arial';
}
.PostTime .month {
      font-size: 10px;
      text-transform: lowercase;
}
.PostTime .year {
      padding-top: 7px;
      font-weight: normal;
}

Этот пример я взял с моего style.css файла, для вашего оформление наверное прийдеться немного его подправить.

Рубрики: WordPress | Теги: , | Комментарий: 3

Как выделить комментарии автора в WordPress

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

В файле style.css – дописывает строчку

.comment-author {
     background-color: #B3FFCC !important; //Выберите свой цвет
}

Редактируем файл comments.php

находим строчку

<li id="comment-<?php comment_ID() ?>">

и меняем на

<li class="<?php echo ($post->post_author == $comment->user_id) ? 'comment-author' : 'comment'; ?>" id="comment-<?php comment_ID() ?>">

Как работает:

мы сравниваем принадлежит ли комментарий авторы посту (причем автор не обязательно должен быть админ). И если принадлежит добавляем класс comment-author. Ну а как вы его разукрасите, это зависеть только от вашей фантази.

Пока писал статью нашел плагин для WordPess.

Рубрики: JavaScript | Теги: , , , , | Комментарий: 2

Firebug для Internet Explorer

Firebug стал инструментом номер один web-разрабочиков. Я уже не представляю себе работу без него (да и до него уже вспоминаю как кошмарный сон).

Все хорошо было бы, но к моему великому сожалению есть еще «осел». И для него microsoft не сделало инструмента аналогичного firebug`у.

Поэтому появление любого инструмента который позволит облегчит разработку под ИЕ, мною воспринимается с большим вниманием и интересом.

Представляю на Ваш суд один из таких инструментов – дебагер от Azer Koçul.

Далее, еще интереснее →

Рубрики: WordPress | Теги: , | Комментарий: 5

Облако тегов, с использованием флеша

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

WP Cumulus – плагин для WordPress. Краткий перевод статьи Roy Tanck.

=

Далее, еще интереснее →

Рубрики: WordPress | Теги: , , , | Комментарий: 1

Как избежать утечки PR или NOFOLLOW

Намедни, начитавшись SEO-блогов.

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

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

Начнем. Заходим в папку /wp-content/themes/myteam, где myteam – название вашей темы. Находим (если нет создаем) файл functions.php. И добавляем следующий код:

add_filter('the_content', 'nofollow'); //Добавили новый фильтр

//Сам фильтр
function nofollow($content) {
    $content = str_replace('<a ','<a rel="nofollow" ', $content);
    return $content;
}

Как это работает. В момент отдачи поста, он проходит через еще один фильтр nofollow. Который ищет в теле поста ссылки и добавляет к найденным ссылкам атрибут rel=»nofollow»

Рубрики: JavaScript | Теги: , | Оставить комментарий

JS – эффекты для ваших фотографий

Не когда не думал, что с помощью только Javascript и CSS, можно сделать такое.

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

И так…

  • Эффект «Полароид»
    Помните такой был фотоаппарат. Теперь вы можете подключив js-файл, свои фотографии превратить фотокарточки от «Полароида». Смотриться красиво.

    Эффект Полароид

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

    Уголки

  • Эффект «зеркальное отражение»
    Добавляет отражение для фотографии. Фотография выглядит так, как будто она стоит на полированной поверхности. Впечатляет.

    Эффект зеркальное отражение

Рубрики: JavaScript, Мои проекты | Теги: , , , | Оставить комментарий

Всплывающей подсказки или tooltip

В Интернете наблюдается определенная модная тенденция к использованию на сайте всевозможных всплывающих подсказок (tooltip).

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

Я давно уже хотел на своем сайте задействовать их. И вот смотрим…

Далее, еще интереснее →

Рубрики: JavaScript, WordPress | Теги: , , | Комментарий: 2

Резиновое поле комментариев

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

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

Далее, еще интереснее →

Рубрики: Новости | Теги: , | Комментарий: 4

Firefox скачали 8,706,347 раз

«День загрузки» завершен, не буду долго писать, из картинки все ясно.

Рубрики: Новости | Теги: | Комментарий: 2

День загрузки начался

В 21 час по московскому времени компания Mozilla разместила в свободном доступе ожидаемую третью версию открытого браузера Firefox 3. Одновременно с релизом компания надеется установить мировой рекорд по количеству скачиваний программы за сутки. Специально для фиксирования рекорда были приглашены представители Книги рекордов Гиннеса.

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

«Эта глобальная инициатива может войти в историю», – говорит Пол Ким, глава отдела маркетинга в Mozilla. «Формально сегодня нет каких-то установленных рекордов по количеству скачиваний, поэтому мы будем первыми».

Официального минимума и максимума скачиваний в компании не устанавливают, однако неофициально говорят, что надеются на отметку в 5 млн закачек.

Новая версия отличается повышенной безопасностью, скоростью работы и несколько измененным внешним видом. Также Firefox 3 позволяет пользователям добавлять расширенные фильтры в закладки, сортировать данные по ключевым словам, тэгам, темам и т п. Появилась и новая система Places, позволяющая быстро получить доступ к недавно посещенным сайтам. Помимо этого, в интерфейсе появилась возможность добавлять сайты в закладки одной клавишей.

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

Еще одна интересная особенность Firefox 3 кроется в работе с веб-почтой. В том случае, если пользователь нажимает ссылку на адрес электронной почты (mailto), то теперь возможно открывать не только локальный почтовый клиент, но и веб-почту – браузер сам войдет в почтовый ящик и откроет вкладку отправки нового письма. Правда, на сегодня такая система поддерживается только для ящиков Yahoo, Microsoft и Google, но разработчики обещают добавить и другие системы веб-почты.

Также третья версия открытого браузера научилась блокировать сайты интернет-мошенников, содержащие вирусы и трояны (раньше Firefox просто предупреждал об опасности того или иного сайта). Списки «плохих» сайтов берутся с сервисов Google и StopBadware.org. Пользователи уверенные в своих навыках могут отключить эту опцию.

Еще одно новшество, ожидающее пользователей, – более элегантный и современный дизайн.

В Mozilla Corp говорят, что новая версия браузера была в разработке около трех лет, что стало рекордом для компании (в будущем Mozilla сократит цикл разработки). Кроме того, в компании говорят, что ожидают значительного роста базы пользователей Firefox за счет выхода новой версии.

До конца текущего года будет выпущен и официальный релиз Firefox 3.1. Об этом около недели назад в новостных рассылках писал вице-президент Mozilla Майк Шропфер.

«Есть множество вещей, которые мы не стали включать в финальный релиз Firefox 3.0, так как они пока не совсем готовы», пишет Шропфер в дискуссионном листе, который вызвал большой интерес со стороны посетителей. В Firefox 3 не вошли такие разработки, как поддержка XMLHttpRequest (XHR), API-функции для JavaScript и некоторых других скриптовых языков для передачи данных в XML и прочих форматах.

Ряд источников в Mozilla указывали на то, что XMLHttpRequest мог появиться еще в Firefox 3.0 RC1, но в последний момент разработчики сочли, что эта система пока не готова.

«Общее качество движка Gecko 1.9 таково, что мы могли бы развернуть на его базе много новых технологий в одном релизе, однако посоветовавшись с веб-разработчиками решили часть новинок перенести на второе обновление, которое должно выйти к концу года», отмечает Шропфер.

Согласно статистически данным компании OneStat, лидером на рынке браузеров остается Internet Explorer на долю которого приходится 83% рынка, следом за ним идет Firefox с 14%, третье и четвертое место за браузерами Apple Safari (2,18%) и Opera (0,55%).

Источник: Cybersecurity.ru