Моя тема для Эгеи

Меня часто просили поделиться своей темой оформления для Эгеи. Но там было столько хардкода и подсебятины, что мне было стыдно кому-то её показывать.

Недавно Илья выпустил новую Эгею 2.4, в которой куча всего и новая базовая тема «без дизайна». Теперь можно написать свою тему практически с нуля, не наследуя развесистую «Классику».

В общем, я решил открыть свою тему для всеобщего использования. Около месяца пилил и полировал, вчера решил заверстать длинную страницу о ней, упарился пока верстал и решил сделать тему платной, а сегодня вроде всё закончил и придумал название — «Свежая».

Теперь не стыдно:

**http://artpolikarpov.github.io/fresh/**

Я постарался сохранить все возможности штатных тем, включая дополнительные блоки. Тема работает только с самой последней сборкой Эгеи. Тему можно наследовать и изменять. Исходный код на Гитхабе.

Перед использованием темы заплатите. Сколько хотите. Можно ничего.

Share
Send
 11   2014   e2   вёрстка   проекты
35 comments
Владимир 2014

Привет. Как тема выглядит на твоем сайте мне понравилось. Но самому пощупать, к сожалению, не удалось. Я так понял, там css-файл не подгружается почему-то.

Артём Поликарпов 2014

Исправил косяк, возьмите там свежий архив, спасибо.

Сергей Рассказов 2014

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

Антон Любушкин 2014

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

Артём Поликарпов 2014

Я всё исправил, скачайте новый архив! Когда переименовывал тему забыл в самом главном месте поправить имена :-/

Антон Любушкин 2014

А вот если взять из системной папки какой-нибудь “main.tmpl’ и добавить в него

<?php _CSS (‘fresh’) ?>
<?php _JS (‘fresh’) ?>

то всё станет шоколадно.

Владимир 2014

Спасибо, Артем. Теперь все работает.

Кинул тебе на сотовый немного. ;)

Владимир 2014

Кстати, вопрос.
Я думал, что конструкция

<p main>Главная мысль.</p>
<p aside>Побочная</p>

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

<p class=“main”>Главная мысль.</p>
<p class=“aside”>Побочная</p>

А она так и остается.
Как это тогда работает? И, как такое можно прокомментировать с точки зрения семантики?

Артём Поликарпов 2014

В ЦСС я нахожу эти элементы через селектор атрибута [aside] { some: thing; }.

Семантики это и не добавляет, и не убавляет. Так писать короче.

Роман Беньо 2014

Отправил вчера денег на яндекс (4100139676157), а платеж до сих пор не прошел. Может у вас ошибка в счете?

Артём Поликарпов 2014

Спасибо! Сходил забрал :-)

Юрий Середюк 2014

привет Артем!
не работает добавление картинки (cover). что делать?
тема очень понравилась, перевел немного денег.

Артём Поликарпов 2014

Где посмотреть как не работает?

Юрий Середюк 2014

я не могу показать, т.к. ломается всё. попробую описать.
например:

есть адрес заметки: http://arranger.bz/all/kak-ya-pishu-mikrofon-doma/

в начале заметки есть картинка mic.jpg
Я через пробел к ней дописываю “cover”, чтобы получилось mic.jpg cover,
предполагая, что она станет обложкой. Сохраняюсь.
При обновлении заметки – исчезает заголовок, нет картинки, если были аудиопримеры – становятся ссылками. Что-то много ломается, непонятно, почему.

Юрий Середюк 2014

Для того, чтобы попробовать тему, я обновился с версии Эгеи 2826 до 2842.

Одно из нововведений в новый билд – новая организация работы .htaccess

Так вот, у меня 2842 не завелась. Я попробовал положить в корень .htaccess от 2826 – и обновленная Эгея заработала, как и раньше. Может причина в этом? Но как тогда завести Эгею 2842?

Артём Поликарпов 2014

Разобрались в скайпе, мешала прежняя фоторама в папке /user/library/.

Дмитрий 2014

Тема не заработала.
Почему, не знаю. Распаковал и положил куда надо.)
После применения темы, как классика.
Кстати, привет землякам, сам из Великого Новгорода.)

Артём Поликарпов 2014

Версия Эгеи?

Дмитрий 2014

Последняя на сегодня версия 2.4 v2842

Дмитрий 2014

Если это поможет.
Эгея 2.4 v2842 поставлена начисто на хостинг.

Артём Поликарпов 2014

Где посмотреть как не работает? Хочу помочь.

Дмитрий 2014

http://mactoy.ru
Прямо сейчас установлена ваша тема “Свежая”

Артём Поликарпов 2014

Кажется, всё работает.

Дмитрий 2014

Странно, поиск уехал вниз. Или так задумано?

Дмитрий 2014

Спасибо за помощь, буду разбираться.)

Дмитрий 2014

Откатился на прежнюю тему. Это не то что мне надо.
Спасибо за помощь, удачи вам.)

Dmitry Chushov 2014

Тему купил и поставил, но перестала работать фоторама и не работают стили cover для фотографий.

Фоторама: http://chushov.com/?go=all/next-generation-2014-soulfly-korn-otchet-s-koncerta/
Кавер: http://chushov.com/?go=all/45/

Версия Эгеи v2842.

Владимир 2014

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

Dmitry Chushov 2014

Проблему решил. В папке User, зачем-то, лишняя Фоторама лежала.

Спасибо за тему!

Евгений Куценко 2014

<p main>Главная мысль.</p>
<p aside>Побочная</p>

Если побочная больше главной (с картинкой например), то между абзацами получается разрыв или нет?

Артём Поликарпов 2014

Не должно быть разрыва, по идее. Но эту фичу мне надо ещё покрутить, обнаружились кое-какие косяки.

Вечно Недовольный 2014

А как убрать эту «модную» шапку? Что-бы было один в один как в этом блоге?

Артём Поликарпов 2014

Шапки и не будет, если вы её не добавите спецсловом cover после адреса картинки.

Даниил 2014

Артем, добрый день!
Понравилась тема, хочу прикрутить к себе. Но во всех живых примерах, где эта она используется, у блога только одна центральная колонка. Как тема будет выглядеть (и будет ли работать вообще) при наличии дополнительного блока слева? Пример — http://daniellesden.com/blog/.

Артём Поликарпов 2014

Боковой колонки я не предусмотрел.

Даниил 2014

Update: прикрутил тему к своему блоку, левый блок пропал. Файлы доп.блок так и остались лежать в /user/extras, но эта тема их не подхватывает. Вопрос: как вернуть блок?

Пользуясь случаем, еще один вопрос: подскажите, пожалуйста, где регулируется высота изображения ‘cover’ (с параллаксом, которое)? Хочется сделать его чуть меньше.

Владимир 2014

Высота изображения регулируется вероятно в CSS.

Даниил 2014

Владимир, спасибо за подсказку, хоть и очевидную :-) Дело в том, что не очень хорошо разбираюсь в CSS, поэтому буду рад за указание, где именно это редактируется (точное место в коде).

И еще пара вопросов (жаль, что в комментах Эгее нет “веток”):

  1. Как из шапки убрать ‘Hot’ (“обсуждаемое”)?
  2. Как перенести строку поиска из футера в шапку?
Владимир 2014

Даниил, попробуй в файле fresh.css, в самом низу прописать:
.e2-text-picture img {
height: XXXpx;
}
Где вместо XXX подставь нужную высоту картинки, например, 400px.

Даниил 2014

Владимир, попробовал – на блок с параллаксом это не повлияло, а вот все остальные изображения в блоге перекорёжило.

Артём Поликарпов 2014

Всё проще, сделайте саму картинку меньше и перезалейте. Скрипт пытается её с правильным соотношением сторон показать. Вот у Локи маленькая картиночка — http://lowkee.com/all/miravet/, потому что она сама по себе такая.

Даниил 2014

Артём, странное дело: загружаю изображение 2500x800px, оно превратилось в 1440x461px (в названии файла добавилось ‘scaled’), при этом на странице оно все равно растянулось до 2500px по ширине (монитор 27 дюймов) и как результат — очень заметная потеря качества изображения. Пример — http://daniellesden.com/blog/all/chronicles-of-the-universe-album-presentation/. Зачем все эти манипуляции с размером, если на выходе получается качество вдвое хуже оригинала?

Артём Поликарпов 2014

Совсем снимать ограничение на максимальную ширину не стоит, вдруг кто-то фотки 4000×3000 прямо с фотика загружает, всё упадёт тогда на каком-нибудь Айпаде.

Тут есть два варианта, вы добавить @2x к имени картинки — [email protected], тогда движок будет воспринимать её как 1250 в ширину и не будет ресайзить. Или сделать свою тему на основе «Свежей» и в файле theme-info.php задать любую желаемую максимальную ширину max_image_width. Это ок — если вы готовите изображения для блога заранее.

Файл theme-info.php в самой «Свежей» теме лучше не трогать, чтобы не потерять возможность обновляться. Ну и в своей теме вы можете в файле /styles/fresh.css переопределить стили.

Кстати, вот болванка для своей темы, основанной на «Свежей»: https://github.com/artpolikarpov/fresh/archive/based_on.zip

Даниил 2014

Немного кастомайзнул тему: вывел в шапку на главной странице важные теги, перекрасил ссылки, добавил юзерпик. В действии — http://daniellesden.com/blog/.
Спасибо за тему!

Евгений Куценко 2014

Спасибо за обновление темы! Теперь [aside] работает как надо. Только вот не понимаю, как туда картинку всунуть? Через <img> или средствами Эгеи? Попробовал, а форматер выдаёт название файла и выкидывает картинку со статьи (оставляя её на сервере).

Артём Поликарпов 2014

Только через img:

<p aside><img src="/pictures/имя-файла.jpg"></p>
Сергей Капличный 2014

Большое спасибо за тему :) Вышло круто. В действии — http://blog.skaplichniy.ru/all/na-kogo-podpisatsya/

Дмитрий 2014

Артём, спасибо за «Свежую».

Но один вопрос. А куда делся замочек логина?

Артём Поликарпов 2014

Слева внизу, где и был: http://share.artpolikarpov.ru/9Ecp

Антон 2014

Артём, спасибо за тему, ради нее обновился до 2.4, но выскакивает такая ошибка в шапке всех страниц (кстати, ваша тема обрезает строку, чтобы она не вылазила за пределы желтого фона)

http://cl.ly/image/192V1Z000f0u

Может посоветуете решение?

Денис Гомес 2014

Антон. Ставили поверх старой базы вот и ошибка вылазит. У меня так же было. Добавьте новую таблицу в базу
CREATE TABLE `_____________________YOUR_PREFIX_HERE______________________Actions` (
`ID` int(10) unsigned NOT NULL AUTO_INCREMENT,
`EntityID` int(10) unsigned NOT NULL DEFAULT ‘0’,
`Stamp` int(10) unsigned NOT NULL DEFAULT ‘0’,
`HitCount` int(11) NOT NULL DEFAULT ‘0’,
PRIMARY KEY (`ID`),
UNIQUE KEY `EntityID` (`EntityID`,`Stamp`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

Popular