Просмотр архивов по тагу: ‘Оформление’

WordPress-шаблон «Simple Leopard» (pre-release)

Leopard меня прямо-таки вдохновил и для свой авторской колонки «Нефанатичный блог про макинтоши» я сделал простенькое оформление в виде Finder. Но я решил не останавливаться на этом, а сделать ее для всех. Название — это первое что пришло в голову. Возможно позже с релизом шаблона я его изменю. Ниже пара скринштов:

WordPress Theme - Simple Leopard. Front view

WordPress Theme - Simple Leopard. Single Page

Название: Simple Leopard
Версия: 1.0 pre-release.

Описание: widget-ready шаблон. Для тех, кто не пользуется виджетами шаблон полностью готов к использованию без редактирования сайдбара и т.п. Хотя кое-какие мелочи на усмотрение каждого нужно подправить. Но основная масса работы уже сделана.

Демо: здесь.
Скачать: прямая ссылка.

Баги, пожелания и рекомендации мне в почту или тут в комментариях.

WordPress Cookbook. Создание шаблона с нуля

Прочитал две статьи на тему «Как создать шаблон для WordPress» и был крайне удивлен подходу создавания шаблона. На мой взгляд, оба описания предлагают более трудоемкий и непрактичный подход. Я не люблю долго возиться с шаблонами и предпочитаю группировать все элементы как можно плотнее, избегая при этом лишнего кода. Отчего мои верстки для WP не страдают насыщенностью запросов.

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

Особенности моего метода — это компактность, практичность, удобство и универсальность. В ebook'е приведены полные листинги кода, этот же код я использую как базовый в шаблоне Slaff @ Reworked и других свох блогах. Я намерянно опустил ту часть, в которой следовало бы рассказать о CSS, потому что это несколько другая тема.

Скачайте и прочитайте ebook «WordPress Cookbook. Создание шаблона с нуля.» Распространяйте эту книжку в любом виде.

WordPress Cookbook. Создание шаблона с нуля.

Итоги 2006го года на S@R

Вот и настало момент подведения итогов года на Slaff @ Reworked. Помниться, в начале этого года я написал пост-мотиватор на весь этот год. Что ж, заглянув в него и проанализировав тот небольшой to-do список, а также добавляя другие внеплановые результаты и события, можно сказать что год в целом удался очень даже хороший.

Итак, ниже по списку и с отмазками на каждый пункт.

Увеличить свой ежемесячный заработок на 100-150%. Можно сказать, что почти справился. Заработок увеличен примерно на 80%, что вообщем-то тоже неплохо. Однако на сегодняшний день приходиться тратить всю extra прибыль. Многое тратиться на хостинг и пару проектов, в которых я участвую.

Купить совершенно новый комп (не апргейдиться) или ноутбук. Не успеваю по времени. Кредит в банке мог быть уже буквально сегодня, но решил не спешить и порадовать себя apple-продукцией в начале 2007го. Тише едешь, дальше будешь ;).

Заменить свою мыльницу на зеркалку. Почти зеркалка — Fujifilm Finepix S5200. Честно говоря, я доволен и камера дает просто великолепные результаты. Однако я уже её продаю, чтобы купить Nikon DXX (какой-то точно видно будет по деньгам).

Купить iPod Nano и хорошую мобилку (или вместо этого Nokia N90 или N91). Откладывается до появления Apple Phone'а. Последнее время вообще не до mp3-плееров. Мобилка, кстати, тоже нормальная появилась — во всяком случае мне её более чем хвататет и знаю точно, что smartphone мне не нужен вообще.

Стать полноценным кайтером и обзавестись полной экипировкой. Оооо! Это самое интересное. Брал же курсы прошлым летом. Посмотрим что будет в ближайшие пару месяцев. В планы вроде как поездка в Уругвай на дикий пляж ыыыы.

Встретиться с кем-нибудь из ru-speak-блоггеров. Самое сложное. Не получилось пока что. Хотя встретил пару читателей S@R из РФ в Аргентине. Есть мысли о поездке в Белорусию или Украину к концу года, но это только пока мысли.

Научиться программированию на php+mysql+javascript или ActionScript+XML+PHP. Ага, полным ходом. Уже достало, если честно. За год 2 серьезных вэбинтерфеса по обслуживанию клиентов сделано + куча всякой фигни. На блоге не афишируется, потому что софт для внутрикорпаративного использования.

Возможно закончить курсы по линуксу и получить диплом сисадмина. В топку Линукс. Кстати, сертификация по Ubuntu вышла на той неделе. Купим MAC, там посмотрим какие курсы выбирать, но что-то в 2007ом обязательно надо будет сделать.

Сдать сертификацию Macromedia по Dreamweaver и Adobe по Photoshop. Macromedia Dreamweaver 8 Developer и Carrera Web Design Expert закончены успешно в CentralTech. C Photoshop'ом сложнее, т.к. нет представительства нормального в Аргентине.

Завести себе кота дома. Пока никак не возможно по причине отсутствия условий для содержания жЫвотного.

Съездить в отпуск куда-нибудь в конце-концов за последние 4 года. Был в Parana, Entre Rios если помните (раз, два, три и четыре). Был еще в ближлежащих городах проездом и очень мало времени (Rosario, Santa Fe). Летом в планах еще 2-3 интересных поездок.

Непредвиденные проблемы. Конечно, очень сильно меня подвела потеря документа, восстановление которого отняло около 8 месяцев бюрократической возни. В итоге, только в начале декабря я получил свой DNI и «развязал» себе руки в многих отношениях. И в итоге потеря документа повлекла за собой огромную потерю во времени, что в принципе и тормознуло покупки некоторых запланированных вещей на этот год. Но теперь это мне послужило большим жизненным уроком.

Возвращаясь к позитиву. Помимо списка было сделано еще очень много полезных и нужных дел. Самым главным можно отметить запуск одного моего блога (правда на испанском языке) — Espacio Chillout, о планах и сути которого я поделюсь несколько позже в отдельном посте. Кстати, этот блог часть сообщества BANITE, о котором я писал совсем недавно.

Несомненно, можно считать этот год продуктивным в плане личного развития и установления полезных связей. Так например, успешно применяю GTD, хотя и не в полной мере. Очень хорошо, что я увлекся цифровой фотографией — теперь это для меня отличный дополнительный доход $$$, помимо удовольствия.

Блог и блоггинг. Вообще, достойно отдельно поста, но вкратце выскажусь здесь. Как можно заметить, мой блог уже довольно долго заскинен и пока я не думаю меня ничего принципиально. Разве что немного доделать оформление или немного его изменить. И реализовать кое-какие идеи и необходимости в плане юзабилити. Но этот roadmao я напишу отдельно попозже или может быть сразу устрою showtime.

Мой блогролл и rss reader тоже пополнились некоторыми очень интересными блогами. Кстати, уже довольно долгий период я читаю новости исключительно через Google Reader, т.к. последние его изменения оказались очень удобными для меня.

Нельзя не отметить, что вторая половина 2006го года проведена у нового хостера, которым в принципе я очень доволен и ближайшие полгода проведу на серверах JaguarPC. Разумеется, 2ух годичный pro-аккаунт на моём любимом фотохостинге FlickR.

Блогосфера в этом году отличилась запуском сети BlogSummit и проектом Блогус и вытекшим из этого сотрудничеством с Feedburner. Как факт активного участия в разработке BlogSummit и бета-тестирования Блогуса — это важный момент.

Полезностью и небольшим достижением можно считать также Dreamweaver расширение для Wordpress. Хотя я о нём несколько подзабыл из-за катастрофической нехватки времени, но я его и не забросил. Развивается у меня на винте потихоньку. В январе рассчитываю выложить дополненный комплект расширения.

Кстати, что касается блоггинга, то в этом году мне удалось уговорить нескольких человек завести блог, как инстурмент раскрутки их проектов и продукта. Почти во всех случаях (3+1), успешный результат. Последний, при непосредственном моём участии как отвественного за оформление и тех. поддержку, скоро появиться на свет. Будет блог на русском языке об одном очень красивом туристическом местечке на нашей планете.

Можно было бы еще продолжать этот пост, но в целом я выразил достаточно много для утреннего чтива (914 слов!). Думаю на этом закончу и перейду к написанию итогов кино и музыки и поста-мотиватора для 2007го года. Вот такой вот интересный год у меня получился. Ваши трекбеки и комментарии?

CSS Reboot — Digital Mousse

Мой нерусский блог сегодня подвергся css-ребуту, с чем и поздравляю себя :). Это вообще мой первый css reboot, что собственно приятно осозновать как факт. Дизайн и шаблоны были сделаны буквально за 3 дня до ребута, но получилось как всегда симпотично и валидно. Заценить новое оформление можно, пройдя по этой ссылке или кликнув по скриншоту:


digital mousse

И кто сказал, что темное не может быть ненапряжным? В этот раз дал себе волю и оформил так, как уже давно хотел оформить . Оформление в темных тонах, читабельные места по возможности минимально напрягающие глаз, и контраст в цветах только там, где нужно. Только одна картинка в «шапке».

В общем получилось даже более минималистично вроде, чем S@R. А вы как думаете?

Проголосовать за мой диз и блог можно, оставив коммент на блоге CSS REBOOT

Как сделать Топ 15 Тагов

Вы это можете увидеть на моей странице архивов в боковой панели. Для этого нам понадобиться плагин Ultimate Tag Warrior. Сначала мы его установим, активируем, поднастроем в адмике WP. Всё остальное — дело 2х минут. Нужно только не забывать про RTFM — в мануалах и readme плагинов всё написано.

Итак, всё очень просто. Вывести такой своеобразный ТОП можно встроенной в UTW функцией:

< ?php if (function_exists(UTW_ShowWeightedTagSet)) { ?>
<div class="sidebox">
<h2>Топ 15 тагов</h2>

	<div class="verticaltags">
	< ?php UTW_ShowWeightedTagSet("weightedlongtailvertical","",15); ?>
	</div>
</div>
< ?php  }  ?>

В середине, в строке UTW_ShowWeightedTagSet («weightedlongtailvertical»,"",15) число 15 меняем на любое какое хотим, чтобы было в нашем ТОПе.

Но это не всё. Без нормального CSS, у Вас ничего не получиться красиво. Вот такой css вам сделает всё красиво:

/* TOP 15 TAGS */
.verticaltags div {
	margin: 0 !important;
	text-transform: lowercase;
	font-weight: bold !important;
	}

/* Обычная ссылка */
.verticaltags div a {
	color: #fff !important;
	border: 0;
	padding: 3px;
	}
/* Ссылка при наведении мышки */
.verticaltags div:hover, .verticaltags div a:hover  {
	color: #437295 !important;
	background: transparent !important;
	}

Wordpress DWE — релизим 1.0.2 alpha

Сегодня наконец привел в порядок работу над Wordpress Template Builder. Думаю, что если бы не такая активность к посту-анонсу, то я бы затянул еще немного с выпуском первой альфа-версии. Я решил её пока публиковать не для всех, а только для заинтересованных в расширении людей. Такому решению есть несколько причин.

Во-первых, оно еще очень «сырое», но тянуть больше нельзя. Пускай лучше мне больше придётся поработать над ним засчет требований и пожеланий тестеров.

Во-вторых, мне очень не хватает знаний по javascript, что собственно и осложняет всю работу над WTB.

В-третьих, у меня есть куча идей по включению интересных и полезных функций, кнопочек. Многие из них уже находиться в черновом варианте версии 1.0.3 alpha.

Пока же, желающие (я уже оповестил всех кто хотел и отметился в первом анонсе) можете отметиться в этом посте. Почитать более подброно о самом расширении на специальной странице, посмотрите также приложение к странице.

Хочу сказать еще одну важную вещь. Это касается тестеров. Расширение является скорее демо-вариантом, нежели полноценной тестовой версии. Но раз уж народ настаивает, то распишитесь-получите :). Все пожелания и рекомендации, разумеется, в студию или прямо мне на email.

И вопрос. Нужно ли для обсуждений расширения делать какой-то форум, может быть google-группа или это будет лишнее?

Форма поиска в Wordpress

По вопросам телезрителей — "Как быстро сделать формуляр поиска для шаблона Wordpress. Очень просто. К примеру, такая же как у меня на блоге делается в 2 шага:

1) Нужно создать файл «searchform.php» и положить его в папку сс другими файлами Вашего шаблона. А внутри файла написать свою формочку поиска:

<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>" style="margin: 0;">

<p><input style="width: 97%; " type="text" value="введите запрос" name="s" id="s" onfocus="if (this.value == 'введите запрос') {this.value = '';}" onblur="if (this.value == '') {this.value = 'введите запрос';}" /></p>

<input type="submit" id="searchsubmit" style="display: none;" value="Search" />
</form>

2) Теперь в любом месте шаблона (sidebar, например), где нужно показать форму поиска пишем так:

<div class="sidebox">
<h2>Поиск</h2>
< ?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>

Строка include (TEMPLATEPATH.'имя_файла') — вставит содержимое нужного файла там, где вы это укажете. Вот и всё :)