Здравствуйте, дорогие форумчане. Недавно писал статейку о верстке, так форумчане попросили продолжить эту тематику и написать еще одну статейку. Вот я и написал.

Приступим к рисованию макета будущего сайта. Буду рисовать конечно несложный макет, так сказать theme framework – минимальный дизайн, но при помощи которого можно сделать вполне приличный и насыщенный дизайн сайта.

Ориентировка – макет для сайта на DLE, классический трех-колоночный веб-дизайн сайта с установленной CMS DLE версий 7-8. Итак, приступим, я использую Adobe Photoshop CS3 официальную русскую версию.

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

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

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

Также замечу, что буду рисовать макет с фиксированной шириной – стандартная 960-пиксельная grid system, чтобы наш сайт одинаково хорошо отображался на мониторах с разрешением от 1024х768 пикселей и выше (это монитор 19 дюймов).

Дальше идет много картинок, поэтому вам придется прочитать ее на блоге. Оригинальная статья Как нарисовать макет сайта

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

1. RusToLat – самый первый плагин, который надо устанавливать на блог. Ведь создавая статью и добавляя ее на блог в адресе вы увидите русские буквы типа http://zavrab.ru/статьи-про-плагины.html – естественно нам это не очень надо. Плагин транслитерирует русские буквы в английские.
2. MaxSite Russian Date – делает даты в русскоязычном формате.
3. WP-PageNavi – делает постраничную навигацию, изначально в wordpress навигация несколько иная, чем на большинстве сайтов, чтобы перейти на вторую страницу записей вам надо нажать ссылку Старые записи. Благодаря плагину WP-PageNavi в блоге появляются ссылки на страницу 1,2,3 и другие.
4. WordPress Database Backup – делаем архивную копию блога. Благодаря плагину вы сможете сделать бек-ап базы данных сайта. Плагин позволяет высылать архив БД на почту, сохранить его на сервере или же сохранить себе на компьютер. Идеальный вариант – создать почту на Gmail и отправлять туда копии БД. Замечу, что сохраняется только база данных, папку с вашими картинками вам надо скачивать отдельно.
5. WP-PostViews – выполняет подсчет количества просмотров ваших записей. Теперь вы видите, сколько раз читали ваши записи. Эта фишка как на DLE.
6. Similar Posts – отображает похожие записи, есть настройки, поэтому вы можете выбрать количество отображаемых записей.
7. Redirection – плагин редиректов – перенаправления пользователей на нужные веб-страницы, очень удобный в использовании. Например, страница Sape перенаправляет пользователя на мою реф ссылку, на самом деле такой страницы на блоге нет, всего лишь уловка для тех, кто смотрит в статусную строку браузера.
8. Ozh’ Better Feed – wordpress плагин, улучшающий отображение записи в RSS-ленте. Изначально wordpress выводит в RSS-ленте либо короткий анонс (два три предложения без форматирования текста и без картинки), либо полную запись. Плагин Ozh’ Better Feed позволяет выводить краткий анонс с картинкой и форматированием текста. Имеет настройки.
9. My Category Order – сортировка категорий (рубрик) блога в нужном вам порядке, а не автоматически наугад, как это делает wordpress.
10. Max Banner Ads – весьма мощный плагин для ротации баннеров, контекстного кода и т.д. Имеет кучу настроек и позволяет выводить баннеры практически в любом месте блога. Позволяет делать ротацию баннеров на одном баннерном месте. Например, на моем блоге баннер вверху полной записи – я поставил в ротацию несколько баннеров и контекстный код AdSense, обновляя страницу вы увидите разные баннеры.
11. Math Comment **** Protection – защищает ваш блог от ****а в комментариях от роботов. Благодаря автоматическим программам, ****еры засирают чужие блоги, обходя разные каптчи. Как по мне этот wordpress плагин наиболее актуален и прост для посетителей блога. Ввести ответ намного легче, чем вводит еле понятные буквы с картинки каптчи.
12. Lightbox 2 – показывает крупные картинки в всплывающем окошке посредством Ajax, очень удобно когда в записи маленький рисунок с ссылкой на крупный.
13. jQuery Comment Preview – предпросмотр введенного комментария посетителем блога, посетитель может просмотреть свой комментарий перед его отправкой.
14. iSape – специально для любителей торговли ссылками со своих сайтов, позволяет торговать обычными и контекстными ссылками.
15. Google XML Sitemaps – создание карты сайта для Google. Необходим для полной индексации сайта поисковыми ситемами вроде Яндекс или Гугл. Только не забудьте поставить ссылку на XML карту сайта с блога.
16. FD Feedburner Plugin – wordpress плагин для перенаправления подписчиков блога с стандартной RSS-ленты блога на внешнюю для подсчета всех подписчиков блога.
17. (J)ExR – этот замечательный wordpress плагин делает все ваши внешние ссылки внутренними. При этом есть так же возможность их кодировать, чтобы URL ссылок не было видно. Есть много настроек, вы можете выбрать какие именно ссылки кодировать, а какие нет – ссылки с постов, ссылки с комментариев и ссылки сайтов комментаторов.
18. All in One SEO Pack – wordpress плагин для SEO оптимизации блога. В стандартной инсталляции wordpress не позволяет редактировать META теги HTML кода страницы – их там просто нет вообще. Теперь же есть возможность прописать все мета-теги, такие как Description и Keywords.

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

1. NextGEN Gallery – создайте на своем wordpress блоге фото-галерею, портфолио. Работает на JQuery, плагин очень функционален. Этот плагин богат настройками, на его основе можно создать сайт фото-галерею или сайт с портфолио.
2. Contact Form 7 – благодаря этому wordpress плагину можно добавить на страницу контактов форму обратной связи с администратором. Написав в форме сообщение, плагин автоматом отправит сообщение на почту администратора и он с вами свяжется в ближайшее время.
3. GD Star Rating – этот плагин предназначен для оценки любых данных, записей и комментариев, голосований м много чего другого. Имеет кучу возможностей и параметров. Думаю на этом плагине можно организовать сайт с темами для wordpress, где люди смогут ставить оценки скачиваемым темам.
4. WP Super Cache – предназначен для увеличения быстродействия блога, кешируя ваши записи и тем самым уменьшает количество запросов к базе данных. Уменьшает нагрузку на сервер хостера и увеличивает скорость работы сайта в целом.
5. Broken Link Checker – этот очень полезный wordpress плагин позволит вам обнаружить мертвые сссылки на блоге. Например, вы год назад поставили ссылку на другой блог, а его уже нет в живых – ссылка считается мертвой. Вот этот плагн вам и сообщит о таких ссылках.
6. Really Simple CAPTCHA – без комментариев, защита ваших комментариев от ****а. Выводит каптчу с цифрами и буквами в виде картинки.
7. WP-Optimize – плагин по оптимизации базы данных вашего блога. Позволяет удалить никому не нужные ревизии в wordpress блоге и много чего другого. Собираюсь установить себе на блог.
8. CodeColorer – с помощью этого wordpress плагина теперь вы можете с легкостью вставлять любой программный код в ваши посты. Плагин автоматически нумерует строки, подсвечивает синтаксис кода разными цветами.
9. Featured Content Gallery – весьма полезный wordpress плагин, позволяющий создавать так называемые карусели – области контента, которые могут вращаться, точнее перемещаться. Имеется каринка, по бокам которой есть стрелки, при нажатии на них, картинка перемещается в бок и вы видите следующую. Супер креативно, планирую на блог.
10. Wordpress Download Monitor – плагин монитор загрузок файлов с вашего блога. В плагине можно настроить шаблон вывода ссылок на закачку файлов и вам больше не придется беспокоиться о таких ссылках.
11. WP-Polls – wordpress плагин, позволяющий добавлять на блог голосования, как в виджет, так и в любой пост.
12. @ Reply – wordpress плагин, добавляющий к каждому комментарию ссылку ОТВЕТИТЬ, нажимая на которую, в поле комментария вставляется имя комментатора, которому вы хотите ответить.
13. Ozh’ Absolute Comments – менеджер комментариев, теперь вы можете отвечать на комментарии прямо из админ-панели.
14. Subscribe to Comments – ниже формы комментирования появляется чек-бокс с возможностью подписки на будущие комментарии. Комментируя блог и поставив галочку теперь вы будете получать на почту все комментарии, которые люди написали позже вашего.
15. Category and Page Icons – небольшой wordpress плагин, позволяющий добавить иконки к рубрикам меню и не только.
16. Google Syntax Highlighter for WordPress – подсветка программного кода, поддерживается уйма разных языков программирования от HTML и CSS до С++.
17. WP-PostRatings – позволяет посетителям блога оценивать страницы и посты вашего блога, также имеется виджет для вывода самых рейтинговых постов.
18. Global Translator – перевод вашего блога более чем на 30 языков мира. Причем плагин создан так, что вы как будто переходите на английскую или любую другую версию сайта.
19. Wordpress Thread Comment – плагин делает так, что теперь вы можете организовать древовидные коментарии, отвечая на комментарии других пользователей блога.
20. Recent Comments – добавляет виджет с последними комментариями на блоге.
21. Random Posts – случайные записи, вывод случайных записей можно сделать множеством способов.
22. Most Commented – плагин добавляющий виджет с наиболее обсуждаемыми постами на блоге.
23. WP-Syntax – еще один плагин для вывода программного кода на страницы вашего блога, множество настроек и поддержка множества языков программирования.
24. WP Super Edit – добавляет кучу кнопок для быстрого форматирования текста в визуальном редакторе. Рекомендуется к установке на ваш блог.

Оригинал моей статьи Самые популярные Wordpress плагины.

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

просто переименуйте их в *.htm или *.php
просто расширение html прописано в .htacces для движка для использования их статическими страницами

неплохой шаблончик, очень красивый, но вам надо как нибудь оформить спидбар

насчет сайта - он подходит больше всего для тех посетителей у которых большая скорость интернета, это касается особенно флеш плееров