Школьные / образовательные шаблоный Blogger

суббота, 31 октября 2015 г.
Недавно выполнял некоторую работу в Blogger'е и нужно было найти шаблон по тематике образование, школы, обучение и т.п. Просмотрел достаточно много разных тем, некоторые из которых сегодня вам представлю. Возможно, кому-то они пригодятся для решения своих задач. 
Данные дизайны отлично подходят как для обычных сайтов образовательных заведений, так и для блогов обучающей направленности. Конечно, отличительной чертой во всех этих макетах есть шапка, куда добавлены тематические картинки. Остальные элементы там более-менее стандартны. Как бы там ни было, в первый раз попадая на сайт, посетитель сможет понять его тематику. 
 В статье кратко рассмотрю 3 шаблона.
Шаблон EducationWeb
Данный шаблон содержит 2 колонки и отличную шапку. Подойдет для проектов о книгах, школе и обучении. На главной странице имеется слайдер (в Blogger не часто встретишь такую функциональность). В сайдбаре расположены блоки последних постов, социальных иконоко и списка ссылок.
Для оформления поста имеются все необходимые стили, а также есть кнопки шеринга в соц.сетях. Отличительной особенностью макета EducationWeb является непростой футер. Он состоит из трех колонок, где можно разместить важную информацию по сайту или какие-то виджеты (последние записи, блогролл, архив). При определенной доработке шаблон может быть использован и для корпоративного проекта, например, такого как школа-партнер http://www.englishprime.ua где вы можете изучить английский язык. В общем Blogger сейчас имеет все функции для полноценного сайта.
Шаблон Educate for Tomorrow
Как и в прошлом макете, здесь 2 колонки. Фон основного блока контента выполнен в виде блокнота/тетради, что подчеркнет направленность проекта. Тематическая шапка и сайдбар также отлично смотрятся, а вот графика в футере немного непонятна.
Для записи блога есть все необходимые HTML стили + кнопки соц.сетей. В сайдбаре по умолчанию добавлены такие элементы как: описание проекта, последние посты, ссылки, блогролл, категории, архив. В целом, достаточно неплохая тема.
Шаблон School Times
Это самый просто из шаблонов, но возможно, кому-то приглянется именно он. За счет своей простоты дизайн не отвлекает внимание от контента, текст читается весьма хорошо. Стили выделения и оформления все присутствуют, а вот социальных кнопок не хватает - придется вам добавить самостоятельно. В сайдбаре выводятся: метки, ссылки и архив. Футер простой, выполнен в том же стиле, что и весь сайт. Макет выглядит цельно, хоть и простовато.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Добавление новых операторов и выражений в шаблоне Blogger

четверг, 22 октября 2015 г.
Под логическим выражением в программировании понимают определенную конструкцию, возвращающую в результате "истинное" или "ложное" значение. В качестве самых простых примеров можно привести операторы сравнения "больше" (>), "меньше" (<), "равно" (==) и т.п. Шаблоны Blogger представляют собой достаточно гибкий язык разметки страницы, содержащий разный набор функций и условных выражений, позволяющих настроить выводимый HTML код страницы так, как вам это нужно. 
Вы легко можете показывать фоновую картинку позади заголовка только на главной странице. Или, допустим, добавить красивую иконку книги для постов из одноименного раздела (имеющих метку "Books"). Однако сложные конструкции и сайты по типу интернет магазинов http://www.plaza.kh.ua/notebooks/66705/ или порталов в Blogger реализовать сложнее.
Встречались, конечно, и мощные шаблоны, но ограничения в системе скорее лежат в программной части (функции, операторы) нежели дизайне. Похоже, что разработчики системы решили увеличить возможности платформы Blogger и порадовать вебмасетров новыми фишками.
Отредактировать шаблон с вы можете в разделе "Шаблон" - "Изменить HTML".
Ранее в Blogger были следующие операторы:
  • Конкатенация (объединение величин) с помощью символа "+".
  • Операция вычитания "-".
  • Проверка равенства - символы "!=" и "==".
  • Операции сравнения величин: "<", ">", "<=" и" ">=".
После последнего обновления система Blogger поддерживает много новых выражения для шаблона:
1. Инверсия "истинных/ложных" выражений - символы "!/not"
<b:if cond='!data:post.allowComments'> ...
2. Операции И / ИЛИ для двух условий - "and/or"
<b:if cond='data:blog.pageType == "index" and data:post.allowComments'> ...
3. Изменение порядка операций за счет символов "()".
<div expr:style='"max-width: " + (data:width + 10) + "px;"'> ...
4. Проверка наличия элемента в массиве - "in/contains".
<b:if cond='data:blog.pageType in {"index", "archive"}'>... 
5. Выбор из двух значений величин с помощью оператора "?:"
<a expr:class='data:post.allowComments ? "comments" : "no-comments"' ...
Все это позволит создавать значительно более сложные конструкции в коде шаблона Blogger. Судя по новостям, разработчики останавливаться на намерены и продолжают работу в этом направлении.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails