Дизайнер шаблонов Blogger / Comments / Habr

Dennion Apr 22 2014 at 00:13

Интересный подход. Я в своем проекте редактора шаблонов Editor вывел все настройки по цветовому оформлению и переменным в отдельные wysiwyg.xml и style.xml. Кроме того, в wysiwyg.xml переменные под разные редакции нашего ПО (Enterprise/Start/CMS Free/CMS Micro) скомпонованы, так что довольно ощутимый файл.

Переменные шаблонизатора

<template>
      <name>Форма пожаловаться на цену товара</name>
      <path>pricemail/main_forma.tpl</path>
      <description>Форма пожаловаться на цену товара</description>
      <var>
      <name>productUid</name>
      <description>ID товара</description>
      </var>
      <var>
      <name>productName</name>
      <description>Наименование товара</description>
      </var>
	   <var>
      <name>productPrice</name>
      <description>Цена товара</description>
      </var>
	  <var>
      <name>productValutaName</name>
      <description>Валюта товара</description>
      </var>
	  <var>
      <name>productPriceRub</name>
      <description>Наличие товара</description>
      </var>
	  		<var>
            <name>UserMail</name>
            <description>E-mail пользователя</description>
        </var>
		<var>
            <name>UserName</name>
            <description>ФИО пользователя</description>
        </var>
		<var>
            <name>UserComp</name>
            <description>Компания пользователя</description>
        </var>
		<var>
            <name>UserTel</name>
            <description>Телефон пользователя</description>
        </var>
		<var>
            <name>UserAdres</name>
            <description>Дополнительная информация</description>
        </var>
      </template>

CSS - мастер оформления

<element>
    <name>.bod</name>
    <description>Задний фон страницы</description>
    <content>Подложка сайта</content>
	<var>
    <name>background-image</name>
	<type>bgimage</type>
	<path>images/editor/lib</path> 
    <description>Изображение</description>
    </var>
	<var>
    <name>background-position</name>
    <description>Выравнивание</description>
	<type>select</type>
	   <select>
	      <value>top</value>
	      <value>left</value>
	      <value>right</value>
		  <value>center</value>
	   </select>
    </var>
    <var>
    <name>background-repeat</name>
    <description>Повтор</description>
	<type>select</type>
	   <select>
	      <value>no-repeat</value>
	      <value>repeat</value>
	      <value>repeat-x</value>
		  <value>repeat-y</value>
	   </select>
    </var>
	 <var>
    <name>background-color</name>
	<type>color</type>
    <description>Цвет</description>
    </var>
    <var>
    <name>height</name>
	<type>size</type>
    <description>Высота</description>
    </var>
	<var>
    <name>width</name>
	<type>size</type>
    <description>Ширина</description>
    </var>
</element>

Скриншоты и видео

Из минусов, как вы и пишите, это работает (css мастер оформления) только на штатных шаблонах, для персональных каждый раз нужно на основе «болванки» заполнять xml под конкретный css шаблона.

Comments 4

akamajoris Apr 22 2014 at 00:32

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

webxaser Apr 22 2014 at 15:22

А шаблон был стандартный или нестандартный?
С изменением компоновки в Blogger-е действительно всё очень запутанно (я о разделе «Дизайн» в дизайнере шаблонов). В стандартных шаблонах работает не всегда правильно, для нестандартных вообще неизвестно, что нужно прописать, чтобы это заработало.

akamajoris Apr 22 2014 at 17:52

Нестандартный. Но в целом простой.