
Ранее в темах Редизайн блога и Редизайн блога. Часть вторая я упоминал о программе Artisteer, с помощью которой можно без особых навыков сделать достаточно не плохую индивидуальную тему (шаблон) для своего блога или сайта. В качестве примера можно привести шаблон SEO для людей.
Правда не стоит питать иллюзий, что с помощью этой программы вы сможете сделать высокопрофессиональный шаблон. Artisteer даст вам возможность сформировать основу вашего шаблона, который вы дальше будете "допиливать" под ваши потребности.
Пробуя создавать в Artisteer темы для блогов на платформе Blogger я обратил внимание на следующее.
При запуске программы вам предлагается создать новый проект. На этом этапе я рекомендую выбирать опцию (режим) "Сайт или блог", а не "Blogger".
После того, как вы выбрали (настроили) для себя подходящую тему (шаблон), войдите в меню Файл-Сменить тему-Blogger. В этом режиме вы увидите, как будет выглядеть ваш новый шаблон на вашем блоге.
Теперь пару слов об экспорте шаблона. Войдите в меню Файл-Экспорт-Настройки экспорта. Настройте вкладку Blogger, как показано на картинке (при необходимости выберите Показывать Navbar - Да).
В той же вкладке выберите "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 - первое знакомство.
29 коммент.:
Программа платная?
@NATALKA
Да, программа платная. Но в Интернете можно найти ломаную версию, в т.ч. ту, в которой сохраняются проекты.
А у вас, случайно, не ссылки на путевую бесплатную версию, я уже 4-й день ищу, напарываюсь на одни зараженные файлы(((
Нету... Скачайте на официальном сайте триал. Большинство бесплатных сборок не сохраняет проект.
Сделала шаблон, не устраивает фон
Вячеслав,подскажите, плиз как поменять фон
Заранее благодарю
Попробуйте поискать в body примерно такой код:
background-color: #D2DEC4;
background-image: url('http://img123.imageshack.us/img845/8738/bottomtexturemq.jpg');
Обычно за фон отвечает картинка.
У меня дата публикации отображается в виде: Ноябрь, 19th, 2011 Вопрос: как убрать это злополучное th? Хотя бы писать в виде 19.11.2011
Тема Вордпресса создана на Артистиир 3
Что бы убрать th - это нужно смотреть код. Речь идет о шаблоне для Blogger?
На счет Вордпресса. Если вы о ссылке на форум из темы http://pro100blogger.com/2011/12/export-blogger-to-wordpress.html
то, да, сделана в Артистиир 3.
Спасибо Вам за азы использования программы Artisteer. Теперь ситуация немного прояснилась. Будем дальше изучать программу. Как раз нужно создать один шаблон.
Убил день пытаясь установить шаблон созданый в артистер на блоггер. На один блог шаблон становится, но в итоге отображается только белый лист и ничего больше. На другой становится но отображается не так, как в Артистере (огромные отступы между шапкой и меню и т.д.) К тому же, не могу создать резиновый шаблон, посте установки картинка в шапке обрезается на 30%. Что-то больно глючная программа получилась, хоть и удорбная(((
На счет того, почему не отражается так в Артистер, мне сложно сказать, нужно видеть шаблон. Что касается создания резинового шаблона - Артистер - Блоггер - Макет - Ширина листа - Подвижный.
"Очень желательно перезалить все изображения на надежный хостинг."
Подскажите, как это сделать? Я при экспорте указал "Расположение картинки - Сохранить в папку шаблона" и все картинки у меня на диске. Что делать дальше? Шаблон ставится нормально, но без картинок и как всё сделать правильно я не знаю.
Спасибо.
@Mishechka
В этой статье http://pro100blogger.com/2011/11/artisteer-first-steps.html я рассказывал, как это сделать.
Что касается того, что бы перезалить картинки на надежный хостинг, то для этих целей я раньше использовал Народный сайт от Яндекса. Там есть функция управление файлами и можно получить прямую ссылку.
Я имел в виду другое. Я могу загрузить папку с картинками на хостинг изображений и взять ссылки, как заставить Artisteer использовать именно эту папку? Или нужно будет менять все ссылки в коде HTML? Их все ещё найти надо и не перепутать!
@Mishechka
Если вы зальете папку с изображениями, к примеру, на Народ, вы получите ссылку на подобии этой narod2/pic.jpg
Открываете ваш шаблон и в нем находите ссылку на изображение pic.jpg, меняете ее на narod2/pic.jpg и сохраняете.
Я так и делал, очень неудобно искать, Artisteer в своём коде меняет названия, например: Bottom_texture.jpg на Bottomtexture.jpg что-то так, а слово header вообще встречается на каждом шагу, а мне нужно было его header.png (300 КБ)заменить на свой header.jpg (17 КБ), и у он везде ссылается на .png, получается, что нужно менять не только ссылку на рисунок? Я ведь почему задался этим вопросом, разница в весе рисунков, а ведь это и скорость загрузки? Artisteer при редактировании даёт возмоность выбрать рисунок с диска (есть кнопка выбора), но когда экспортирует шаблон на хостинг или на диск, то там снова стоят его рисунки по 300 КБ! Зачем он тогда даёт выбирать?
@Mishechka
Я согласен с вами, что это довольно трудоемко.
Для того, что бы этого не делать в настройках экспорта нужно выбрать экспорт картинок в ImageShack.
В ином случае - руками...
"нужно выбрать экспорт картинок в ImageShack"
Но как я тогда смогу заменить картинки с большим весом на более лёгкие?
В самом ImageShack? У меня там есть регистрация.
@Mishechka
Нет, не в этом дело. Просто очень часто блоггеры жалуются, что при экспорте картинок в Пикасса (при создании шаблона) через несколько дней картинки пропадают.
ImageShack в этом плане более надежен.
Если вы планируете уменьшить вес всех картинок, то тогда конечно нужно экспортировать сначала в папку, а потом уже подключать их с хостинга изображений в шаблон.
Возможно есть смысл сначала (до экспорта у установки шаблона в блог) экспортировать картинки в папку, посмотреть, сколько из них требует уменьшения веса. Если таки пару штук, то я бы все картинки экспортировал в ImageShack и уже потом заменил те, что требуют оптимизации.
Но каким образом их заменить? Я всё так и сделал, захожу на ImageShack, а он мне сообщает, что никаких картинок у меня нет. Хотя при экспорте из Artisteer я внёс все данные аккаунта, который имею на ImageShack. Где мне их искать? На Пикасса у меня были доступны все картинки после экспорта шаблона и я мог их менять, удалять лишние и т.д.
А как быть с ImageShack?
Вы откроете шаблоны и увидите все ссылки на ваши картинки.
Те которые нужно заменить - оптимизируете СООТВЕТСТВУЮЩИЕ изображения, ранее сохраненные в папке, и заливаете на хост, дающий прямую ссылку.
Дальше, меняете в шаблоне (условно!) ImageShack/Bottomtexture.jpg на narod2/Bottomtexture.jpg.
Все остальные изображения (которым не требуется оптимизация) так и останутся на ImageShack.
В отношении того, где искать... Вот, ради наглядности, открыл первый попавшийся свой шаблон, который был сделан в Артистер. Вот одна из ссылок на картинку http://img155.imageshack.us/img155/4099/blockhzl.png
Ваша задача просто при помощи комбинации клавиш Ctrl+F найти фрагменты кода которые содержат .png или другой формат изображений.
Как искать в коде я знаю. Я думал, что смогу войти в ImageShack под своим аккаунтом (как в Пикасса) и заменить картинки. Да не тут-то было, он их хранит неизвестно где. На Пикасса, после экспорта шаблона, они все хранились в папке "Artisteer-..." я мог делать что хочу.
Может мне создать свою папку для картинок в ImageShack, чтобы было как в Пикасса? Но там всё на буржуйском...
Я сама пользуюсь Артистиром, правда совсем недавно, но не знала о многих подробностях! Спасибо, нашла здесь ответы на многие вопросы )
я немогу поменять фоновой рисунок
А как экспортировать ? У меня прога не заливает на Blogger. Можно развернуть тему пошагово ?
якшо потьрибно артистлер безплатно пишить в контакт http://vk.com/id94753492
Мне недавно создали дизайн на базе этого Артистера. И я как раз хотела в сети почитать где-то о том, как делается дизайн в этой программе. Но все равно я не до конца понимаю, как можно взять и сделать самостоятельно оригинальный и уникальный дизайн для сайта, не имея навыков.
Ведь еще нужно знать о сео-оптимизации шаблона.
При попытке экспорта, нажимая кнопку ПУБЛКАЦИЯ...реакция нуль(
Что делать???(
Отправка комментария