Эта статья стартовая в новой теме “рубрик” или “меток” пока ещё не определился: всё будет зависеть от заинтересованности читателей: этакий F.A.Q. по темам flexithemes.
Скажу одно: коли у вас есть желание создать качественный сайт на основе неплохой темы, то вот эту идею и реализуем.
Для начала в общем познакомимся с основными файлами шаблона, которые однозначно предстоит править под нормы seo-оптимизации вне зависимости от того купили ли вы тему, или ухватили бесплатную: в любом случае правки кода предстоит много. Вот и будем разбираться:
директория ядра темы flexithemes
Вот переход на сайт разработчиков: https://flexithemes.com/popular-wordpress-themes/ – это на всякий случай, тем читателям которые ещё не знакомы…
Сразу говорю: с моей стороны нет никакой рекламы (пока мне не предлагали владельцы тренда) писать статьи этой темы) –
исключительно моя инициатива в помощь… первых шагов товарищей, которые желают своим трудом создать собственный сайт, работая с приличным шаблоном, – это и будет целью публикаций!
Никаких тайн корпорации палить не собираюсь)
Итак:
Тут много говорить не нужно, нужно открыть корневой каталог своей темы и рассмотреть всё как следует…
Путь расположения папок таков: mihalica.ru/wp-content/themes/ИМЯ_ВАШЕЙ_ТЕМЫ
Конечно же, в выбранной вами теме корневой каталог может чем-то отличаться: могут быть добавлены какие-то вспомогательные папочки и т. п. Но это, как правило, индивидуальные дополнения веб мастера (верстальщика) определённой ветки шаблонов.
Так что не суть: основные принципиальные решения построения html-шаблона-страниц одинаковы!
Для тех, которые только-только приступили к занятию сайтостроения, рекомендую познакомиться со статьёй, которая подробно разъясняет механику и что такое сайт вообще: принципы основных компонентов любого ресурса. Думаю, будет полезно!
Ну, что ж, давайте обратим внимание на наиболее важные папки и их содержание по порядку… Во всех сопутствующих файлах всё аналогично: например, page.php (файл отдельных записей) и post.php – близки по содержанию и принципу кода, – рассмотрим для примера один какой-то файл (чтобы не тратить времени), так получится логичнее и подробнее…
для понимания:
повторюсь – спрашивайте, коли что-то не ясно (хотя я и буду стараться говорить максимально просто), не ленитесь заполнить форму комментирования… Да и мне станет ясно: нужна ли такая тематическая рубрика!?
И, конечно же, подписывайтесь…
Online консультация по настройкам и созданию сайтов на WordPress
lib – важнейшая папка шаблона FT сайта на вордпресс
Самое первое, отмечу эти две папки js и lib ибо в них сосредоточены важнейшие возможности и настройки…
Об этих настройках станем говорить в следующих отдельных темах. А пока ограничусь скрином папки lib – в директории сосредоточены важные файлы опций глобальных настроек темы: папки виджетов, вспомогательные стили css, обслуживающая папка js (не путать с главной, в корне темы) основные опции АДМИНА и файл Themater.php – запомните.
…и не пропускайте новые темы.
js
lib
основная директория – от файла header.php и до footer.php
header.php
Вот, пожалуй, один из главнейших файлов, который задаёт условия настройки шапки сайта и который частенько предстоит править и править…
В большинстве тем или шаблонов (кому как удобнее) настройки шапки сайта оставляют желать лучшего: в основном – неверные условия отработки тегов h1 и неверные же обозначенная описания дескрипшн.
Именно этот файл и задаёт функциональную ахитектурику верхней части сайта </head><body> вплоть до:
</body>
</html>
…расположенных в footer.php (запомните это обстоятельство) – также следует уделить пристальное внимание на то, чем замечателен футерный файл: установки кодов счётчиков, всевозможных информационных функций администратора (у кого-то подвал располагает футерными виджетами) многие в этом файле настраивают кнопку наверх и отработку якоря; часто ещё будет на слуху фраза “перенести загрузку скриптов javascript в футер” так что – запоминайте имена и функциональные возможности перечисленных файлов.
индексные файл и документации вёрстки html вспомогательных страниц сайта
index.php
1 – основной индексный файл: функции задач главной странички: во многих случаях требуется для правки… Например, многие используют для реализации каких-то уникальных фишек на заглавной странице. Рекламные сообщения, отдельные баннеры и информационные сообщения администрации ресурса.
category.php … tag.php и их, скажем так, производные: страничка результатов поиска, архивы и т.п. К стати же, страничка ошибки 404 – 404.php …
И все эти, сердешные документы тем, нещадно правятся админами, ибо возможности широки, как тунгусские степи… от кодов рекламы до антирекламы)
Одним словом, эти файлы помимо своих основных задач, вовсю эксплуатируются пользователями, которые стараются придать своему детищу уникальность.
файлы отдельных записей сайта
Этих файлов коснусь вкратце, ибо работа и правка их документация предстоит огромная! А посему повторяться нет смысла: читайте этот сайт и будем во многом разбираться…
post.php
post-single.php
…многие возможности реализуются в этих файлах: конечно же, сами визуальные условия отображения контента (статей) их стилистическая уникализация – кто-то прописывает коды похожих записей по рубрикам по меткам, приветствия автора и т. п. прописка кода социальных кнопок – связки с миром.
…опять же, многие используют для рекламы…
основной файл стилей style.css
style.css – кроме того, что это (не убоюсь) наиболее важнейший файл темы, мне добавить в этой статье нечего. Будем много и много с ним работать, ибо это инструмент широчайших возможностей дизайна… CSS дизайна.
Много будем уделять времени, месту и делу, но – этому посвящены отдельные статьи…
шаблонные файлы html настройки отдельных страниц
Рассмотрим пример файла page-template-sitemap.php на котором выполнены настройки отдельной страницы: этот МИНИплагин включенный в логику шаблона – карта сайта для посетителей (кстати, достаточно функциональный и настраиваемый) также стоит помнить, о том, что в подобных шаблонах прикручена форма обратной связи.
Важно: на основе файлов page-template-full.php возможно настроить сколько угодно отдельных уникализированных страниц, не прибегая к сторонним тяжким плагинам и тому подобным плюхам… Имейте в виду…
Можете для примера взглянуть ЭТУ страничку и ЭТУ (естественно, они настроены под мою стилистическую основу сайта: у вас все это будет полностью иначе от размеров, до цветовых решений и JS оформления)
До странности много встречал владельцев, которые не рассмотрев и не изучив работу темы блога запускают проект, а потом… начитавшись на просторах инета тематических статей, пихают плагин за плагином, таким образом дублируя возможности уже присутствующего в шаблоне кода. Это грубейшие бестолковые ошибки!
Помните!
Жаль, не могу пока завернуть что-нибудь этакое в плане сусальных фишек) боюсь, пока будет многим непонятно, но в скорости и постепенно будем разбираться глубже и глубже…
Online консультация по настройкам и созданию сайтов на WordPress
Ну, вот, вроде бы немного разобрались, для начала. Судя по себе (столетней давности) думаю, что, описанное может быть полезным новичкам, ведь бывает так, когда и не знаешь куда кинуться…
Так что, повторяюсь, спрашивайте коли что не ясно…
На этом занавес представления опускается…
…на рампы пыль печальная ложится…
mihalica.ru !
Михаил ATs -
Мне лично нравятся темы от FlexiThemes, они удобные, кроссбраузерные, адаптивные и главное, простые. Но гребанные ссылки в подвале … бесят.
При этом я не против ссылки на автора темы. Однако покупать тему за 20-30$ как-то желания нет, тем более разница между платной и бесплатной версиями wp-тем в том, что в последнем варианте присутствуют левые ссылки, а функциональность не отличается. Вот и приходится пользоваться хаком их тем по методу с сайта SvoyWebSite.rf.gd.
Ссылку оставлю на свежий метод нуления wp-тем FlexiThemes может кому пригодится.
//svoywebsite.rf.gd/hak-wp-tem-ot-flexithemes/