Господа, если позволите влезу в тему, как раз касательно верстки :)
Стоит задача, достаточно быстро, с хорошим (и даже отличным) качеством и низкой себестоимостью переделать множество (больше 50 шт.) платных тем для Wordpress под Drupal
Вот еще не оконченная версия:
Цели:
1. Проанализировать весь процесс создания Drupal - темы из готовой верстки.
Задачи:
1. Пройтись по всему процессу создания темы
2. Разбить весь процесс на отдельные операции:
a. По длительности
b. По требованиям к мастерству сотрудника
c. По возможности автоматизировать процесс
3. Создание четких и понятных инструкций для каждого процесса
4. Поиск возможностей снизить квалификацию сотрудников, воспользоваться готовыми фреймворками, автоматизировать действия, упростить и ускорить процесс
Для переделки тем Wordpress http://woothemes.com/demo/?t=45 , Joomla http://www.demo.yootheme.com/feb09/ и т.д.
Большинство хороших тем достаточно сложные, у многих из них: нестандартная (много-колоночный макет на главной, разные внутренние страницы ) раскладка страниц, разные яваскрипт фишки, слайдеры, включенные дополнительные модули и т.д.
Поэтому просто включение темы в WP или Joomla не подходит.
Нулевой этап Создание тестового сервера с установленным Drupal и необходимыми модулями…
1. Модуль Devel
0. Модуль views
1. Модули меню
2. Еще что-то
3. Включаем на сайте русский язык
4. /admin/settings/site-information Заполнены: Название сайта, слоган, миссия сайта, сообщение внизу страницы
5. Включаем типы материалов, модулем Devel создаем новых пользователей, ноды, термины таксономии…
6. Включаем форум, с несколькими топиками
7. Создаем голосование
8. Создаем страницу со специально оформленным Типографическим текстом…
Все это можно и нужно автоматизировать!!!
1. Создаем копию сайта с данной темой (дизайном) у себя на компьютере Сложность 1 Время 5-10 мин
Бывает что тему показывают в окне фрейма http://woothemes.com/demo/?t=45 , для этого щелкаем правой кнопкой в FF прямо на теме и выбираем:
В этом фрейме > открыть фрейм в новой вкладке
Для скачивания темы воспользуемся WinHTTrack Website Copier http://www.httrack.com
Программа бесплатная, с поддержкой русского языка.
2. Анализ верстки
1. Таблица или Div 3-5 мин, сложность 3
2. Типографика: Отрываем скачанный сайт в HTML редакторе , вставляем шаблон с типографикой, сохраняем текст, смотрим в браузере/рах 3 мин Сложность 1
3. Открываем в браузерах популярность которых больше 2% http://www.liveinternet.ru/stat/ru/browsers.html?period=month
Проверяем: не едет ли верстка, нет ли конкретных косяков в отдельных браузерах.
Заполняем чек лист с комментариями (если нужны) Например: FF3 - нормально, IE6 – нормально/ушла правая колонка.
Восемь браузеров – 8-16 мин Можно ускорить / автоматизировать… Сложность 1
4. В сложных темах: анализируем и описываем по пунктам дополнительные возможности (может помочь статья на сайте создателей темы). Нужен программист Сложность 5
5. Смотрим код раскладки в css редакторе и Firebag http://getfirebug.com/
3. Начинаем создавать тему подготовительный этап
1. Папка с именем темы (она же название темы, .info файл) маленькими буквами без пробелов, на английском, с цифры начинать нельзя, потом цифры использовать можно, можно использовать подчеркивание, дефис нельзя! http://setegnom.com/node/1075
2. Скидываем туда Zen-Франкенштейн (Это наш фреймверк на базе популярной темы Zen) без картинок и css
3. Добавляем в ту же папку картинки и css от нужного нам дизайна
4. Создаем проект в svn (Репозитарии) – это важно, иметь возможность вернутся на любой этап работы и сравнивать изменения…
5. Переименовываем .info файл (должен совпадать с названием папки темы)
6. Запускаем массовый поиск и замену во всех файлах в папке темы: заменяем слово zen на название темы
7. В .info файле удаляем (комментируем) старые css, добавляем css новой темы http://setegnom.com/node/1020
5 минут, сложность 1
4. – базовая раскладка и файл page.tpl.php
Модифицируем или создаем заново основную раскладку в зависимости от сложности дизайна и качества кода. Помним, что нам нужны версии с разным числом включенных колонок, т.е. верстка не должна ползти при подключенных и отключенных колонках (регионах drupal) Сложность 5
4.1 Сборник типовых ошибок и способов их устранения…
1. Разное поведение Div в разных браузерах
2. Проблемы с ИЕ6 – ползут Div http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js , проблемы с .png http://labs.unitinteractive.com/unitpngfix.php – Смотрим оригинальную верстку (не решен ли вопрос там?) или используем яваскрипт хаки: (внимание, вместе они не работают)
3. Проблемы с фоном колонок (если боковые колонки короче центральной области) фон может обрываться, не доходя до подвала.
4.2 Если проблемы с версткой крупные, делаем свою верстку на базе css – фреймворка.
При создании своей раскладки используем css – фреймворк. Стандартизация, обучаемость, единство кода, ниже требования к верстальщику и на этапе создания и при дальнейших модификациях.
Затраты времени ??? Нужен программист-верстальщик. Сложность 3-5
5 Разная раскладка при включенных, выключенных колонках, и разных регионах.Все включенные регионы (и многое другое) отображаются в <body class="front logged-in two-sidebars admin-menu">
http://www.propellerstudio.eu/blog/html/ogromnaya-polza-ot-tega-body
Не хватает информации...
5.1 Сразу смотрим на страницу «Блоки»: /admin/build/block/list
Там должны быть отображены все регионы…
5.2 Добавляем регионы в page.tpl.php
5.3 Добавляем название регионов в .info файл.
Нужен хороший верстальщик, сложность 3-5
6 Остальные tpl.php
Делаем если нужны. Возможно этот пункт стоит реализовывать в конце темизации?
Часто не нужен. Сложность 5
8. В старый css добавляем id и class подсмотренные Firebug на нашем drupal сайте (Сервере разработчика)
Время??? Сложность 1-3
9. Создаем несуществующее оформление (его нет в большинстве простых дизайнов)
1. Типографика страницы (грузим специальный шаблон текста)
2. Меню праймэри и секондари. Сюда же темизация дополнительных модулей меню если они нужны. (активный, наведенный, посещенный и т.д.)
3. Табы (Просмотр, Изменить и т.д.)
4. Листалка страниц внизу (1.2.3.4 следующая последняя)
5. /tracker
6. Голосование и просмотр результатов голосования
7. Форум /forum
8. Окно поиска
9. Страница создания ноды /node/add/story
10. Предпросмотр при создании ноды class="preview"
11. Админ страницы /admin
12. Страницы предупреждений и ошибок (Ошибку можно увидеть не заполнив какое-то обязательное поле при создании ноды) – Нужно добавить их в шаблон!!!
13. Комментарии: Смещение при комментировании css для гостя, меня, автора комментария, для неопубликованных комментов, предпросмотр коммента
14. Если необходимо: отдельное оформление для разных регионов в page.tpl.php
Время??? Необходимо чувство вкуса! Сложность 1-2
10 Для сложных раскладок и тем:
1. Ставим дополнительные модули и настаиваем их оформление
2. Создаем views – настраиваем оформление для них
Нужен программист-верстальшик Сложность 3-5
11 Логотип, картинку темы, описание в .info
1. Логотип фирмы - ссылка на главную должен называться logo.png Он ложиться прямо в папку темы.
2. Скриншот темы для страницы выбора тем должен называться screenshot.png и быть шириной 150 пикселов.
3. описание в .info Заполняем поля:
name = Человеческое название темы и
description = Описание темы на абзац размером, можно со ссылками на инструкцию по установке или еще куда-то.
3-5 минут. Сложность 1
12 Описания выполненной работы
1. Описание того что поменяли, исправили (например IE6) Программист - верстальщик
2. Инструкция по установке и настройке темы (с картинками) Готовая
3. Если необходимы дополнительные модули: их названия, описания, процедура установки и настройки (Готовые, заранее выполненные статьи)
4. views – если нужен. Процедура настройки… (Статья) Коды css для views Программист, сложность 3, Технический писатель
5. Описание темы рекламное (статья)
Яркий писатель, сложность 5 возможно перевод статьи от wordpress – оригинала – переводчик, сложность 3-5
13. Если нужен – сайт на отдельном домене рекламирующий данную тему
Отдельная работа…
_______________________________________________________________________
В результате этого анализа для работы будут привлекаться несколько специалистов:
Для сложных работ программист-верстальщик с высокой ценой часа
Для простых начинающий верстальщик с низкой ценой часа
И возможно для средних по сложности работ: Хороший верстальщик со средней цено часа
Многие вещи можно и нужно упрощать и автоматизировать.
Насчет сложности не скажу, но натяжка на Drupal стоит дороже всего (и меньше всего людей умеют ее делать).
Вопрос к Топик стартеру, а в чем смысл раскрутки этого форума?
Как вы собираетесь с помощью него заработать?
А то у мну тоже есть маленький саунный сайтег s09.ru , и я как-то даже и не думал о форуме!?
Надо было поставить ему "просто ссылку", на одной :) внутренней странице :)
Ну а если серьезно, можно было попробовать повернуть разговор к интересам покупателя. Т.е. расспросить его, что у него за бизнес, какого эффекта (в т.ч. финансового) он хочет добиться от размещения рекламы (о формате сейчас не говорим) на вашем сайте и т.д.
Как минимум вы бы узнали много нового, как максимум вы могли бы сказать потенциальному клиенту:
"Вот смотрите: вы хотите с помощью рекламы увеличить продажи вашей услуги на 10000р., а заплатить за это готовы только 500р!? Так не бывает! Если вы заплатите 500р. то продадите на 1000р. Для того чтобы продать на 10000р. надо грамотно разместить рекламу на 5000р. Мы вам поможем..."
С Новосибирским контентом проблем нет никаких, я здесь живу и работаю. Уже сделал несколько сайтиков для маленьких Новосибирских гостиниц, есть опыт работы с квартирами посуточно, хороший фотоаппарат, навыки и т.д...
Жаль что придется договариваться с гостиницами на оплату рекламной поддержки, процент от бронирования был бы честнее и лучше (больше:)
Спасибо за обсуждения, Российская ситуация не радостная.
Мне интересен именно Российский сектор, т.к. я задумался над созданием Хорошего сайта с Новосибирскими гостиницами и думал что для гостиниц было бы гораздо выгоднее не платить мне за рекламу, а платить процент от стоимости бронирования номера...
Потом решил посмотреть, может какая-то система на уровне Москвы уже создала весь бэк-офис в виде хорошей партнерки, а фрот-офис в виде сайта, эксклюзивных (очень качественных) фото, подробных описаний, рейтингов, отзывов я мог бы создать и самостоятельно (на уровне Новосибирска)
Спасибо, эти я видел:
У http://all-hotels.ru/partnerprog.ru.html - по заявлениям обмен переходов на их сайт на банеропоказы на ихнем сайте. Мне это не интересно...
У http://partners.mgsb.ru/ вроде платят 2,5% от сделки, но во первых это мало (с учетом того что оплачивается только онлайн бронирование), а во вторых какая это сумма, и какова вероятность получения даже этих денег. Нет ни отзывов, ни саксесс стори...
Я тоже готов побухать в Новосибирске.
А прыгать не готов, и так на ровном месте упал, руку сломал, представляю что будет с парашутом :)
Как и обещал, отписываюсь по результатам работы:
Качество хорошее, я результатом осталься доволен.
В работе между нами иногда возникали непонятки, а может я излишне требователен, но все благополучно разрешилось...
Связался с Николаем (топикстартером).
Делает для меня 2 шапки и схему проезда, обещаю отписаться о результатах работы :)
