Archive for Май, 2009

31МайSmub.it – очередной сократитель ссылок

Smub.It – очередной сократитель ссылок (сколько их уже в мире???), который в принципе можно было бы и пропустить, но его основное и принципиальное отличие от десятков других в том, что для его использования не нужно переходить на страницу самого сервиса. Чтобы с помощью Smub.it сократить ссылку, нужно всего лишь ввести smub.it/ перед той ссылкой, которую вы хотите сократить, например:

smub.it/http://livejournal.com

и нажать Enter. Ссылка будет сокращена, после чего ей можно поделиться (расшарить) в Twitter, Facebook, MySpace, Digg, StumbleUpon, FriendFeed, LinkedIn, занести в закладки или отправить по почте.

Smub.it

Существуют букмарклеты для Mac и iPhone.

29МайFlick.To.Twitt – сервис для публикации фото в Flickr и анонса их в Twitter

flick.to.twitt – очередной сервис для работы с Twitter и Flickr. Но не по отдельности, а для того, чтобы загрузить фото в аккаунт во Flickr’e и тут же объявить об этом в Twitter’e. Конечно, для того, чтобы им пользоваться, надо иметь аккаунты и там и там.

Сервис не требует регистрации и представляет из себя некий пошаговый мастер по загрузке фото в Flickr и дальнейшему анонсу их в Twitter.

1. Сначала надо пройти процесс загрузки фото. Для этого flick.to.twitt перебросит пользователя на авторизацию на Yahoo!, где потребуется разрешить flick.to.twitt загружать фото в Flickr. После получения разрешения (можно и отказаться :-)!) происходит возврат на flick.to.twitt и предлагается пройти авторизацию на Twitter. Там проходит аналогичный процесс – нужно разрешить flick.to.twitt авторизовываться на Twitter’e.

2. Теперь можно приступить к загрузке фото. Выбирается photoset (альбом) на Фликре, название фото, собственно файл для загрузки и статус в Твиттере. Опционально можно запретить данному фото появляться в Твиттер-ленте. Кстати для загрузки разрешены не только файлы в форматах GIF, JPG и PNG, но и TIFF.

3. Если все прошло успешно, ваше фото и установленный статус появятся в Твиттеровком таймлайне (ленте).

14Май10 приемов использования произвольных полей в WordPress

Это статья – сокращенный и достаточно вольный перевод статьи “Custom Fields Hacks For WordPress”, опубликованной в Smashing Magazine (ссылка на оригинал дана в конце). Перечислены 10 способов интересного применения custom fields (пользовательских полей) в WordPress.

1. Установка дата окончания поста.
Этот прием поможет установить дату окончания публикации поста, если вам нужно отображать запись в течение ограниченного времени.
В теме заменяем цикл вывода на следующий:

< ?php
if (have_posts()) :
     while (have_posts()) : the_post(); ?>
         $expirationtime = get_post_custom_values('expiration');
         if (is_array($expirationtime)) {
             $expirestring = implode($expirationtime);
         }  

         $secondsbetween = strtotime($expirestring)-time();
         if ( $secondsbetween > 0 ) {
             // For example...
             the_title();
             the_excerpt();
         }
     endwhile;
endif;
?>

При написании поста создается пользовательское поле с ключом expiration и временем в формате mm/dd/yyyy 00:00:00 в качестве значения. Пост перестанет отображаться после наступления указанной даты и времени.

2. Отображение постов на главной странице.
Этот прием поможет выбрать, как отобразить пост на главной странице – полностью или только анонс. Как и в предыдущем способе, надо заменить стандартный цикл вывода на следующий:

< ?php if (have_posts()) :
    while (have_posts()) : the_post();
         $customField = get_post_custom_values("full");
         if (isset($customField[0])) {
              //Custom field is set, display a full post
              the_title();
              the_content();
         } else {
              // No custom field set, let's display an excerpt
              the_title();
              the_excerpt();
    endwhile;
endif;
?>

Данный код отображает все посты в виде анонсов. Чтобы отобразить выбранный пост полностью, надо создать поле с ключом full и задать ему любое значение.

3. Отображение музыки и настроения в посте.
У пользователей ЖЖ есть две удобные опции при написании поста, которые пока отсутствуют в WordPress – отображение текущих музыки и настроения. Добавить их в WP достаточно просто – нужно в файле single.php или index.php текущей темы добавить следующий код:

$customField = get_post_custom_values("mood");
if (isset($customField[0])) {
    echo "Mood: ".$customField[0];
}

В посте создаем поле с ключом mood и как значение вписываем настроение.

4. Добавление META-описание к постам.
Хоть META-информация и не так уже важна для поисковиков, как раньше, все же не помешает иметь META-описание для ваших записей.
В файл header.php добавьте этот код в любом месте между тэгами <head> и </head>

">

Этот прием использует тэги WordPress для генерации meta-описаний. На страницах категорий, тэгов, архивов и главной используется статическая meta-информация. Отредактируйте строки 3, 7 и 9 в коде для определения ваших собственных значений. Для записей создайте поле Metadescription и впишите значения.

5. Ссылки на внешние ресурсы.
Как создать ссылку в заголовке на внешний ресурс “напрямую”, без ссылки на сам пост (как это бывает на Хабре – прим. перев.)? Для этого есть такой эстетичный способ. Сначала в файл functions.php вставляем следующий код:

function print_post_title() {
    global $post;
    $thePostID = $post->ID;
    $post_id = get_post($thePostID);
    $title = $post_id->post_title;
    $perm  = get_permalink($post_id);
    $post_keys = array(); $post_val  = array();
    $post_keys = get_post_custom_keys($thePostID);  

    if (!emptyempty($post_keys)) {
      foreach ($post_keys as $pkey) {
            if ($pkey=='url1' || $pkey=='title_url' || $pkey=='url_title') {
              $post_val = get_post_custom_values($pkey);
            }
      }
      if (emptyempty($post_val)) {
            $link = $perm;
      } else {
            $link = $post_val[0];
      }
    } else {
      $link = $perm;
    }
    echo '

'.$title.'

'; }

После этого в файле index.php стандартный код вывода заголовков:

< ?php the_title(); ?>

заменяем на

< ?php print_post_title() ?>

Теперь при написании поста нужно создать поле со значением url1 или title_url или url_title и вписать ссылку на внешний ресурс как значение. Заголовок поста при этом станет не ссылкой на сам пост, как обычно, а ссылкой на внешний ресурс (снова вспомним Хабр – прим. перев.). Если значение поля не найдено, заголовок будет традиционно вести на сам пост.

6. Встроенные CSS-стили.
Иногда нужно добавить к записям дополнительные стили CSS. Конечно, всегда можно использовать встроенные (inline), но это иногда не очень удобно. Данный прием поможет легко создавать дополнительные классы CSS и вставлять их в заголовок блога.
В файле header.php в любом месте между тэгами <head> и </head> вставляем код

< ?php if (is_single()) {
    $css = get_post_meta($post->ID, 'css', true);
    if (!emptyempty($css)) { ?>  


При написании записи создаем поле css и вписываем нужный CSS как значение. Вот настолько просто!

7. Переопределение <TITLE>
Тэг title чрезвычайно важен для SEO и привлечения траффика на ваш блог. И, кстати, большинство тем для WP поставляется без оптимизированного тэга title. Сторонние плагины, типа All in One SEO Pack могут помочь решить задачу, но так же этого можно достигнуть с помощью пользовательских полей.
В файле header.php заменяем код в <title> </title> на


< ?php if (is_home () ) {
    bloginfo('name');
} elseif ( is_category() ) {
    single_cat_title(); echo ' - ' ; bloginfo('name');
} elseif (is_single() ) {
    $customField = get_post_custom_values("title");
    if (isset($customField[0])) {
        echo $customField[0];
    } else {
        single_post_title();
    }
} elseif (is_page() ) {
    bloginfo('name'); echo ': '; single_post_title();
} else {
    wp_title('',true);
} ?>

При написании поста создаем поле title и вписываем нужное значение.

8. Блокирование поисковых систем от индексации определенных постов.
Вы хотели когда-нибудь запретить поисковику индексировать определенные записи (например, что-то очень личное)? Но при этом разрешить его читать простым читателям. Это достаточно просто с помощью… вы уже поняли чего.
Сначала нужно найти ID поста, который подлежит сокрытию от вездесущих поисковиков. В примере используем ID 17.
В файл header.php добавьте этот код в любом месте между тэгами <head> и </head>

< ?php $cf = get_post_meta($post->ID, 'noindex', true);
    if (!emptyempty($cf)) {
    echo '';
}
?>

Пользовательское поле noindex и ID поста как значение запретят поисковым системам индексировать контент данного поста.

9. Получить или вывести значение любого поля.
Теперь вы используете множество пользовательских полей. Как насчет того, чтобы автоматически получать все значения? В файл functions.php вставляется вот такой код:

function get_custom_field_value($szKey, $bPrint = false) {
    global $post;
    $szValue = get_post_meta($post->ID, $szKey, true);
    if ( $bPrint == false ) return $szValue; else echo $szValue;
}

Теперь для вызова функции и получения значения полей, используем такой вот код:

< ?php if ( function_exists('get_custom_field_value') ){
        get_custom_field_value('featured_image', true);
} ?>

Сначала используется функция PHP function_exists(), чтобы удостовериться что функция get_custom_field_value определена в теме. Первый аргумент функции – название поля (в этом случае featured_image) и второй – получение значения (true) или вызов его для дальнейшего использования (false).

10. Вывод кнопик “Digg This” только при необходимости.
Очень удобная и хорошая идея использовать кнопку “Digg This”, чтобы получать траффик с Digg. Но нужна ли эта кнопка ко всем постам? Вряд ли стоит использовать Digg, например, для объявления изменений на вашем сайте. Нас снова выручат пользовательские поля.
Открываем файл single.php и вставляем этот куда туда, где мы хотим видеть кнопку “Digg This”.

< ?php $cf = get_post_meta($post->ID, 'digg', true);
  if (!emptyempty($cf)) {
  echo 'http://digg.com/tools/diggthis.js" type="text/javascript">'}
?>

Пользовательское поле digg с любым значением отобразит кнопку “Digg This” (javascript, использованный в коде, покажет кнопку, предоставленную самим Digg). Если значения нет, кнопка не будет показана.

Бонус. Отображение миниатюр (thumbnails) рядом с записями.
Это достаточно известный прием и он успешно используется очень многими. Но некоторые все еще не знают, как красиво показать миниатюры рядом с постами на странице.

1. Создайте изображение по умолчанию в редакторе вроде PhotoShop или Gimp. Размер в приведенном примере 200х200, но конечно, это на ваше усмотрение. Назовите изображение default.gif и загрузите его в папку images в текущей теме.
2. В файле index.php вставьте это код в то место, где вы желаете видеть миниаютюры.

< ?php $postimageurl = get_post_meta($post->ID, 'post-img', true);
if ($postimageurl) {
?>
      Post Pic
< ?php } else { ?>
      Screenshot
< ?php } ?>

3. При написании создавайте пользовательское поле с ключом post-img и путь к изображению, которое вы хотели бы отобразить как миниатюру, как значение его.

Оригинал статьи на Smashing Magazine.

10МайПерекрытие встроенных стилей с помощью CSS

Это достаточно известный и давно уже не новый хак, но я все же решил его описать (скорее для себя).

Если в документе имеется встроенный (inline) стиль, который вы не можете удалить, и который вам необходимо использовать по-другому, то можно достаточно легко его перекрыть в основном файле стилей.

Берем для примера вот такой код:

The inline styles for this div should make it red.

Его можно перекрыть таким приемом:

div[style] {
background: yellow !important;
}

Не работает в ИЕ6, но оно нам надо?…

Подсмотрено здесь.

07МайjPlayer

jPlayer – это плагин к jQuery, с помощью которого можно:

• проигрывать и управлять mp3-файлами на странице;
• создавать и стилизовать (скиновать) mp3-плеер, пользуясь всего лишь HTML и CSS;
• добавлять звуковые эффекты к Вашим проектам на jQuery

Качаем jPlayer тут.

04МайNotes в FireFox

В Опере, которой пользуются все true geeks есть такая очень удобная и даже иногда чрезвычайная полезная вещь как Notes (если кто-то еще не в курсе, как им правильно пользоваться, то вот вам ссылка 1 и ссылка 2) – незаменимая вещь для быстрого сохранения нужных текстов, найденных по пути. Но еще иногда true geeks пользуются FireFox, и вот тут незадача – я не нашел (возможно, плохо искал?) никакого расширения с таким же или хотя бы подобным функционалом, чтобы можно было быстро выделить текст и сохранить его внутри браузера, вставлять в текстовые поля, сохранять адреса и т.д. – в общем, все что умеет Notes в Опере. Поэтому вопрос – никто не знает какое-нибудь подобное расширение для FireFox, некий эмулятор Opera Notes? Буду очень благодарен за ликбез.

02МайОтправка и получение HotMail через Gmail

Как настроить отправку и получение писем с HotMail-аккаунта через Gmail.

1. Для начала нужно перейти в Настройки/Settings в Gmail-аккаунте, там выбираем Accounts и щелкаем на Add a mail account you own.
Добавить аккаунт

2. В новом поле ввести почтовый адрес Hotmail/Live.
Адрес email

3. Далее вводим логин и пароль к Hotmail аккаунту и следующие настройки:
POP Server: pop3.live.com
Port: 995
Установить галочку Всегда использовать безопасное соединение/Always use a secure connection (SSL) when retrieving mail.

Выбираем, как поступить с почтой на Hotmail – оставлять копии на сервере либо архивировать их, а так же как помечать данную почту
Настройки

apartments in odessa
новости в одессе
земельные участки в одессе

4. Теперь устанавливаем опцию “Yes, I want to be able to send mail as…” – это позволит отправлять почту от имени Hotmail-аккаунта.
Отправить почту как

5. После этого Gmail отправит код-оповещение на указанный Hotmail/Live-аккаунт, чтобы удостовериться, что введеный адрес принадлежит действительно вам.
Проверка

Полученный код вводится в настройках, после чего процесс завершен!
Ввести код

Оригинал статьи.




Спонсоры: