388x60 Ads

Особенности создания шаблонов в Artisteer

Шаблоны для blogger в ArtisteerЗдравствуйте, уважаемые читатели блога БЛОGГЕР.

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


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

Пробуя создавать в Artisteer темы для блогов на платформе Blogger я обратил внимание на следующее.

При запуске программы вам предлагается создать новый проект. На этом этапе я рекомендую выбирать опцию (режим) "Сайт или блог", а не "Blogger".
Создать новый проект в Аrtisteer
По моему мнению, в режиме "Сайт или блог" модули "Предложить дизайн", "Предложить макет" и т.п. предоставляют более интересные варианты, чем если бы вы делали все то же самое сразу в проекте для Blogger.

После того, как вы выбрали (настроили) для себя подходящую тему (шаблон), войдите в меню Файл-Сменить тему-Blogger. В этом режиме вы увидите, как будет выглядеть ваш новый шаблон на вашем блоге.

Теперь пару слов об экспорте шаблона. Войдите в меню Файл-Экспорт-Настройки экспорта. Настройте вкладку Blogger, как показано на картинке (при необходимости выберите Показывать Navbar - Да).
Настройка экспорта в Аrtisteer

Таким образом, меню вашего шаблона будут пользовательскими и будут поддерживать стили субменю, которые вы настроили в программе Artisteer. Ссылка на главную страницу сразу будет русифицирована.

В той же вкладке выберите "CSS Option" и удалите префикс "Art". Перейдите в "Сноска" и снимите указатель "Обратная ссылка на Artisteer". Заполните все что нужно в опции "Свойства". Сохраните настройки.

Снова зайдите в меню Файл-Экспорт. Выберите "Экспорт шаблона" и там поставьте указатели в опциях "Экспортировать как -Папка", "Расположение картинки - Сохранить в папку шаблона". Как показал опыт работы с этой программой, хостинг изображений, на который заливаются изображения шаблона, весьма и весьма не надежен, а так у вас в папке сохраняться основные изображения. Очень желательно перезалить все изображения на надежный хостинг.

Несколько слов о субменю. Программа Artisteer позволяет создавать очень симпатичные CSS  меню. Пользовательское меню хорошо тем, что вы к любой ссылке меню можете подключить субменю. Для этого нужно войти в шаблоне своего блога во вкладку Дизайн-Элементы страницы. Теперь нужно войти в виджет с меню и добавить к какой то категории (ссылке) субменю. Действия те же самые, что и с добавлением основной страницы меню, только перед названием страницы субменю ставите черточку "-". Если нужно сделать субменю для субменю, в названии добавляемой ссылки ставим две черточки "--".

Оформление кнопки. Ссылка должна быть внутри следующего кода:
<span class='button-wrapper'><span class='button-l'> </span><span class='button-r'> </span>
<a class='button' href='http://какая то ссылка'>Кнопка</a></span>
На эту же тему читайте:
Artisteer - первое знакомство.





Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


29 коммент.:

NATALKA комментирует... [Ответить]

Программа платная?

БЛОGГЕР комментирует... [Ответить]

@NATALKA

Да, программа платная. Но в Интернете можно найти ломаную версию, в т.ч. ту, в которой сохраняются проекты.

Анонимный комментирует... [Ответить]

А у вас, случайно, не ссылки на путевую бесплатную версию, я уже 4-й день ищу, напарываюсь на одни зараженные файлы(((

БЛОGГЕР комментирует... [Ответить]

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

Анонимный комментирует... [Ответить]

Сделала шаблон, не устраивает фон
Вячеслав,подскажите, плиз как поменять фон
Заранее благодарю

БЛОGГЕР комментирует... [Ответить]

Попробуйте поискать в body примерно такой код:
background-color: #D2DEC4;

background-image: url('http://img123.imageshack.us/img845/8738/bottomtexturemq.jpg');

Обычно за фон отвечает картинка.

Юрий комментирует... [Ответить]

У меня дата публикации отображается в виде: Ноябрь, 19th, 2011 Вопрос: как убрать это злополучное th? Хотя бы писать в виде 19.11.2011
Тема Вордпресса создана на Артистиир 3

БЛОGГЕР комментирует... [Ответить]

Что бы убрать th - это нужно смотреть код. Речь идет о шаблоне для Blogger?

На счет Вордпресса. Если вы о ссылке на форум из темы http://pro100blogger.com/2011/12/export-blogger-to-wordpress.html
то, да, сделана в Артистиир 3.

Лида комментирует... [Ответить]

Спасибо Вам за азы использования программы Artisteer. Теперь ситуация немного прояснилась. Будем дальше изучать программу. Как раз нужно создать один шаблон.

Маркетолог комментирует... [Ответить]

Убил день пытаясь установить шаблон созданый в артистер на блоггер. На один блог шаблон становится, но в итоге отображается только белый лист и ничего больше. На другой становится но отображается не так, как в Артистере (огромные отступы между шапкой и меню и т.д.) К тому же, не могу создать резиновый шаблон, посте установки картинка в шапке обрезается на 30%. Что-то больно глючная программа получилась, хоть и удорбная(((

БЛОGГЕР комментирует... [Ответить]

На счет того, почему не отражается так в Артистер, мне сложно сказать, нужно видеть шаблон. Что касается создания резинового шаблона - Артистер - Блоггер - Макет - Ширина листа - Подвижный.

Mishechka комментирует... [Ответить]

"Очень желательно перезалить все изображения на надежный хостинг."
Подскажите, как это сделать? Я при экспорте указал "Расположение картинки - Сохранить в папку шаблона" и все картинки у меня на диске. Что делать дальше? Шаблон ставится нормально, но без картинок и как всё сделать правильно я не знаю.
Спасибо.

БЛОGГЕР комментирует... [Ответить]

@Mishechka

В этой статье http://pro100blogger.com/2011/11/artisteer-first-steps.html я рассказывал, как это сделать.
Что касается того, что бы перезалить картинки на надежный хостинг, то для этих целей я раньше использовал Народный сайт от Яндекса. Там есть функция управление файлами и можно получить прямую ссылку.

Mishechka комментирует... [Ответить]

Я имел в виду другое. Я могу загрузить папку с картинками на хостинг изображений и взять ссылки, как заставить Artisteer использовать именно эту папку? Или нужно будет менять все ссылки в коде HTML? Их все ещё найти надо и не перепутать!

БЛОGГЕР комментирует... [Ответить]

@Mishechka

Если вы зальете папку с изображениями, к примеру, на Народ, вы получите ссылку на подобии этой narod2/pic.jpg

Открываете ваш шаблон и в нем находите ссылку на изображение pic.jpg, меняете ее на narod2/pic.jpg и сохраняете.

Mishechka комментирует... [Ответить]

Я так и делал, очень неудобно искать, Artisteer в своём коде меняет названия, например: Bottom_texture.jpg на Bottomtexture.jpg что-то так, а слово header вообще встречается на каждом шагу, а мне нужно было его header.png (300 КБ)заменить на свой header.jpg (17 КБ), и у он везде ссылается на .png, получается, что нужно менять не только ссылку на рисунок? Я ведь почему задался этим вопросом, разница в весе рисунков, а ведь это и скорость загрузки? Artisteer при редактировании даёт возмоность выбрать рисунок с диска (есть кнопка выбора), но когда экспортирует шаблон на хостинг или на диск, то там снова стоят его рисунки по 300 КБ! Зачем он тогда даёт выбирать?

БЛОGГЕР комментирует... [Ответить]

@Mishechka

Я согласен с вами, что это довольно трудоемко.

Для того, что бы этого не делать в настройках экспорта нужно выбрать экспорт картинок в ImageShack.

В ином случае - руками...

Mishechka комментирует... [Ответить]

"нужно выбрать экспорт картинок в ImageShack"
Но как я тогда смогу заменить картинки с большим весом на более лёгкие?
В самом ImageShack? У меня там есть регистрация.

БЛОGГЕР комментирует... [Ответить]

@Mishechka

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

ImageShack в этом плане более надежен.

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

Возможно есть смысл сначала (до экспорта у установки шаблона в блог) экспортировать картинки в папку, посмотреть, сколько из них требует уменьшения веса. Если таки пару штук, то я бы все картинки экспортировал в ImageShack и уже потом заменил те, что требуют оптимизации.

Mishechka комментирует... [Ответить]

Но каким образом их заменить? Я всё так и сделал, захожу на ImageShack, а он мне сообщает, что никаких картинок у меня нет. Хотя при экспорте из Artisteer я внёс все данные аккаунта, который имею на ImageShack. Где мне их искать? На Пикасса у меня были доступны все картинки после экспорта шаблона и я мог их менять, удалять лишние и т.д.
А как быть с ImageShack?

БЛОGГЕР комментирует... [Ответить]

Вы откроете шаблоны и увидите все ссылки на ваши картинки.
Те которые нужно заменить - оптимизируете СООТВЕТСТВУЮЩИЕ изображения, ранее сохраненные в папке, и заливаете на хост, дающий прямую ссылку.
Дальше, меняете в шаблоне (условно!) ImageShack/Bottomtexture.jpg на narod2/Bottomtexture.jpg.
Все остальные изображения (которым не требуется оптимизация) так и останутся на ImageShack.

БЛОGГЕР комментирует... [Ответить]

В отношении того, где искать... Вот, ради наглядности, открыл первый попавшийся свой шаблон, который был сделан в Артистер. Вот одна из ссылок на картинку http://img155.imageshack.us/img155/4099/blockhzl.png

Ваша задача просто при помощи комбинации клавиш Ctrl+F найти фрагменты кода которые содержат .png или другой формат изображений.

Mishechka комментирует... [Ответить]

Как искать в коде я знаю. Я думал, что смогу войти в ImageShack под своим аккаунтом (как в Пикасса) и заменить картинки. Да не тут-то было, он их хранит неизвестно где. На Пикасса, после экспорта шаблона, они все хранились в папке "Artisteer-..." я мог делать что хочу.
Может мне создать свою папку для картинок в ImageShack, чтобы было как в Пикасса? Но там всё на буржуйском...

Ирина комментирует... [Ответить]

Я сама пользуюсь Артистиром, правда совсем недавно, но не знала о многих подробностях! Спасибо, нашла здесь ответы на многие вопросы )

Анонимный комментирует... [Ответить]

я немогу поменять фоновой рисунок

manifest_911 комментирует... [Ответить]

А как экспортировать ? У меня прога не заливает на Blogger. Можно развернуть тему пошагово ?

dflbv комментирует... [Ответить]

якшо потьрибно артистлер безплатно пишить в контакт http://vk.com/id94753492

Эльвира комментирует... [Ответить]

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

Анонимный комментирует... [Ответить]

При попытке экспорта, нажимая кнопку ПУБЛКАЦИЯ...реакция нуль(
Что делать???(

Отправить комментарий