Для разработки шаблона с нуля есть несколько вариантов — кто-то знает систему насколько хорошо, что создает файлы темы на ходу, но есть и другой подход. Собственно, самый простой метод, который я пару раз использовал — находите похожий по дизайну макет, устанавливаете и потом изменяете таким образом, как вам нужно. Все же править html и css код гораздо проще чем разбираться в функциях. Можете взять за основу бесплатный публичный шаблон, найти либо модернизировать уже установленные по умолчанию Twenty Eleven и др. Еще один вариант — воспользоваться так называемыми «Пустыми шаблонами» (Blank Themes).
Самый свежий набор подобных «пустых» тем располагается — там есть парочка интересных решений + вы всегда сможете найти что-то подобное по запросу «blank wordpress themes». Еще их часто называют вордпресс фрэймворками (Frameworks). Из всего что мне удалось найти я бы выделил два самых интересных варианта.
Это самая простая тема, которая может быть, но при этом она содержит все основные файлы вордпресс — шапку, футер и т.п. Данная разработка распространяется уже давно, поэтому структура файлов шаблона «старая» — здесь нет реализации через файл loop.php, что сейчас часто используется. Это кто как любит — мне, например, больше нравится прошлая структура.
Чем еще меня заинтересовал данный сайте — здесь в правом верхнем углу есть возможность выбрать некоторые другие реализации пустых шаблонов с более-менее прописанной структурой. Из бесплатного тут только H5 Theme Template.
По сравнении с предыдущим дизайн более продвинут за счет того, что прописаны хоть какие-то стили CSS и можно меньше с этим возиться. Парадоксально, но, думаю, рассмотренный первым максимально простой шаблон без стилей, наверное, подойдет только самым продвинутым веб-разработчикам, но при этом из-за имеющихся у них знаний будет им не нужен — они ведь легко и сами смогут создать все с нуля либо уже имеют определенные наработки в этой теме.
Там же в выпадающем меню можно выбрать некоторые другие шаблоны, но все они доступны, как я понимаю, вместе с покупкой соответствующей книги по wordpress. Если вам такой вариант подходит — считаю, тоже неплохое решение.
Пустые шаблоны на Blankthemes.com
За сайт Blankthemes.com автору хочется сказать огромное спасибо, так как он здорово выручил меня по работе. Здесь собрано 10 простейших базовых шаблона с разными вариантами реализации, которые могут подойти для тех или иных сайтов.
Обновление 6.10.2015:
К сожалению сайт с пустыми шаблонами больше не доступен, на домене стоит перенаправление на другой проект. В будущем постараюсь поискать еще парочку подобных проектов с темами, после чего обновлю данный пост.
Быстро рассмотрю каждый из них:
- Skylark — яркая, чистая тема для персонального или бизнес сайта.
- Sidebar Sidebar Content — вариант шаблона с двумя сайдбарами слева.
- Content Sidebar Sidebar — теперь два сайдбара располагаются справа.
- Skirmish — элегантная тема, состоящая из двух колонок, подходит для персонального блога (чем-то, кстати, напоминает базовый дизайн WP).
- Bridge — тоже пустая двухколоночная тема, но гораздо проще предыдущей по внешнему виду.
- Blankfolio — пустая тема для сайта-портфолио.
- Blank Three Column — шаблон классического сайта, с двумя сайдбарами и основным контентом по центру.
- Blank Single One — пустая тема с одной единственной текстовой областью без боковых колонок.
- Blank Two Column, Right Sidebar — пустая двухколоночная тема, сайдбар справа.
- Blank Two Column, Left Sidebar — такая же как и предыдущая, только боковая колонка теперь слева.
Для создания нужного мне сайта я использовал тему Blank Three Column. На сайте вы можете просмотреть демо каждой из них, а также заказать услуги по установке.
Данный шаблон реализован по «новой технологии» с использованием loop.php. Тем не менее, даже если вы с этим не сталкивались разобраться достаточно просто. Много настроек задаются в файле функций (functions.php) — в частности с локализацией придется повозиться, отыскивая нужные участки кода. Но в целом, все достаточно просто. У данного шаблона есть в шапке выпадающее горизонтальное меню, но нужно будет подправить настройки стилей CSS (не стоит забывать, что все же тема «пустая»).
Во всем остальном она (как, думаю, и другие) весьма просты в обращении. Есть виджеты с боковыми колонками, изображение под логотипом и меню, файлы header.php и footer.php помогут подправить элементы в шапке и футере сайта. Мне лично даже понравилось работать с этой темой — вообще идея пустых шаблонов очень даже ничего. Если сравнвиать с правкой полноценного шаблона, то плюсом здесь можно считать тот факт, что стили оформления базовые и вам не нужно убирать все то, что есть в готовой теме, — просто добавляете свое оформление. Короче говоря, за Blankthemes.com отдельное уважение создателю, можно реально найти почти все классически варианты дизайнов для сайта.
P.S. Хотите узнать в какие игры больше всего играют пользователи? тогда топ 100 онлайн игр вам в этом поможет — рейтинг от самих же геймеров с описанием игр.
Что не может не радовать молодых мам, так это количество детских сайтов, например вы найдете интернет магазин с товарами для самых маленьких.
В современном мире порой иметь собственный сайт также важно, как например, наличие номера телефона или адреса электронной почты. К сожалению, не каждый самостоятельно может сделать себе красивый профессиональный сайт, а порой даже и кривой не получается. Заказывать у программистов тоже не идеальный выход, так как не всем это по карману.
Из такой ситуации помогут выйти бесплатные HTML шаблоны сайтов. HTML шаблон сайта – это набор уже готовых статических страниц для сайта определенной тематики. С помощью такого шаблона, создать простой сайт можно буквально за пару часов, при наличии базового знания HTML разметки. В разделе HTML Вы получите эти знания, если потратите еще пару часов на изучения, а если не пожалеете время на раздел CSS, то сможете полностью управлять дизайном HTML шаблонов сайтов и настраивать их полностью под свои нужды.
Еще одним неоспоримым плюсом шаблонов сайтов является, то что их пишут в большинстве случаев профессионалы. Под профессиональным шаблоном сайтом понимается не только красивый и современный дизайн, но и так как написан код. Поисковые системы смотрят, как у Вас написан сайт, SEO оптимизирован код или нет, на основании этого понижают или повышают Ваши позиции в выдаче. Поэтому хороший сайт должен быть не только красивый и современный, что немаловажно, но и грамотно написан в плане кода.
Скачивайте бесплатные HTML шаблоны сайта и создавайте свои проекты в кратчайшие сроки.
Вам срочно нужно сделать сайт, используя только HTML, и выложить его в интернет? Тогда вам не составит труда скопировать готовый код и следовать моим инструкциям.
Правда полноценный ресурс, с применением одного языка программирования, сделать затруднительно, но вот сайт-визитку из нескольких страничек, вполне возможно.
Если у кого-то именно он и является целью, и нет желания изучать другие языки, то эта статья для них.
Короче, в самописном исполнении, без использования CMS, проще уже ничего не существует.
А для тех кому требуется что-то по круче, в конце статьи есть ссылки на статьи с кодом блочного шаблона, с использованием CSS, и кодом динамического сайта с использованием PHP.
Сайт на чистом html сделаем прямо на этой странице, так сказать — сайт в сайте, вполне рабочий и готовый к заполнению контентом.
Разделим весь процесс на три части.
1. Создание директории сайта на своём компьютере.
2. Создание сайта.
3. Перевод сайта с нашего компа на хостинг, то есть в интернет.
Создание директории сайта на своём компьютере
Первый пункт самый простой. О том как создать директорию очень наглядно показано в статье (все ссылки с этой страницы открываются в отдельном окне, чтоб не потеряться).
А что, и в какую папку положить, я подробно покажу после кода главной страницы, чтоб уже было с чем идти в директорию.
Затем приступим ко второму пункту, самому творческому.
Создание шаблона сайта
Для создания шаблона потребуется редактор, в который нужно будет вставить приведённый ниже код.
Это может быть как простой виндовский Блокнот, так и любой другой текстовый редактор.
За основу шаблона возьмём многослойную таблицу HTML. Раньше, до появления CSS все сайты писались таблицами, теперь же более популярной стала блочная вёрстка.
Но и до сих пор, табличная структура не устарела и с успехом применяется.
Например инвестиционная CMS H-script со сложнейшим функционалом, целиком свёрстана на основе таблиц.
Итак, вот такой сайт, с минимальным оформлением.
Как в дальнейшем оформлять таблицы, очень подробно показано в статье .
|
<!--Создаём таблицу контейнер, которой задаём следующее
оформление:
border="1" - рамка вокруг контейнера. Увеличив число, можно увеличить толщину рамки.
align="center" - размещаем контейнер по центру экрана.
rules="rows" - убираем двойную рамку.
style="width:60%;" - добавляем стилевое свойства, делающее
контейнер и весь сайт "резиновым".
Сделать полноценный адаптивный дизайн, этим способом невозможно.-- >