Подкаст SitePoint № 76: Злые Темы WordPress

Аллан: Конечно, хорошо для меня, когда я впервые начал использовать WordPress. Я просто приходил в основном в качестве дизайнера, дизайнера внешнего интерфейса, я делал это — в школе я в основном занимался печатным дизайном, а затем, когда я заканчивал школу, я делал во многом, вы знаете, немного легче найти работу, которая была связана с сетью, потому что она все еще была честной, и это все еще довольно новая отрасль. И поэтому, когда я впервые вошел в это, именно простота использования, я думаю, была самой тягостной вещью вне сообщества или большого сообщества поддержки, которое там есть. Просто простота использования и простота разработки тем, и на самом деле не нужно иметь дело со слишком большим количеством кода. Как и для меня, вы знаете, изначально я был более опытным специалистом по печати, и я не очень хотел углубляться в изучение PHP, сложных функций и тому подобного; как то, что меня не интересовало. Я знал HTML, и я знал CSS, и поэтому я хотел иметь что-то, что просто дало бы мне минимумы, сделало это хорошо, а затем позволило мне расширить его и основываться на нем, а WordPress просто создает отличную платформу для делая это.

Джеффри: Да, я должен был бы согласиться. Все знают это чувство, когда вы впервые начали работать с WordPress, когда вы начинаете создавать свою тему, и вы понимаете, что с 20 строками кода вы уже создали рабочую тему, она может выглядеть не очень красиво, но она работает, и это такое прекрасное чувство, когда Вы кладете 10, 20 строк вниз, а затем каким-то образом у вас уже есть индексная страница, и вы можете отображать полные записи, когда вы, как правило, знаете, что вам придется делать страницы и страницы, достойные написания кода, так что это такое прекрасное чувство. А потом Кодекс, документация просто безумная для WordPress. И вы знаете, опять же, это такая огромная вещь, и я думаю, что многие фреймворки не воспринимают это достаточно серьезно, вы знаете, что то же самое верно для, как я уже говорил, с jQuery или даже с CodeIgniter или PHP фреймворк, документация безумно хороша, и это причина номер один, почему я бы выбрал это из всего остального, потому что с другими, если вы точно не знаете, что делаете, чего вначале никто из нас не делал, вы не понимаете На самом деле некуда обратиться, но с этим Кодексом у него есть все записи, которые вы можете попросить.

Брэд: И вы упомянули о создании тем, так почему бы нам не разбить их на части: что такое тема в WordPress и как она работает?

Джеффри: Тема — это в основном визуальные эффекты, как они выглядят, как они выложены; WordPress — это фреймворк, который, очевидно, берет на себя всю бэкэнд-работу по доступу к базе данных и все такое, и тема — это только визуальные эффекты, и в этом то и здорово, что она полностью отделена от фреймворка, поэтому любой, кто знает WordPress непосредственно из панели инструментов можно легко переключаться между темами, поскольку они не зависят от какого-либо конкретного уникального кода, все это подключается к функции и фильтрам WordPress.

Брэд: Хорошо, теперь, когда мы знаем, что хотим использовать WordPress, все его используют, всем это нравится, давайте поговорим о планировании вашей темы, вашей первой темы. Так какой совет, и этот вопрос на самом деле приходит от Андреа Ренник из wptavern.com ; Какой совет вы бы дали тем, кто ищет дизайн своих тем? Где они должны начать?

Аллан: Я всегда чувствую, что обычно это начинается с идеи, и эта идея может принимать различные формы, и она в значительной степени основана на том, что вы хотели бы внести, я думаю, в веб-сообщество или в вашу сообщество людей, которым вы хотели бы посетить сайт, или новичков, которые могут не иметь ни малейшего представления о себе, но могут внести интересный вклад. И я думаю, что это только начинается там, просто понимание того, что вы хотели бы внести и выложить в Интернет или в мир на самом деле. А потом оттуда есть просто такой подход, как для меня, исходящий из дизайна, я всегда поддерживаю свои, ну, вы знаете, как многие концепции — просто подкрепляя их дизайном. И так, придумывая способ взять то, что вы хотели бы внести, и придумывая способ сделать это интересным и легким для людей, чтобы получить доступ. И именно здесь я думаю, что тематическая часть этого начинается там, где вы находитесь, знаете, когда у вас есть представление о том, что вы хотели бы внести или выпустить в мир, используя тему, чтобы сделать этот процесс одним концом вас внесение этой концепции и использование темы, чтобы сделать эту часть легкой, а затем, с другой стороны, использование темы, чтобы облегчить людям вход, а также впитывать контент или то, что вы хотели бы внести. Поэтому я обычно начинал бы с того, чтобы выяснить, о чем вы хотели бы поговорить или, если они интересуются клиентом, и рассказать о них людям. И оттуда я думаю, что все остальное просто становится на свои места, идеи всех мелких деталей интерфейса и тому подобное просто становятся на свои места, когда у вас есть хорошая основательная идея, к которой, как вы думаете, люди будут стремиться.

Брэд: Джеффри, ты хочешь что-нибудь добавить к этому?

Джеффри: Конечно, конечно. Вы знаете, это действительно зависит от того, что они надеются получить от этого. Как сказал Аллан, если вы создаете блог для себя, то вам нужно выяснить, какой у вас голос, на чем вы сосредоточены, чем вы будете отличаться от кого-то еще? Теперь, если мы говорим о создании вашей первой темы, о начале работы с WordPress, как бы вы это сделали; Я бы сказал, забрать нашу книгу или просто выполнить поиск Google для создания вашей первой темы WordPress. Вы не поверите, есть десятки на десятки, я написал несколько сам, вы знаете, создавая свою первую тему WordPress, я бы сказал, не волнуйтесь, вы знаете, может быть, даже не волнуйтесь о дизайне вообще Просто выясните, какие именно функции ядра, что такое цикл WordPress, как это вписывается в ваш код. И вы знаете, просто возьмите это по частям, это моя большая вещь, на которой я концентрируюсь на том, чтобы вычеркнуть все, что не важно. Поэтому, если вы пытаетесь научиться тому, как WordPress убирает JavaScript, обнажает CSS и просто выясняет, что именно делают одна, две или три строки кода. А затем медленно добавьте немного больше и узнайте обо всех различных файлах шаблонов, доступных в WordPress, а затем узнайте больше о работе с архивными страницами или создании собственных панелей параметров, а затем просто продолжайте учиться все больше и больше, и затем, в конце концов, вы может начать строить темы для получения прибыли.

Брэд: Да, сейчас, кто-нибудь из вас порекомендовал бы начать с бесплатной или премиальной темы в качестве основы, или вы думаете, что новый дизайнер или разработчик, попадающий в WordPress, должен просто открыть Блокнот и начать с нуля? Я имею в виду, что является лучшей отправной точкой для того, кто только начинает участвовать?

Аллан: Для меня это было намного проще, просто смотреть на код других людей. Я думаю, что почти первое, на самом деле я даже не помню название первой темы, я думаю, что я подправил; это была одна из тем ThemeShaper Яна Стюарта, это была одна из его более ранних тем, и, да, я просто взломал ее, посмотрел на код, выяснил, что было сгенерировано, потому что в этот момент я понятия не имел, что такое PHP на самом деле и поэтому я просто выяснил, где … что генерирует HTML и как это изменить с помощью таблицы стилей, которая была в файле темы. Это очень похоже на то, что я всегда говорю людям, чтобы они запутались, делали ошибки и немного ломали вещи, просто чтобы вы знали, как это сделать. Как если бы вы что-то сломали и сломали свой сайт, вы будете знать, что никогда больше не сделаете этого, вы знаете. и это что-то вроде того, где вы можете отчасти взглянуть на то, что уже есть, и отчасти соединить вместе, где это вписывается в то, что вы хотели бы сделать. Поскольку существует так много разных типов тем, которые делают так много разных вещей, вы можете найти темы, которые довольно похожи на то, что вы хотели бы сделать, и взять их, а затем либо основываться на них, либо отбрасывать то, что вы хотите. не нужно делать это самостоятельно. По сути, именно так я и сам выучил большую часть всего этого, а затем, как только вы начнете предлагать идеи, которых еще нет, вы более или менее узнаете свой путь, чтобы начать задавать правильные вопросы. чтобы получить правильные ответы о том, как делать то, что еще не было сделано. Но, да, я определенно предлагаю просто создать из любой, я думаю, темы, что это такое, Thematic — действительно популярная тема, которую я использую для многих своих сайтов, на самом деле это фреймворк для тем. Другой — это Starkers, это базовая тема, я забываю имя парня, который ее кодировал, но он называется Starkers, и это просто очень базовая тема, в которой нет стилизации или чего-то другого, кроме как основ, и у него просто есть хорошая хорошая разметка HTML, и вы можете использовать это, чтобы просто поиграть с вещами, сломать вещи и заставить их делать то, что вы хотите.

Джеффри: Да, я думаю, что узнал о первой теме Starkers от Криса Койера. Если вы, ребята, знакомы с ним в CSS-Tricks , он сделал большую серию по конвертации PSD в WordPress, они так популярны. И он как бы представил Starkers, которая является совершенно голой темой для WordPress, и это было бы тем, что я бы порекомендовал, потому что в нем есть все, что вам нужно, и ничего больше, так что вы можете просто разбить его на маленькие кусочки, как я уже говорил, и Вы знаете, тогда начинайте строить и выяснять, вы знаете, как сказал Аллан, сломайте его, а затем выясните, что не работает, а затем, что больше не делать, я думаю, что это действительно хороший совет.

Брэд: Да, конечно, и Аллан, я думаю, вы упомянули как идеальный переход к следующей теме, которая представляет собой фреймворки тем, и я знаю, что если вы когда-нибудь упоминаете фреймворки тем кому-то, кто не знаком с тем, чем они являются, это звучит немного пугающе, так почему бы нам не объяснить это. Что такое фреймворк для темы и чем он отличается от стандартной темы WordPress?

Аллан: Фреймворк для темы — это по сути суперпредставленная родительская тема И что это означает, если говорить о WordPress внутри вашей папки тем, у вас есть родительская тема или фреймворк, в котором будет весь ваш основной код, и есть все ваши файлы шаблонов, ваши основные функции, по сути, это просто ядро ваша тема WordPress. И что вы можете делать с ним, когда вы используете его в качестве фреймворка, вы используете его по отношению к дочерней теме, которую в основном вы используете для построения из родительской фреймворковой темы. И это позволяет вам делать очень динамичные и в некоторых случаях сложные изменения в теме фреймворка без фактического редактирования самих файлов темы. Преимущество такого подхода заключается в том, что WordPress обновляется, и даже тема обновляется, и вы не теряете эти изменения. Обычно, если вы берете тему и настраиваете ее напрямую, и, скажем, вы работали над ней в течение двух месяцев, а затем эта тема получает обновление, которое добавляет кучу новых функциональных возможностей, когда вы собираетесь выполнить это обновление, вы в основном теряете все свои изменения, которые много отстой (смеется), это никогда не хорошо, когда вы тратите много времени на что-то, а затем вы делаете обновление и все ваши изменения пропали. И поэтому, используя эту каркасную модель, вы можете в основном использовать дочернюю тему, чтобы в основном вносить все ваши изменения, чтобы ваши изменения были более или менее скомпилированы в дочернюю тему, а затем родительская тема более или менее осталась прежней, чтобы она могла выдерживать обновления а также изменения и улучшения вместе с WordPress во время стилизации, и, как вы знаете, все ваши пользовательские функции существуют внутри дочерней темы отдельно, чтобы вы не потеряли изменения. И существует множество различных реальных реализаций этого, я как бы упомянул их обоих, и просто для пояснения, что любая тема может быть родительской темой, то есть вы можете создать дочернюю тему из любой темы, так что любая тема, которая у вас могут быть обновления или что-то еще, вы должны просто из коробки, когда вы готовы настроить его, запустите его как дочернюю тему. Когда дело доходит до фреймворков, что является своего рода отдельной сделкой, фреймворки являются более или менее своего рода, и, как я уже говорил ранее, расширенной версией родительской темы, которая более или менее построена с помощью пользовательского кодирования, чтобы позволить вам сделайте намного больше со своей дочерней темой, чем то, что вы могли бы сделать с общей родительской темой. Но, да, я думаю, что они действительно мощные, я использую их для всей моей клиентской работы, и даже некоторые из тем, которые я продаю, все основаны на — все дочерние темы, которые построены поверх фреймворка. И, да, я думаю, что это просто отличный способ разработки, он очень быстрый, он делает весь процесс разработки действительно быстрым, потому что вам не нужно повторять почти столько же кода, сколько обычно, если бы вам пришлось вернуться назад и в основном, это тип копирования и вставки кода в различные файлы шаблонов, вам не нужно беспокоиться об этом с помощью отношений между дочерними темами, потому что тем намного больше, или потому что большая часть кодирования уже обработана для вас, и поэтому любые изменения, которые вы хотите сделать, вы просто делаете в дочерней теме, и это просто как бы меняет тему фреймворка таким образом, что делает ее очень расширяемой. Так что, да, я люблю их, я использую их все время. Это было действительно долго, да?