Здравейте колеги!

Скоро не съм споделял полезни съвети от практиката и мисля, че е време!

Днес попаднах на интересен дефект в WordPress. На работещ сайт на клиент забелязах, че заглавията (<title>) не се визуализират. Сайтът е двуезичен и използва qTranslate и All in One SEO pack. В същото време друг клиент използва същите две добавки – без проблем! :-О

Първото, за което се сетих е да сверя настройките на добавките в двата сайта – бяха еднакви!

После прегледах кода на темата (header.php) – съвсем стандартен:

<title><?php wp_title(“); ?></title>

Да обаче нещо не работи!?

Изключих всички добавки една по една, за да видя дали не си пречат – без успех!

Накрая видях проблема и се сетих за решението!

Ще дам малко предистория, защото проблема съм си го създал аз по невнимание!

На сайта беше инсталирана добавката WordPress SEO, която обаче не решава проблема с различни заглавия на страниците, за различните езици! В настройките на тази добавка има изискване кода на страницата да съдържа “<?php wp_title(“); ?>”, за да може да работи! Макар, че това си е нормално, поне за мен!

Текущият тайтъл (заглавие) беше:

<title><?php wp_title(‘-’, true, ‘right’); ?> <?php bloginfo(‘name’); ?></title>

Което беше малко дълго от SEO гледна точка, защото дописва и името на сайта! Принципно SEO специалисти използват този формат с чисто визуални брандинг цели. Което налага първата част да е по-къса! Но това си е решение на всеки!

За да скъся малко заглавията махнах втората част от кода. Но, за да запазя оригиналния код, реших да коментирам този ред и да напиша новия под него!

И кода ми стана така:

<!–<title><?php wp_title(‘-’, true, ‘right’); ?> <?php bloginfo(‘name’); ?></title>–>

<title><?php wp_title(“); ?></title>

Е ТОВА Е ПРОБЛЕМЪТ!

Кода си е верен, но по някаква причина заглавието се взема само веднъж и се визуализира на страницата само на първото място където се среща в кода – в случая се визуализира като коментар!

РЕШЕНИЕТО:

Размених местата на двата реда и – Браво бе Айнщайн!

Всички заглавия си дойдоха на местата!

Подобна ситуация

Преди време имах клиент, който използваше предварително форматиран текст в своите постове – пак на WordPress. Т.е. web дизайнер прави HTML модел на страницата, съобразен със стила на сайта и после този код се поставя в поста, в HTML изглед, и се подменят текстовете и връзките!

Една от страниците обаче чупеше дизайна! Разглеждайки кода не видях никъде неправилно подредени тагове или незатворени такива! Единственото, което ми се видя излишно беше един параграф, който беше коментиран, примерно:

<!–<p>Mauris in erat purus, eget imperdiet sem. In fermentum commodo enim ut blandit. Quisque volutpat diam ac quam euismod dictum. Aenean tincidunt consectetur felis at sodales. Nam dignissim tincidunt scelerisque. Nulla feugiat dui id sapien sagittis nec porta diam lacinia. Aenean dapibus, neque id porttitor posuere, lectus nibh mollis leo, vel lobortis dolor mi ultricies eros. Nam tempor interdum tristique. Aliquam erat volutpat. Aliquam interdum iaculis lacus, vel sagittis lorem varius sit amet.</p>–>

Което не би трябвало да е проблем! Аз  реших да го махна защото така или иначе не се използва! И познайте – дизайна си дойде на място!

с какво и кога точно HTML коментарите пречат на правилното функциониране на WordPress, но внимавайте с тях или поне имайте си едно на ум!

Ако сте се сблъсквали с такива проблеми дано тази публикация Ви е помогнала!

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

Основните разлики са:

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

При преминаването към версия 2.2.10 също трябва да се актуализира плъгини на сайта. Ако вече сте закупили и използвате OfflineVM 2 може да поискате ъпдейтите и по електронна поща.

За повече подробности, видео уроци и актулни новини, не забравяйте да посетите сайтът на разработчика.

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

Честита Нова 2011 година!Преди всичко много здраве на всички, които четоха или не успяха да прочетат материалите в нашият блог!
Пожелаваме Ви много успехи в личен и бизнес план!
Дано това да е годината, в която икономическата криза ще свърши за Вас!

Дано сме Ви били полезни!

Още веднъж успехи и късмет!

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

Здравейте!

Скоро не бях писал в блога! Ама нали сме в рекламен сезон и все не остава време!

Тези дни обаче реших да запиша едно видео! По темата вече пуснах една статия с картинки, но възникнаха някои въпроси! Аз лично смятам, че в статията за Инсталиране на Джумла съм се постарал да е на разбираем език!

Въпреки това реших да направя и видео урок за инсталирането на Джумла на локален сървър, за да изясним картинката – максимално!

Това ми е първият видео урок, така че поради сценична треска може да усетите леко притеснение в говора!

Надявам се с това видео да сме Ви максимално полезни! Успех!

Инсталиране на Джумла на локален сървър from Bogdan Dimitrov on Vimeo.

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

Този пост е за дизайнерите, които забравят, че техните файлове се обработват от предпечатари. В повечето фирми у нас тези две позиции са слети в една. Аз поне съм работил само във фирми, където е било така. В практиката ми се е налагало и се налага ежедневно да получавам и подготвям клиентски файлове за печат! В повечето случаи това са файлове от други рекламни агенции! Веднага ще предположите, че тези файлове не се нуждаят от допълнителна обработка, но за жалост в 90% от случаите не е така. И то само защото, някой колега или колежка си е спестил 1 минута. Както се казва – Малко камъче, каруца обръща!

По закона на Мърфи, когато поискате файл за офсетов печат получавате файл със зададени цветове по Pantone или RGB скала – в повечето случаи трябва да е само CMYK. Ако поискате файл за сито печат, получавате всичко оцветено по CMYK – нормално трябва да е или Pantone или в Indexed /малко по-сложно е, но е важна идеята/.

Предпечата е именно това – привеждане на файла в правилния формат, цвят и размер за съответния вид печат!

Но колко по-лесно и по-спокойно ще е ако Ви изпратят поне коректно оцветен и оразмерен файл!?! Двете страни ще си спестят и нерви, и телефонни разговори, и неприятни коментари по повод професионалните умения!

Писах по-дълго от колкото ще ми трябва да преоцветя един файл с безброй Pantone цвята в CMYK.

И така към решението!

1. Отваряте файлът с цветовете по Pantone.

2. Правите си копие – задължително си запазете и оригинала.

3. Селектирате всичко или обектите които ще преоцветявате.

4. Избирате меню Edit -> Edit Colors –> Convert to CMYK /виж снимката/.

5. Изтривате всички неизползвани цветове от палитра Swatches. Това става като натиснете малката стрелка в горният десен ъгъл на палитрата и изберете Select All Unused! След това натискате иконата с форма на кошче в долният десен ъгъл на палитрата!

Това е!

Стъпка 5 не е задължителна, но е желателна!

Това е автоматичното конвертиране, но е по-добре обаче да зададете стойностите на ръка, така както са зададени в изискванията за корпоративен дизайн на Вашата фирма. Или най-малко да ги сверите с контролна Pantone Color Bridge скала, в която има зададени стойности и e показано как ще изглежда всеки Pantone цвят, когато се печата по CMYK.

Благодаря на всички дизайнери, които знаят какво и защо го правят!

Благодаря и на онези, които не знаят, но четат за да се научат и да знаят!

Винаги можем да сме си взаимно полезни!

Успех!

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

Един път годишно ми се налага да подменям артикули и цени в сайт изграден на база Джумла и Virtuemart. Колегите, които се занимават с това постоянно сигурно отдавна са забелязали проблема и са си намерили решение. Аз също открих едно, след доста нервни часа. И понеже знам от опит колко е “инфарктна” ситуацията, особено ако гоните краен срок, реших да го споделя и с Вас.

Преди всичко трябва да Ви предупредя, че се пипа директно в базата данни, а там както знаете Ctrl+Z не работи! Затова както винаги пиши в уроците – Задължително си направете копие на базата данни преди процедурата!

В моя случай имах продукти, на които бях задал цена различна от нула. Тъй като сайтът трябваше да се обнови бързо, реших да кача всички артикули и след това, при активен сайт да добавя цените. Използвах OfflineVM, за която писах в този блог. Спестих си въвеждането на цена, което автоматично зададе на продуктите цена 0. До тук добре.

Тъй като имаше промяна на цените на старите артикули, реших и тях да ги вкарам на ново с цена 0. И това добре.

Но когато качих всичко се появи проблема. Всички стари продукти имаха цена “0.00 лв.”, а новите само бутон “Питай за цена”. Сами се сещате, че никой не продава на цена 0.00 лв. Макар, че по много сайтове за коли има такива обяви, което може би не ги дразни, но на мен определено не ми хареса.

Какво се оказа.

За всеки продукт, на който зададете веднъж цена, в таблица jos_vm_product_price се добавя ред. След това дори и от администрацията ръчно да зададе цена 0, реда няма да се изтрие, а ще имате продукт с “Цена: 0.00 лв.”.

Ако това не Ви пречи, ок. Ако обаче ви дразни и искате за продуктите с цена 0, вместо цена да има бутон “Питай за цена”, ето Ви едно решение:

1. Копие на базата данни. ЗАДЪЛЖИТЕЛНО.

2. Отивате в phpmyadmin.

3. Избирате Вашата база данни.

4. И изпълнявате следната SQL команда:

DELETE FROM `jos_vm_product_price` WHERE `product_price` = 0

ВНИМАНИЕ!

Тази команда ще изтрие всички редове от таблица jos_vm_product_price за продукти с цена 0. Това автоматично ще накара Virtuemart да покаже връзката “Питай за цена”.

И още нещо много Важно. Ако не сте сигурни какво точно правите – не го правете. Помолете някой колега, да Ви помогне!

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

OfflineVM е програма, която ви позволява да управлявате своите продукти от изграденият с Joomla и Virtuemart електронен магазин – локално. Т.е. да имате локално копие на цялата база данни на магазина, съдържащо имена, описания, идентификационни кодове, цени, малки и големи изображения.

Базата данните на OfflineVM е със структура като базата данни на Virtuemart, така че синхронизацията на данните между магазина и OfflineVM е без загуби.

От друга страна програмата позволява на потребителите на електронни магазини изградени с помощта на Virtuemart, лесно да търсят и намират продуктите от своя магазин – директно на локалния компютър. Да променят данните за тях, да въвеждат нови продукти и категории и когато всичко е готово – да качат всичко на сайта – синхронизирайки данните!

Когато работите с програмата, вие сте абсолютно независими от интернет скоростта или отдалечеността на  сървъра. Няма проблеми с времето за текущата сесия. Стартирането на OfflineVM е много по-лесно и по-бързо от отварянето на браузъра, задаването на адреса на Вашият Joomla сайт, идентификация като администратор и намиране на връзка Virtuemart в менюто. По този начин спестявате изключително много време, когато трябва да промените описанието на продукта или цената.

„Времето е пари“

При ползването на OfflineVM Вие спестявате време, физическото си, а понякога и психичното здраве! А от там и парите си.

OfflineVM е един инсталационен файл, което прави процеса на инсталация лесен и бърз (по-малко от 1 минута), дори и за най-неопитния потребител.

Предимства на продукта са:

• Бързо и лесно добавяне/редактиране/изтриване на вашите продукти/категории
• Лесно и бързо добавяне/редактиране на цената за стандартна група потребители
• Добавяне/редактиране на снимките за продуктите
• Автоматична промяна на размера на изображението
• Изтегляне на продукти и продуктови категории от вашия сайт към програмата
• Ъпдейт на продукти и продуктови категории от програмата към вашия сайт
• WYSIWYG редактор за пълното описание на продуктите
• Работата Ви с базата данни за продуктите е независима от отдалечеността на сървъра, скоростта и качеството на интернет връзката

Версия 1.0 на програмата е напълно безплатна! Има някои ограничения във функционалността!

Новата версия 2.х на програмата струва едва $20 за домейн. Еднократно – за вечни времена!

Ето един клип за работата с програмата:

Всичко останало като системни изисквания, ръководство за ползване на руски и английски език и друго – на официалният сайт на OfflineVM.

С уважение към труда на авторите!

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

Този въпрос вълнуваше и мен в началото на моята Джумла одисея. Изчетох доста публикации по темата на български и английски. Като всяко друго нещо и този процес трябва да се прави с разбиране. Иначе е трудно.

Има много начини да изпълним задачата. Всеки може да избере най-разбираемия и удобен за него начин. Аз избрах един метод, който научих от Иво Апостолов – един от пионерите в българското Джумла общество. Именно този метод ще споделя с Вас. От както научих и използвам този метод, процесът по прехвърляне е една от най-лесните стъпки в изграждането на сайт с Joomla.

Да преминем към процеса. Вие вече сте правили част от нещата.

Като за начало ще поработим малко на локалния сървър.

По време на първата инсталация, на последната стъпка сте имали за задача да изтриете или да преименувате инсталационната папка, за да продължите!

Надявам се, че сте я преименували! Ако е така добре, ако не ще трябва да си свалите инсталационният пакет, за същата версия от официалният сайт на Joomla и да копирате папка /installation в основната папка на вашия локален сайт!

Ако само сте я преименували – възстановете оригиналното име – /installation.

Стартирайте phpmyadmin на локалния компютър!

Изберете базата, която е за вашият сайт!

Изберете от менюто – !

На следващият екран задайте запис във файл и натиснете бутона Go!

Ще се отвори прозорец, който пита какво ще правите с файла. Изберете Save File и натиснете ОК.

Следва въпроса къде да бъде записан файлът

Изберете папката в която се намира вашият локален сайт, отворете папка – installation/sql/mysql/ и селектирайте файл – joomla.sql!

Натиснете ОК и потвърдете припокриването на файла!

Сега да подготвим хостинг акаунта!

Създайте база данни на хоста, която ще бъде за Вашият сайт. Направете потребител и парола с пълни права над тази база.

Разберете, в коя папка на хостинг сървъра трябва да качите файловете на вашият сайт. Обикновено е /www или /public_html, или /root. Но може и да е друга – зависи от настройките на сървъра!

Стигнахме до момента, в който трябва да качим файловете.

Горещо Ви препоръчвам да използвате FTP клиент от рода на FileZilla, за да имате възможност да продължите от там до където сте стигнали, ако евентуално сесията бъде прекъсната!

Трябва да качите всички папки и файлове от главната папка на локалния сайт в публичната папка на хостинг сървъра. Примерно:

всичко от

D:\\www\root\mydomain\

да се качи в

/public_html/

на хостинг сървъра. Или казано по друг начин да се уеднаквят!

ВНИМАНИЕ: Единственият файл, който НЕ трябва да качвате е – configuration.php – и се намира в главната папка на Вашият локален сайт.

Ами това е.

След като всичко се качи напишете адреса на вашият онлайн сайт. Ще видите инсталацията на Джумла. Спокойно – Така трябва!

Направете инсталацията до край!

След като свършите с инсталацията и махнете или преименувате папка /installation ще видите Вашият работещ сайт!

ВАЖНО: Каквото и да зададете за име и парола на администратора при тази инсталация – НЯМА ДА ВАЖИ! ВАЖАТ името и паролата които сте ползвали на локалния сайт!

Успех и добра индексация в търсачките!

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

Всички ползвате пипетата /color picker/ във Photoshop. Така си мисля. Ако не е така сега е моментът да започнете да използвате този инструмент! Много е полезен. С негова помощ лесно се взема мостра за цвят от снимките, които ще ползвате за Вашия проект. При правилно подбрани цветове вашият дизайн ще изглежда хармонизиран, приятен за окото и стилен – поне цветово.

И така. Лесно можете да вземете мостра за цвят с пипетата от снимка която е отворена във Photoshop. Отваряте палитрата с цветовете, като кликнете два пъти върху индикатора за цвят в лентата с инструменти:

Ще се отвори палитрата за избор на цвят:

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

За да вземете мостра за цвят от снимката е достатъчно да кликнете в избрания участък.

Това е лесният начин. Предполагам, че си го знаете.

Ако сте забелязали, обаче, когато не сте върху отворена във Photoshop снимка курсорът се променя на бяла стрелка. Това означава, че не можете да вземете или измерете цвят от това място. Дори области във самият Photoshop не са достъпни за пипетата, камо ли десктопа или друга програма.

Опитайте!

Е, вече не! Не и след като сте прочели този пост. Ето го и трика.

1. Отворете снимка – произволна.

2. Отворете палитрата.

3. Преместете курсора до позиция над снимката. Докато курсорът промени своята форма в .

4. Кликнете и ЗАДРЪЖТЕ.

5. Докато държите левият бутон на мишката натиснат изместете курсора, където пожелаете на Вашият екран.

Гледайте как се променя индикацията за цвят в палитрата.

7. Когато стигнете до мястото, от което искате да вземете мостра за цвят – ОТПУСНЕТЕ бутона на мишката.

Вече няма граници за Вас!

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!

Има няколко начина за добавяне на статия в сайт изработен с Joomla. Основният начин, който аз ползвам е през администрацията на сайта. Другият начин е през публичната част на сайта /front end/. Има и различни компоненти, които организират достъпа на авторите до техните статии, секции и категории. Няма да се спирам на тях сега. Един колега ме попита днес, как да публикува една и съща статия в няколко сайта правени с Джумла. Най-лесният и безплатен начин, за който се сетих и му предложих, и за който ще опиша в този пост е с помощта  Windows Live Writer /WLW/ и добавката за Joomla – MovableType XML-RPC.

Става бързо, лесно и безплатно. Този пост също е писан с помощта на Windows Live Writer.

Както писах вече – не е необходимо да влизате в сайта, за да публикувате нова статия. Това си има своите предимства. Например няма да се притеснявате, че сесията ще изтече докато пишете. Особено ако статията е дълга или пък ви се наложи да излезете точно когато сте започнали да пишете. А и ако не записвате от време на време, нищо чудно да се наложи да я пишете пак. Което си е доста обезкуражително, а и трудоемко.

В този пост, обаче ще пиша за един друг случай. Да приемем, че имате няколко новинарски сайта. Искате с едно писане да пуснете новината във всичките! С Windows Live Writer няма проблем.

За целта:

1. Свалете си MovableType XML-RPC plugin – добавка за Joomla.

2. Влезте последователно в администрацията на сайтовете, в които ще добавяте статии. Инсталирайте добавката и я активирайте /публикувайте/.

• Приложения > Инсталиране – за инсталация
• Приложения > Добавки > XML-RPC – MovableType API – за активиране

3. Отиде в глобалните настройки на сайта и включете ползването на WEB услуги.

• Сайт > Настройки > Система > Включване на уеб услуги – задайте ДА

МНОГО ВАЖНО – Трябва да имате поне една категория в сайта, за да може Windows Live Writer да се свърже с Вашият сайт.

До тук бяхме в администрацията на сайта/сайтовете. Сега да минем на локалния компютър.

Свалете и инсталирайте Windows Live Writer.

Важно е да инсталирате програмата на български, за да имате работеща проверка за правопис.

За да ви покажа как да настроите програмата ще използвам тестов сайт, който е на локален web сървър. Препоръчвам Ви да направите същото. Винаги тествайте на локалното копие на сайта. Правете архиви на базата данни и на сайта винаги преди да инсталирате нещо ново и непознато!

Ето го и първият екран от настройките на акаунта:

Тук трябва да укажете какъв вид е вашият сайт. Тази програма основно е насочена  към авторите на блогове, но не пречи и любителите на Джумла да се възползват от нея, нали!?

Понеже Джумла не е специализирана система за блогове, а и заради изискванията на добавката, която инсталирахте изберете “Друга услуга за блогове”.

На следващият екран задавате данните за Вашият сайт. Можете да отметнете “Запомни паролата”, за да не я пишете всеки път!

В случая моят сайт е на локалният сървър, затова адреса изглежда така. Вашият ще е от рода http://your-domain.com/.

На следващият екран – от падащият списък избирате “Movable Type Api”. За адрес задавате пак адреса на Вашият домейн като добавяте след адреса – “/xmlrpc/index.php” – без кавичките. Или – “http://your-domain.com/xmlrpc/index.php”.

а

Програмата ще се опита да извлече темата на сайта – за да използва стиловете й. За Joomla аз не успях да изтегля темата. Това най-вероятно е защото:

1. В Joomla не използвате теми а шаблони /templates/.

2. Както писах по-горе програмата е основно за улеснение на блогарите.

Така че на следният въпрос:

отговорете с НЕ.

Това въобще не е най-важната екстра. Определено можете и без нея.

На следващия екран задайте име на акаунта. Това име се използва в Windows Live Writer, за да знаете в кой сайт ще публикувате статията. В случая аз зададох – Моят тестов локален сайт.

На следващата снимка ще ви покажа скрийншот на програмата докато пишех този пост.

Както виждате в горния десен ъгъл е избран именно тестовият сайт.

По същият начин можете да направите акаунти и за другите Ваши сайтове.

След като напишете статия, която е за няколко сайта, запишете я локално. После отворете статията и като сменяте акаунта /горе в дясно на WLW/ я публикувайте във всеки един сайт.

Имате възможност и да ъпдейтвате статиите. Отваряте, дописвате или коригирате и публикувате. Статията ще се обнови.

В дясно на предишната снимка сте забелязали, че има показани чернови, наскоро публикувани, добавки.

Добавките /plugins/ са полезни и някои от тях също са безплатни. Има такива за прикачване на снимка, за галерии, за видео, за прикачване на файл, за карти, за връзки към WikiPedia, за вмъкване на код и други.

В долната част на екрана са полетата за избор на категория и дата на публикуване. Ако използвате програмата за връзка с блог ще видите и поле за етикети.

Има и други подобни програми за писане на постове от локалния компютър към вашият блог. Не съм тествал с друга, но предполагам, че няма да е проблем да се използва и друга за връзка с Joomla.

Ако някой от Вас използва друг софтуер, може да сподели с нас. Добре е винаги да имаме право на избор. И колкото повече са вариантите за избор, толкова по-добре!

Това е! За мен тази програма е удобна и ми върши работа! Вие преценете за себе си!

Успех!

Сподели с всички

Богдан Димитров CreativeArtGroup - Blog - Дизайн, Предпечат, WEB дизайн - Съвети от практиката!