Огледалния мечо пух

Вмъкване на опция в WordPress да генерира on-the-fly умалените изображения в сайта.
Първо вмъкваме разрешаваме функцията WordPress да прави умалени изображения със специфичен размер при самото качване на файла.
Добавяме кода в functions.php на вашия шаблон.

if (function_exists('add_theme_support')) {
add_theme_support('post-thumbnails');
}

След това сваляме скрипта Timthumb и го слагаме в кореновата директория на шаблона. Създаваме папка „cache“, която трябва да е с chmod 755 или 777 (в зависимост от настройките на сървъра).

След това в шаблона, където искате да се показва умалено изображение вмъквате следния код:

<?php
// Checks to see if there is a post thumbnail, or image specified via custom field
if (has_post_thumbnail() || get_post_meta($post->ID, 'post_image_value', true)) {
// Opens a container called post-tnail and accompanying link to enclose the image
echo '<div class="post-tnail"><a href="'.get_permalink().'" title="'.get_the_title().'">';
// Creates a function for both methods of attaching images to posts for inclusion later on
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large');
$postimage = get_post_meta($post->ID, 'post_image_value', true);
// If the post thumbnails function exists, there is a post thumbnail assigned
if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) {
echo '<img src="'.get_bloginfo('template_url').'/thumb.php?src='.$thumbnail[0].'&amp;w=150&amp;h=110&amp;zc=1&amp;q=95" alt="'.get_the_title().'" />';
}
// Or if the post thumbnails function does not exist and there is no post thumbnail, but there is a custom field image
else if (get_post_meta($post->ID, 'post_image_value', true)) {
echo '<img src="'.get_bloginfo('template_url').'/thumb.php?src='.$postimage.'&amp;w=150&amp;h=110&amp;zc=1&amp;q=95" alt="'.get_the_title().'" />';
}
// Closes the surrounding link and container
echo '</a></div>';
}
?>

За мен е по-удобно (предполагам и на вас) да направя външен файл, който съдържа кода за умалените изображения, запазвам го с име thumbnail.php в папка /includes и го вмъквам в темата

<?php include ('includes/thumbnails.php'); ?> 

Оригиналната статия може да намерите в сайта на Matt Brett

Днес попаднах на сайта на една система за управление на онлайн магазини. С радост открих, че е безплатна. На 28-ми юни 2010 тя навършва една година от своето съществуване.

Превод на български все още няма, но едва ли е проблем за някой да си го преведе сам.

Администраторския панел прилича досущ на работния плот на Windows Vista/7 , което още повече улеснява работата с приложението.

http://www.tomatocart.com

WPzoom ни радват с безплатен пакет с 500 растерни икони за социалните мрежи, търсачки, сайтове и др.
Пакета съдържа 100 икони с 5 различни големини 64×64, 48×48, 32×32, 24×24 и 16×16px.
Иконите са налични в PNG и PSD.

Файлът с иконите можете да свалите от тук

Напоследък при няколко инсталации на WordPress при опит да кача изображения към някоя публикация ми излиза грешка „HTTP Error“

Има решение за проблема и то се крие в добавянето на няколко реда код в .htaccess файла в кореновата директория на вече инсталирания WordPress

• Fixes "HTTP Error" when uploading in WordPress
• Posted by kirichev on February 25th, 2011

Ако ви се наложи да използвате някой нестандартен шрифт (който не е Arial, Verdana, Tahoma, Times new roman, Courier…) вече е много по-лесно с CSS3.
Вече единственото, което ви трябва е да имате хубав кирилски шрифт, над който да имате права (закупили сте го и не е в разрез с EULA). Следващата стъпка е генерирането на файловите формати за всеки браузър. Това е толкова лесно със онлайн генератора на Font Squirrel.

Само добавяте шрифта който ще използвате и избирате набор от символи, които да включва и файловите формати, които ви трябват. А те са

• TrueType – Формат, създаден да изглежда добре на екран. Частично се препоръчва за браузърите под Windows.
• OpenType (CFF) – Този формат е по-добър за печатане и не изглежда добре под Windows.
• EOT – Нуждаете се от този формат, ако се насочвате към потребители с Internet Explorer. IE няма да използва друг формат.
• SVG – Това е XML формат, поддържан от някои браузъри като тези на iPhone и iPad.
• WOFF – Междубраузърен, само за уеб формата е лек (информацията е компресирана) и може да се компилира с TrueType или PostScript (CFF). Поддържа се от FireFox 3.6+.
• Cufón – Това не е шрифтов формат. Добавя се, защото някои го предпочитат пред редовните шрифтове.

Скоро ми се наложи да преработя един шаблон за Joomla 1.5 и трябваше дадени модули да се виждат само от нерегистрирани потребители. В много случаи е удобно да скриете съдържание от влезлите в акаунта си потребители. Например ако след регистрация потребителите ще виждат съдържанието без реклами или модул подканващ гостите да се регистрират.
Такава опция няма вградена в Joomla и трябваше да потърся малко в google.
Сред първите 5 резултата беше и решението. В шаблона, на мястото на желания модул се слага следния код:

// Взимаме потребителя
$user = &JFactory::getUser();
// Сега работим с потребителското ID
$userId = $user->get('id');
// Сега скрий модула, ако потребителя е влязъл
if ($userId == 0) :
?>
// Сега вмъкваме JDOC, който показва модула
<jdoc:include type="modules" name="right" style="xhtml" />
<?php endif; ?>

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

Colorbox

FancyBox

• Възможност за вмъкване на изображения, HTML и флаш видео
• Възможност за превъртане на отворените снимки с колелцето на мишката или с клавиатурата
• Поддържа различни анимации при отваряне на прозореца

FancyZoom

• Семпъл дизайн
• Не поддържа смяна на следващо изображение с клавиатурата

Floatbox

• Възможност за смяна на изображенията с клавиатурата
• Вмъкване на HTML, Flash, iFrame и мултимедия

Greybox

Урок как да си направим красива и ефектна галерия, която подрежда снимките по албуми. А когато отворите даден албум снимките от него се зареждат на купчина, която прелиствате. Галерията използва CSS3 и jQuery

Демо: http://tympanus.net/Tutorials/PhotoStack/
Сайт: http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/
Сваляне: http://tympanus.net/Tutorials/PhotoStack/PhotoStack.zip

Възможности:

• Лесна подредба и добавяне на съдържание чрез влачене и пускане
• Информационни писма
• „Умно“ copy & paste
• SEO оптимизирано
• Многоезичен
• БЕЗПЛАТЕН

Демо: http://www.impresspages.org/demo-page/
Сайт: http://www.impresspages.org/
Сваляне: http://www.impresspages.org/download/

Един опит за работа с After Effects

WordPress от версия 2.5 насам има опция за вмъкване на галерия към публикациите с качените към тях снимки. По настоящем функционалността на галерията не е кой знае колко усъвършенствана и единствените опции с които разполага са избор на брой на колоните, подредба и къде да сочи връзката.

Но, за направата на един добре изглеждащ и функциониращ сайт в момента това не е достатъчно. Много по-удобно и лесно за потребителите ще бъде, ако в галерията се интегрира javascript за преглед на изображения като Lightbox или Thickbox (вградения в WordPress).
За да не се блъскаме с изключване на фунцкциите по подразбиране и писане на нови, където за включваме нов код за галерията има написан плъгин, който много улеснява живота ни.
Това е плъгинът Cleaner Gallery от автора Justin Tadlock.
Добавката поддържа завиден списък с Lightbox-подобни скриптове.

• FancyBox
• FancyZoom
• Floatbox
• GreyBox
• jQuery Lightbox
• jQuery Lightbox Plugin
• jQuery Lightbox Plugin (Balupton Edition)
• Lightbox 2
• Lightview
• LightWindow
• Lytebox
• Shadowbox
• Slimbox
• Slimbox 2
• Shutter Reloaded
• Thickbox