В моей жизни произошел один случай. Как-то захотелось собрать в кучу все свои знания. Долго думал о том, как хранить информацию, и сделал вывод, что буду вести блог. Не очень долго выбирал платформу. Выбор падал на WordPress, Blogger, LiveJournal, а так же на самописный движок. Ввиду характера, я бросился писать свое. Почти довел до ума. и тут дело дошло до хостинга. Я - школьник(на 2013 год), выпрашивать деньги у родителей на это не хочу, да и зачем? Мне ведь нужен простой блог.
После недолгих скитаний я решился использовать Blogger. Из-за его возможностей редактировать шаблоны, изменяя HTML и делать с ним все, что захочешь.
Главная причина этой статьи --- людская особенность(в частности ЧСВ), которое говорит человеку о его индивидуальности. Вот я и не захотел стандартные шаблоны(дурак). Решил сделать свой: легкий, без красок, чтобы было удобно читать. Полез в поисковик и получил список некоторых интересных знаний о построении данных шаблонов. Вся нужная информация содержится здесь. Очень советую прочитать перед дальнейшим изучением этой статьи.
Приступим. Я захотел установить именно такой дизайн у своего блога. Во-первых, у него простой код, во вторых, он быстр в загрузке, в-третьих, будет повод меня полить грязью в комментариях, если кто-то вдруг забредет ко мне, и, в-четвертых, подходит для удобной подачи информации без лишних наворотов.
Изначально сайт был сделан по всем правилам web-верстки. Я не говорю, что он в точности соответствует стандартам, но стили, и HTML были в разный файлах, поэтому пришлось все объединить в один (кстати движок того сайта я позже выложу). Это не составило особого труда. Просто все содержимое style.css перенес под тег <style></style>
Далее я начал изменять HTML код Blogger'ского дизайна через веб-морду. Если выразиться точнее, то я его просто напросто удалил и вставил свой. Сразу схватил ошибку:
на первый раз просто обрамил им свои стили. Нажимая <<Просмотреть шаблон>> натыкаемся на другую ошибку:
Заработать то заработало, но зачем мне такое чудище нужно? Как управлять всем этим хламом? Если вы не читали статью выше, то многое потеряли. В ней находится описание основ для работы с движком. Мне же в голову пришли несколько способов, послужившие поводом для написания этой статьи, с помощью которых можно контролировать внешний вид виджетов и в целом сайта, иначе я бы завалил блог статьями о программировании на C++ и assembler в Linux, математикой, физикой, химией и другими <<научными>> вещами.
Я захотел подвинуть заголовки постов влево с центра(см. рисунок).
Согласитесь, не очень красиво. Открыв страничку Firefox'ом, нажал ПКМ(Правой кнопкой мыши) по заголовку, выбрал <<Inspect Element>> или <<Исследовать элемент>> и узнал class контейнера <h3>. Потом в Дизайнере шаблонов или в стилях изменил свойство text-align на left. Таким образом можно оформить всю страницу по своему вкусу.
Из-за глупости наткнулся на еще одну проблему. Посты выводятся в полном объеме и занимают очень много месте. Тут злую шутку со мной сыграла моя невнимательность. А ведь <<обрезка>> (или <<Читать дальше>>) задается при написании сообщения в редакторе...
После недолгих скитаний я решился использовать Blogger. Из-за его возможностей редактировать шаблоны, изменяя HTML и делать с ним все, что захочешь.
Главная причина этой статьи --- людская особенность(в частности ЧСВ), которое говорит человеку о его индивидуальности. Вот я и не захотел стандартные шаблоны(дурак). Решил сделать свой: легкий, без красок, чтобы было удобно читать. Полез в поисковик и получил список некоторых интересных знаний о построении данных шаблонов. Вся нужная информация содержится здесь. Очень советую прочитать перед дальнейшим изучением этой статьи.
Приступим. Я захотел установить именно такой дизайн у своего блога. Во-первых, у него простой код, во вторых, он быстр в загрузке, в-третьих, будет повод меня полить грязью в комментариях, если кто-то вдруг забредет ко мне, и, в-четвертых, подходит для удобной подачи информации без лишних наворотов.
Изначально сайт был сделан по всем правилам web-верстки. Я не говорю, что он в точности соответствует стандартам, но стили, и HTML были в разный файлах, поэтому пришлось все объединить в один (кстати движок того сайта я позже выложу). Это не составило особого труда. Просто все содержимое style.css перенес под тег <style></style>
Далее я начал изменять HTML код Blogger'ского дизайна через веб-морду. Если выразиться точнее, то я его просто напросто удалил и вставил свой. Сразу схватил ошибку:
There should be one and only one skin in the template, and we found: 0Злости моей не было предела. (замечу, блогер использует стандарт xml, поэтому даже одиночные теги должны быть закрыты, например <br />) Оказывается он от меня просит тег <b:skin> </b:skin>. Почитайте о нем в приведенной выше статье. Я же
на первый раз просто обрамил им свои стили. Нажимая <<Просмотреть шаблон>> натыкаемся на другую ошибку:
We did not find any section in your template. A template must have at least one b:section tag.Ну, думаю я, еще одна такая ошибка и буду пользоваться стандартным шаблоном. Но кто-то меня услышал и после вставки в основную колонку таблицы виджетов Blogger (в частности <<сообщения блога>>) все заработало.
Заработать то заработало, но зачем мне такое чудище нужно? Как управлять всем этим хламом? Если вы не читали статью выше, то многое потеряли. В ней находится описание основ для работы с движком. Мне же в голову пришли несколько способов, послужившие поводом для написания этой статьи, с помощью которых можно контролировать внешний вид виджетов и в целом сайта, иначе я бы завалил блог статьями о программировании на C++ и assembler в Linux, математикой, физикой, химией и другими <<научными>> вещами.
Я захотел подвинуть заголовки постов влево с центра(см. рисунок).
Согласитесь, не очень красиво. Открыв страничку Firefox'ом, нажал ПКМ(Правой кнопкой мыши) по заголовку, выбрал <<Inspect Element>> или <<Исследовать элемент>> и узнал class контейнера <h3>. Потом в Дизайнере шаблонов или в стилях изменил свойство text-align на left. Таким образом можно оформить всю страницу по своему вкусу.
Из-за глупости наткнулся на еще одну проблему. Посты выводятся в полном объеме и занимают очень много месте. Тут злую шутку со мной сыграла моя невнимательность. А ведь <<обрезка>> (или <<Читать дальше>>) задается при написании сообщения в редакторе...
Комментариев нет:
Отправить комментарий