Урок 2. Как сделать шаблон для Joomla 2.5: создание файла templateDetails.xml

Итак, продолжаем уроки по шаблонам joomla. В предыдущем уроке мы ознакомились со структурой , и я немного рассказал о шаблонах joomla. Теперь давайте создадим важный файл templateDetails.xml для Joomla 2.5.

Если вы знаете, как создавать файл templateDetails.xml для Joomla 1.5, то вам необходимо прочитать статью различия между шаблонами разных версий (как адаптировать шаблон joomla 1.5 под версию Joomla 2.5) и вы увидите небольшие различия.

А теперь новичкам и малоопытным джумлаводам.

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

В начале разберемся, что есть что в данном файле. Вот сам файл для joomla 2.5

<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template" client="site">
<name>Template name</name>
<creationDate>10.07.2012</creationDate>
<author>talgautb</author>
<authorEmail>mail@mail.kz</authorEmail>
<authorUrl>http://www.site.kz</authorUrl>
<copyright>Copyright 2012 </copyright>
<license>GNU General Public License</license>
<version>1.0.0</version>
<description> DESCRIPTION</description>
<files>
<folder>css</folder>
<folder>images</folder>
<folder>html</folder>
…
<filename>index.php</filename>
<filename>favicon.ico</filename>
<filename>templateDetails.xml</filename>
</files>
<positions>
<position>search</position>
…
<position>footer</position>
</positions>
<languages folder="language">
<language tag="en-GB">en-GB/en-GB.tpl_template_name.ini</language>
</languages>
</extension>

Многоточие я поставил, так как там может быть множество подобных строк.

Итак, начнем с доктайпа xml файла и «шапки»:

<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template" client="site">

Просто запомните, как и при создании html шаблона. Во второй строке определяем версию joomla (version=”2.5″), тип – шаблон ( type=”template”) и для чего шаблон – для сайта, а не административного раздела ( client=”site”).

Идем далее, для чего поля name, version, creationDate и author, показано на картинке.

как сделать шаблон для joomla 2.5 бесплатные уроки

Остальные поля не составить труда заполнить:

<authorEmail> – email автора

<authorUrl> – ссылка на автора

<copyright></copyright> – копирайты

<license> – по какой лицензии распространяется шаблон

<description> – описание шаблона. (можно использовать html и стили)

Раздел files определяет какие файлы расположены в корне шаблона.

<files>
<folder>css</folder>
<folder>images</folder>
<folder>html</folder>
<filename>index.php</filename>
<filename>favicon.ico</filename>
<filename>templateDetails.xml</filename>
</files>

При этом

<folder>css</folder> это папка

<filename>index.php</filename> это файл

В новой версии joomla не нужно описывать все файлы, идущие в шаблоне.

Теперь раздел position.

В данном разделе необходимо вписать все существующие позиции модулей.

<positions>
<position>search</position>
<position>footer</position>
</positions>

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

<languages folder="language">
<language tag="en-GB">en-GB/en-GB.tpl_template_name.ini</language>
</languages>

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

Заполните основные моменты: автор, mail, дату и т.д. Остальное заполним в следующем уроке, после создания основных файлов.

Если для вас это оказалось сложным (xml), то существуют готовые решения. Например, XML Template Generator RE — генератор xml файлов для шаблонов joomla. Актуальность генератора не слежу. Можете поискать в интернете.

Я же рекомендую, посидеть и разобраться один раз. Чтобы дальнейшие уроки по созданию шаблона для джумла не были такими сложными. Даю, вам время на разбор полетов.

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

Следующий 3 урок

с/у УтБ

Сервис ремонта Ipad Apple – надежное качество и приемлемая цена.

На десерт сегодня другая команда КВН “Казахи” со своим видеоклипом:

Как оформить rss ленту сайта в feedburner?

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

Как я уже писал ранее в статье Сервис feedburner – rss лента для сайта. Я использую сервис от google – feedburner для создания rss ленты своего блога.

Сегодня я вам покажу как сделать свой feed таким как у меня. Можете взглянуть по ссылке. И не забудьте подписаться.

По сути, лента новостей сайта может быть:

  • выводиться ограниченно;
  • выводиться полностью;
  • использовать только заголовки.

Первый вариант используют многие. Да, это хорошо когда пользователь прочитал, а затем перешел на ваш сайт. Советую, использовать такой вариант для новостных сайтов, порталов и т.д. То есть на те сайты, где большой поток информации. Если же у вас очень огромный поток информации и вы хотите, чтобы пользователь видел только заголовки можно использовать 3 вариант.

Я приверженец последнего варианта – выводить полностью статью. Почему? Потому что я за юзабилити. Это очень удобно, например, когда читаешь статью в google reader. Обычно блоггеры так не делают. Меня это раздражает.  :) Так как в первую очередь нужна посещаемость. Но, если пользователь захочет высказаться или оставить свое мнение он обязательно перейдет. А интересная статья или нет, зависит от вас.

Давайте, теперь рассмотрим, как сделать такой feed:

как настроить rss ленту на feedburner

Как настроить внешний вид feedburner – ленты новостей

В первую очередь перейдите на сервис и выберите свой фид.

Нажмите на вкладку «Оптимизируй».Как оформить rss ленту сайта в feedburner

Выберите слева в колонке «Summary Burner»Как оформить rss ленту сайта в feedburner

Деактивируйте, данную опцию. Все. Взгляните на свой фид. Он выводит полностью вашу ленту.

Как оформить rss ленту сайта в feedburner

Если вы хотите ограничить по определенному количеству символов. Поиграйте с данной функцией в поле «Maximum length».

Надеюсь, информация была полезной для вас. Не забудьте подписываться на обновления блога, теперь это выглядит красиво.

Ура, друзья, это 100-ая запись. Дальше больше! :-P

с/у УтБ

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

На десерт сегодня шедевр от команды КВН “Триод и Диод” – Русская свадьба:

Яндекс не знает казахского языка?

Какая новость! Думаю ,многие уже слышали ее. Яндекс почта добавила несколько новых языков. Ура товарищи, я не мог  не поделиться с вами такой новостью. +5 новых языков – казахский, белорусский, армянский, грузинский и румынский.

Отлично. Вроде бы все отлично и яндекс делает все правильно – расширяет свои границы пользователей, но …

Давайте обратим на перевод. Во-первых, в казахском языке  много спорных моментов – факт. Картинки – сурет или фото. Стоило ли переводить слово «деньги» и т.д.

перевод на казахский от яндекс

перевод от яндекс

Это ладно, сейчас мы откроем для себя новые правила.

Давайте, откроем виртуальную клавиатуру казахского языка.

виртуальная клавиатура от яндекс

Отлично? А вот вам задача: найдите эти буквы: ВЭФЬЦһ.

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

это неловкое чувство от яндекс

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

с/у УтБ

Работаете в команде? Тогда вам нужен качественный контроль выполнения задач организации. Удобство и эффективно.

Урок 1. Создание шаблона для Joomla 2.5. Введение: структура шаблона

Приветствую всех, любителей создавать сайты самостоятельно. Начинается новая серия полезных уроков. По названию вы поняли, что мы будем создавать шаблон для CMS Joomla версии 2.5, т.е. последней актуальной версии.

Серия статей написана специально для Казахстанского форума о Joomla.

Теперь по урокам создания шаблона: что необходимо знать?

Внимание! Обратите внимание на дату публикации статьи, и взгляните на актуальную версию Joomla!

В-первую, очередь мы будем использовать готовый html шаблон, из которого сделаем шаблон для джумла. (скачать искодники можно в конце статьи) Если вы хотитесвой скачайте в интернете по запросам: «скачать шаблон на html5», «бесплатный html5 шаблон» и т.д. Советую использовать html5. ;)

Также вы можете заказать дизайн и сверстать по мои урокам верстки сайта с нуля. А затем уже перейти к созданию непосредственно шаблона. Кстати, таким способом можно зарабатывать.  :neutral:

Хватит слов. Перейдем к структуре уроков. Серия уроков следующая:

  1. Введение. Что есть, что в шаблоне?
    Структура шаблона joomla 2.5
  2. Создание templateDetails.xml
  3. Создание шаблона из html и установка
  4. Добавление модулей
    Условия с позициями модулей
  5. Добавление css. Готовый шаблон.
  6. Фишки и плюшки
  7. Полезные ссылки.

Последние пункты будут добавлять по мере необходимости. В общем, в 5 уроков должны уложиться.

Внимание! В данной серии уроков (5-ти), вы узнаете только азы создания шаблона по Joomla. Вам также необходимы знания и понимания верстки сайтов.

Наш будущий шаблон (зеленый :-)  ) выглядеть будет так:

бесплатный html шаблон зеленый

Выбран этот html шаблон simplestyle_7 (посмотреть демо html шаблон):

  • Используется html 5 как нам и нужно;
  • Простота: обычный вывод статей с правым сайдбаром с оформленными модулями;
  • Есть простая типография (страница Example)
  • Лого и слоган можно сделать настраиваемыми.

С введением все. Подписывайтесь на обновления и будьте в курсе интересных материалов.

Структура шаблона Joomla 2.5

Если вы уже знакомы со структурой шаблона Joomla 1.5,  то можно пропустить данный урок.

Важно знать, что в joomla есть два вида шаблонов:

  • шаблон для сайта
  • шаблон для административной части

Шаблоны для админки находятся по пути:

   site.kz/administrator/templates/название_шаблона/

Шаблоны для сайта находятся по пути:

   site.kz/templates/название_шаблона/

Название шаблона регистр зависимое. Мы с вами рассмотрим структуру шаблона для сайта joomla.

Общая минимальная (базовая) структура выглядит следующим образом:

Структура шаблона joomla 2.5

css и images – это папки для отображения стилей и картинок соответственно. Их количество зависит от Вашей фантазии и дизайна сайта;

index.php основной файл шаблона – Главная страница сайта;

templateDetails.xml –  информационный файл – содержит данные о шаблоне, его авторе, всех файлов в шаблоне.

Но обычно структура простого шаблона такова.

Структура шаблона joomla 2.5

Папка html для настройки красоты и структуры модулей, компонентов.

Файл favicon.ico для иконки сайта.

template_preview.png  и template_thumbnail.png – превью и картинка шаблона, для отображения в «Менеджере шаблонов» в админке Joomla. В версии 1.5 была только одна картинка.

Это основные/базовые файлы шаблона joomla 2.5. Конечно, есть и другие, но сейчас в этом нет необходимости. После базового курса рассмотрим все более углубленно.

Если у вас какие-нибудь предложения по данным урокам, можете отписаться в комментариях, либо в специально созданной ветке в теме форума joomlaforum.kz.

Надеюсь, информация была полезной для вас. Не забываем делиться с друзьями и подписываться на блог. :-?

Следующий урок 2

Скачать Html шаблон

с/у УтБ

Если вы делаете ремонт, то не забудьте пластиковые окна москва – отличное решение!

На десерт сегодня популярное видео интернета: “Ты кто такой, давай до свидания”:

Плагин для Фотошопа, конвертирующий стили программы в код css

И вот, наконец, для самых ленивых верстальщиков был придуман специальный плагин для Фотошопа, который конвертирует стили в css файл.

Уже вижу довольные лица. Если вам интересно, что же это за плагин и что он из себя представляет, можете взглянуть на видео в конце статьи. А также посетить сайт плагина.

Отметим, что в коде используется css 3. Пример кода можно посмотреть здесь. (то что рисуют на видео).

Теперь перейдем к теме: как установить и пользоваться данным плагином.

Как установить плагин в Photoshop.

На видео видно как установить плагин. Немного прокомментирую с картинками.
1. Скачайте плагин, кликнув на главной страницы на кнопку Download for CS5, CS6 или Download for CS3, CS4 в зависимости от версии Фотошопа.
2. Запустите скаченный файл.
3. Принимайте условия.

установка плагина фотошоп css3ps

4.  Проверте, что слева от названия стоит галочка, закройте приложение.

установка плагина css3ps в photoshop

5. Откройте фотошоп, и активируйте плагин.
на Mac


установка плагина css3ps в фотошоп для конвертации css кода

на Windows

photoshopcss3ps

Как пользоваться плагином css3ps?

Очень просто. После активации появится окошко с логотипом css3ps. После создания элемента (например, квадрата с закругленными концами), выделите нужный слой (слой с квадратом с закругленными концами) и нажмите на иконку Css3ps. После этого откроется сайт с картинкой и стилем css к нему. Скопируйте и радуйтесь.

плагин css3ps

Внимание! Рисовать придется по четче и качественно. Не выдумывайте слишком сложное.

Надеюсь данный плагин поможет вам в освоении верстки сайта, и упростить вам работу.
с/у УтБ

Если вам нужен дом, квартира, то возможность купить или продать недвижимость в Донецке без комиссии реальна.

На десерт видео в теме о плагине css3ps:

Гостевой доступ в Google Analytics и Google Webmasters

Итак, вы сделали сайт для заказчика, который хочет посмотреть статистику сайта на google analytics, либо какие-нибудь данные в google webmasters. Что вы можете сделать:

  •          добавить пользователя (только просмотр)
  •          добавить администратора (имеет полный доступ)

Итак, давайте научимся делать гостевой доступ к вашим данным определённым пользователям. Для этого необходим mail пользователя зарегистрированного в аккаунтах google. И, конечно, сайты, добавленные в сервисы google analytics и google  webmasters.

         Как дать гостевой доступ в Google analytics

Войдите в google analytics. В правом верхнем углу нажмите на кнопку Администратор.

google analytics гостевой доступ

Попав в раздел «Управление аккаунтами», войдите в свой аккаунт. Выберите вкладку «Пользователи». Здесь же вы можете затем удалить необходимого пользователя (кнопка «Удалить» находится справа от имени пользователя).

google analytics как сделать гостевой доступ

Нажмите на кнопку «Новый пользователь». Появится такое окно:

гостевой доступ google analytics

Введите адрес mail’a, кому хотите предоставить доступ. Выберите пользователь или администратор.

         Внимание! Администратор имеет полный доступ к вашим профилям аккаунта.

Выберите сайты, к которым вы хотите дать доступ и жмите «Создать нового пользователя».

Как дать гостевой доступ в Google webmasters

Войдите в сервис от google и выберите  соответствующий сайт.

В меню выберите пункт «Пользователи».

google webmasters гостевой доступ

Нажмите на кнопку «Добавить нового пользователя» (справа сверху). Появится всплывающее окошко:

google webmasters гостевой доступ

Введите mail пользователя и выберите разрешение: ограниченный и расширенный доступ, аналогично как в google analytics.

Вот в принципе и все. Ничего сложного и всем удобно. :idea: Да, кстати, чтобы  начать пользоваться новыми возможностями пользователь должен войти под своими данными с тем mail’om с которым вы его зарегистрировали.

Надеюсь, информация была полезной. :???:

с/у УтБ

***

Прокат яхт в Крыму на любой вкус по ссылке http://rent-yacht.org/arenda/Crimea/

На десерт видео: мост на остров Русский. Видео от любителей. 8-)

Scrabber – онлайн инструмент создания скриншотов

Сегодня, я делаю обзор полезного бесплатного софта, который, надеюсь, будет вам полезен. Название данному инструменту для блоггеров – Scrabber – бесплатный онлайн сервис создания скриншотов любой области экрана.

Пользоваться данной программой могут как с операционной системой windows, так и те, кто сидит на Mac’e. Для остальных, к сожалению, пока (надеюсь) версий нету.

Очень интересно обыграна программа. Главный герой – Мистер Краб, который и «вырезает» нам с вами необходимые картинки.

scrabber онлайн инструмент для скриншотов

         Что можно делать программой scrabber:

  • Выделять область в экране и копировать на сервер, получая несколько вариантов ссылок на картинку
  • Поделиться с друзьями, коллегами в соцсетях
  • Готовые ссылки в версиях: прямая ссылка, html версия и bb код для форумов

Кому полезна программа:

  • Всем, особенно работникам интернета. :smile: Удобно показывать баги, ошибки на сайте: выделил область, отправил ссылку.

Как начать пользоваться:

Зайдите на сайт и скачайте софт, нажав «поймать скраббер» для windows или mac.

скраббер онлайн инструмент

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

Как пользоваться скраббером. Инструкция в картинках:

scrabber инструкция по установке

скраббер онлайн инструмент установка

установка скарббера на компьютер

скраббер инструкция по установке

Минусы программы или чего не хватает

Лично мне не хватает в программе:

  • Привязки к аккаунту (при смене компьютера или переустановки теряются все ваши картинки) :lol:
  • Улучшить скорость отклика программы (иногда, скорее всего провайдер шалит)
  • Возможность «вырезки» элементов при наведении, активных и т.д. (не знаю правда как это будет выглядеть)
  • Возможность регулировать водный знак Scrabber.net (иногда на полкартинки или закрывает нужное), либо отключение данной функции  :-)

Надеюсь обзор был для вас полезным и интересным, не забываем поделиться с друзьями и отписываться в комментариях. :???:

З.ы. На сайте scrabber.net, не забудьте кликнуть на дворника ;)

З.ы.ы. А вы какой программой пользуетесь? Как вам такой софт?

с/у УтБ

***

Одну из «вырезанных» картинок можете добавить в красивую цифровую рамку для фотографий, либо фото своих родных и любимых.

На десерт социальная реклама для водителей. Очень неплохо придумано.

8 полезностей в Photoshop для быстрой верстки сайта

Сегодня мы поговорим о программе фотошоп, о том, как использовать его при верстке плюс маленькие хитрости, будем уменьшать время работы с данной программой. Ранее я писал в Урок 3. Верстка сайта: быстро вырезаем картинки в фотошопе, как делаю это я.

Конечно же, при частой верстке сайтов у вас будет оттачиваться мастерство, и с опытом приходят свои наработки. У каждого свои фишки и плюшки, но возможно мои советы помогут вам, хотя некоторые из них очевидны, но все же, возможно кто-то не знал. В первую, очередь данная статья будет полезна начинающим верстальщикам.

Не будет тянуть кота за хвост, и начнем, пожалуй :neutral:

Горячие клавиши Фотошопа.

Горячие клавиши в любой программе уменьшают ваше драгоценное время. Поэтому запоминайте их. Чтобы Вам было легче, посмотрите основные полезные горячие клавиши.

Если Вам этого мало, то наберите в google горячие клавиши фотошопе и запоминайте их.

Необходимый набор.

У многих блогов, например как у моего, есть превьюшки для статей. И они все как один на лицо по размерам. И Вам нет необходимости постоянно в фотошопе создавать набор из нужных размеров.

Откройте фотошоп, создайте новый документ (ctrl + N), выберите размеры вашей превью картинки (у меня 200 на 200 пикселей), нажмите «Сохранить набор параметров…».

Фотошоп. Верстка сайта

Теперь придумываем название: «200 пикс х 200 пикс», либо «Превью блога» и т.д. и жмите ok.

Теперь чтобы создать документ (ctrl + N) размеров 200 на 200 пикселей, мне достаточно выбрать соответствующий набор.

Фотошоп. Создание набора для превью картинки

Расстояние и размеры элементов в фотошопе.

Есть несколько способов определения расстояния между блоками и блоков. Рассмотрим наиболее оптимальные.

Первый способ. Выбираем инструмент «Прямоугольная область» (М) и выделяем необходимый блок.  Смотрим во вкладку «Инфо» в Photoshop.Фотошоп. Размеры блоков

Таким же способом определяем расстояние между блоками.

Второй способ. Также расстояние можно измерить с помощью инструмента «Линейка». Не забывайте зажимать Shift для прямой линии линейки. Минус данного способа: необходимо определять ширину и высоту по отдельности.

Верстка сайта: опредилить размеры блоков

Другие способы: Также можно выделить элемент, скопировать и при создании нового документа записать размеры. Узнать размер текущего документа можно в левом нижнем углу.

Цвет в фотошопе.

Узнать цвет очень просто.

Первый способ. Выбираете инструмент «Пипетка» и кликайте на необходимый элемент. В блоке «Инструменты»  появится выбранный цвет. Кликайте по квадрату с цветом.

Фотошоп. Блок инструменты

И копируйте цвет в нужном формате.Верстка сайта фотошоп: определить цвет текста

Второй способ. С помощью специальных программ. Например, Pixie. Для этого необходимо навести на объект и записать нужный формат цвета.

Для текста. Можно использовать вышеописанные способы, но лучше активировать текст: выберите инструмент «Горизонтальный текст» (Т) и нажмите на текст, в блоке «Параметры» вы увидите цвет текста, а также другие параметры шрифт, размеры, жирность и т.д.

Фотошопе: как определить цвет текста

Рабочая среда в фотошопе.

При написании разметки сайта, когда уже фотошоп нужен лишь чтобы смотреть размеры и как должен выглядить сайт, многие блоки в фотошопе нам, в принципе, не нужны. Можно и нужно их убрать. Для этого давайте создадим новую рабочую среду в photoshop’e.

Закройте все ненужные окна: нажмите на крестике соответствуюшего блока, либо Окно  ->Уберите галочку.

Фотошоп: Новая рабочая среда

Нажмите на стрелочки в правом верхнем углу (показано на картинке) и выберите строку «Новая рабочая среда…». Придумайте название и сохраняйте. Теперь при щелчке на нужную среду будет изменяться настройки отображения блоков в фотошопе. Очень удобно.

Новая рабочая среда в фотошопе

Прозрачность слоев.

Иногда при сохранении слоя конечная картинка отличается от оригинала своей прозрачностью, поэтому всегда обращаем внимание на непрозрачность и заливку слоя.

верстка сайта: фотошоп - прозрачность слоев

При сохранении непрозрачности слоя, я обычно создаю новый пустой слой и объединяю (ctrl +E) с необходимым. При этом сохраняются необходимые настройки слоя и растет КПД )).

Выбор необходимого слоя.

Для автоматического выбора слоя/элемента по которому вы кликаете необходимо сделать следующие действия в программе:

Верстка сайта.Фотошоп.Автовыбор слоя

Установить галочку на «Автовыбор», и из выпадающего селекта «Группа слоев». Теперь по клику элемента в блоке «Слои» будет выделяться нужный вам слой.

Оптимизированное сохранение изображения

Именно так я решил назвать этот пункт, так как необходимо не просто сохранить файл, но и оптимизировать его.

Запомните волшебную комбинацию: ctrl + shift +alt +s. Как бы длинно это не смотрелось, нажимается очень просто и легко. Конечно, вы можете переназначить данную функцию «Сохранить для Web и устройств».

Фотошоп: Сохранить как для Web и устройств
Предварительный просмотр картинки у меня стоит на 4 вариантах. Одна область для исходного изображения, остальные можно поменять для gif, jpeg и png форматов. Посмотреть какой весить легче и при этом качество не теряется (для этого сравниваем с исходным изображением). Если в общем то png и gif для мелких и прозрачных элементов, для простых картинок можно jpeg в высоком или среднем качестве. Понажимайте и выберите, что получше.Если вас не устраивают размер, то вы тут же можете их поменять (справа внизу). При изменении непропорционально нажмите на значок справа от размеров.

Нажимайте «Сохранить» и пользуйтесь оптимизированными картинками для вашего сайта.

А какие фишками вы поделитесь? Отписывайтесь в комментариях и делитесь с друзьями через социальные кнопки. :???:

с/у УтБ

***

Думаете над созданием собственного бизнеса? Магазин готовых бизнес планов предлагает свои услуги по разработке и знакомству с бизнес планами разных сфер.

На десерт сегодня девушка читает rap ;)

Как добавить свои кнопки в html-редактор WordPress’a

Сегодня я покажу, как добавить кнопки в html редактор wordpress’a. Дабы увеличить скорость добавления необходимых тегов, и также, чтобы ваши статьи были красивыми и привлекали людей на сайт. Да, да мы превратим рутинную работу в несколько кликов.

Как всегда существует 2 способа:

  • Добавить свои кнопки с помощью плагинов (Post Editor Buttons, HTML Editor Reloaded)
  • Добавить свои кнопки в редактор вордпресса правкой файла

Интересно, что и у первого есть минус (я уже писал о том, что много плагинов – это зло) – нагрузка на wordpress из-за такой мелочи, и у второго – при обновлении вашего сайта настройки слетят.

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

Но прежде! Сохраняйте (делайте бекап) все редактируемые файлы.

Найдите файл quicktags.js в папке wp-includes/js. Сделайте копию файла.

Начинаем редактирование. В файле quicktags.js находим нечто подобное (в самом конце):

edButtons[10] = new qt.TagButton('strong','b','<strong>','</strong>','b');

Это код жирности текста. По такому принципу добавляем свой кусок кода.

edButtons[20] = new qt.TagButton('div','div','<div>','</div>','div');

Цифра изменяется в зависимости, куда вы вставите код. Если в конец, то 150, затем 160, 170 и т.д. Если в середину, то меняйте последующие цифры.

Если Вы не можете разобраться. Редактируйте файл quicktags.dev.js – неоптимизированный файл. В конце (строка 609) найдете соответствующие строки. Затем переименуйте файл quicktags.dev.js в quicktags.js, предваритеьно удалив последний.

Теперь фантазируйте и экспериментируйте, а также подписываемся на обновления. Возможно, вашим друзьям эта статья будет полезна, поэтому жмите на социальные кнопки.

с/у УтБ

***

Мебель торговая для магазинов – богатый выбор качественной мебели, а также изготовление на заказ.

***

На десерт сегодня видео как парень напугал свою девушку, наблюдаем на реакцию девушек ))

10 золотых китайских cms для электронной коммерции

Китайский рынок современных технологий – один из бурно развивающихся. Поэтому, как мне кажется, необходимо присматриваться и следить за ходом развития систем управления сайтами. В частности, в электронной коммерции.

В связи с тем, что много вирусов «приходит» к нам с востока, то разработчики предусматривают безопасность как одну из приоритетных.

Внимание! Данная статья участвует в конкурсе «Золотой пост».

Конечно, все не может быть безоблачно. Одной из самых основных проблем это локализация. Мало кто понимает и способен перевести cms  на родной язык. Отсюда и слабая поддержка сообщества. Но китайские cms активно поддерживает сообщество chinascript.ru. За что им особое спасибо.

Давайте теперь рассмотрим небольшой обзор золотых cms для интернет коммерции.

Необходимые понятия:
B2B – Бизнес для Бизнеса (каталоги, электронные биржи, аукционы, электронные сообщества)
B2C – Бизнес для Потребителя (интернет магазин типа амазон)
C2C – Потребитель для Потребителя (типа молоток ру – сайт аукционов)
C2B – Потребитель для Бизнеса (потребитель устанавливает цену на товар, которые они хотят купить)

Многопользовательский магазин Brand V2.1  (B2C, C2C)– мощный многофункциональный интернет-магазин, который дает возможность создания сайта для каждого зарегистрированного пользователя. Хорошая сортировка товаров, открытый код, минимальная нагрузка на сервер, неограниченное вложение категорий, простота системы далеко не все достоинства данной системы.

Демо: http://brand.chinascript.ru

iWebShop (B2С) – доступная и простая система для создания интернет-магазина. Функционал способен создать простой частный магазинчик, который будет минимально нагружать ваш сервер. Минус отсутствует полная русская локализация.

iWebShop

Демо: http://shopdemo.jooyea.net

Официальный сайт: http://www.jooyea.net

ShopNC – многопользовательский интернет-магазин с большим функционалом. Уже шестая версия данной системы «говорит» о перспективе развития. Единственная проблема перевод на русский язык.

Официальный сайт: http://shopnc.net

ttTuangou v1.3.6 – Groupon – интернет-магазин для групповых покупок пользователей. Или проще аналог такого сайта как групон. Система работает в связке php + mysql. Распространяется бесплатно на китайском языке.

Демо: http://tg.tttuangou.net

iWebMall – система для интернет коммерции построена по принципу B2C (Бизнес для потребителей), т.е. каждый зарегистрированный пользователь выбирает быть ему продавцом или потребителем. Богатый функционал и русская локализация привлекают внимание к данной системе.

iWebMall

Демо: http://iwebmall.chinascript.ru

PHPOK3 – бесплатная система для создания корпоративных сайтов. Но функционал можно расширить до полноценного интернет – магазина. Использование сторонних модулей всегда можно настроить систему как вам необходимо. Язык – китайский.

Демо: http://www.phpok.com/cs-case.html

B2Bbuilder CMS свободно распространяемая система для электронной коммерции. Можно использовать как B2B, B2C, C2C и быть успешным в своем бизнесе, то есть все зависит от вас. Плюс ко всему имеется 100% перевод на русский язык.

Демо: http://b2bbuilder.chinascript.ru

ECMall (С2С)- систем электронной коммерции (ECMall – многопользовательский магазин). Один из мощных, но для обычного интернет-магазина он вряд ли подойдет. Так как зарегистрированный пользователь может создавать свой магазинчик. Мощный фильтр и сортировки товара привлекут вас к данной системе.

Демо: http://ecmall.chinascript.ru/

ECShop V2.7.2 (B2C)– еще один бесплатный профессиональный интернет-магазин с открытым исходным кодом.

ECShop

Особенности интернет-магазина:

  • Использовано PHP, MYSQL, AJAX
  • Простая настройка системы
  • Неограниченная вложенность категорий
  • Неограниченное количество атрибутов для товаров
  • Производители товаров
  • Возможность продажи ПИН кодов
  • Импорт, экспорт товаров в таком формате как CSV
  • Проведение и добавление акций, аукционов в интернет-магазине и многое другое.

Демо: http://ecshop.chinascript.ru

PHPB2B – площадка для B2B магазина. Данный скрипт будет интересен в первую очередь для бизнеса. Для данного типа электронных коммерций считается одним из лучших.  Есть английская версия, что облегчает перевод системы.

Демо: http://phpb2b.sourceforge.net/ (на оф сайте ссылка демо)

Надеюсь данная система была вам полезна и интересна. Не забываем поделиться с друзьями ;) .

с/у УтБ

Спонсор поста – сервис SeoPult для полной автоматизации продвижения и рекламы   сайтов.