Sozdaiblog.ru
Назад

13 Шагов к созданию Шаблона для WordPress!

Опубликовано: 03.11.2012
Время на чтение: 27 мин
95
18

Шаблон для WordPressЗдравствуйте, дорогие друзья и читатели – Sozdaiblog.ru!

Сегодня я покажу, как с ноля создать шаблон для WordPress.

Если честно, никогда не думал, что буду в этом разбираться, но жажда знаний взяла надо мной верх. Сильное желание понять устройство и воплотить кучу идей, заставило сесть и заполнить все пробелы в своей голове.

Каждый день появляются новые фишки и способы их реализации в шаблонах WordPress. Конечно, всё изучить и за всем уследить физически невозможно, но имея представление о том, как всё устроено будет намного легче ориентироваться в любой теме.

Итак.

 

Подготовка к созданию шаблона для WordPress.

Перед тем, как начать создавать шаблон для WordPress, с помощью FTP-клиента, нужно подключиться к действующему серверу в Интернете или локальному, установленному на Вашем компьютере.

Чтобы не мучиться с передачей файлов через FTP, советую установить WordPress локально и разрабатывать шаблоны на виртуальной машине.

С точки зрения редактирования и правки кода, настоятельно рекомендую использовать — Notepad++. Благодаря подсветке кода и простому интерфейсу, этой программе отдаёт предпочтение наибольшее количество Веб-мастеров.

 

Создание необходимых папок и файлов.

Зайдите в корневую директорию, содержащую установки WordPress, перейдите в wp-content => themes и создайте там папку с именем — «New Theme 3.0». Внутри этой папки разместите следующие файлы (расширения – PHP, CSS, PNG):

 

тема для wordpress

темы для wordpress

Искомые файлы, создаются на рабочем столе компьютера при помощи обычного блокнота, с присвоением нужного расширения.

 

Шаг-1 style.css

Файл style.css, будет содержать в себе все элементы стиля шаблона для WordPress. Именно его мы будем использовать первым, чтобы  объявить имя шаблона, имя автора, ссылку на сайт с описанием и номером версии:

 

шаблон WordPress

 

Эта информация, может быть изменена в любое время. Главное, чтобы всё было закомментировано (как закомментировать строку с HTML, PHP, CSS кодом).

Теперь, в этом файле, нужно создать несколько основных определений стилей, которые в дальнейшем будут реализовываться в некоторых PHP файлах темы WordPress:

 

Шаблоны для вордпресс

темы вордпресс

 

В этом коде используется тег — body, только для спецификации (определения) шрифтов используемых на сайте и цвета фона (всё меняется на любой вкус). Затем, мы объявляем атрибуты стиля для связи, а также некоторые из заголовков, которые мы будем использовать на протяжении всей нашей темы.

#wrapper — будет отвечать за полный размер веб-страницы. С #header, всё очевидно, это заголовок, а #blog, это последние сообщения на главной странице.

Остальные стили колонтитулов # (заголовков) footer и sidebar, будут применяться к соответствующим их названию файлам, которые мы рассмотрим чуть позже.

 

Шаг-2 header.php.

шаблоны для wordpress

 

Теперь, мы создадим файл — header.php, который будет содержать логотип и обычную навигацию:

 

Шаблоны для wordpress

 

На самом деле, подробно этот код объяснять нет смысла. Просто нужно запомнить, что он должен присутствовать в header.php, во всех темах WordPress. Но, если Вам интересно, то расскажу.

В самом начале, мы объявляем тип документа и стандартный код, который будет использоваться для отображения названия сайта, вводимое в настройках администратора WordPress. Далее, идёт style.css и PHP код, позволяющий работать с древовидными комментариями.

 

Шаг-3 Добавление пользовательской навигации.

Теперь, когда мы закодировали в header.php нашу основную информацию, можно добавить пользовательское меню навигации. Но, прежде, нужно открыть файл functions.php и прописать специальную функцию:

 

темы wordpress

 

Как видите, я прокомментировал участки кода. Первая часть add_action, используется для добавления поддержки пользовательского меню, а вторая, регистрирует саму область первичного меню. Далее, переходим к самой реализации в шаблоне WordPress.

Чтобы создать меню, нужно, ниже ранее прописанного кода в файле header.php добавить строчку:

 

шаблоны вордпресс

 

Давайте, немного её разберём. Основной функцией, которая здесь используется, является wp_nav_menu. Переменные  sort_column , container_class , и theme_location, применяются в качестве аргументов. Sort_column — гарантирует порядок отображения, который задаётся в админке. Container_class — позволяет выбрать style.css Вашего меню. Ну, а theme_location, просто присваивает primary-menu те значения, которыми мы манипулируем в реальном времени.

 

Шаг-4 Стиль навигации шаблона для WordPress.

шаблон для вордпресс

 

Благодаря произведённым ранее действиям, наша WordPress тема, обрела пользовательскую навигацию. Но, обычное меню выглядит просто и не привлекательно. Чтобы это исправить, мы создадим класс nav в файле style.css.

 

шаблоны wordpress

 

Как видите в .nav, мы сделали основные заявления, такие, как цвет фона, ширина навигации, выравнивание и положение элемента на мониторе. Далее, мы задали порядок размещения основных элементов и всплывающих окон.

Завершающим действием, будет добавление стилей для ссылок из выпадающего меню:

 

шаблон вордпресс

шаблоны для вордпресс

 

В .nav ul ul, мы устанавливаем абсолютную позицию и первую выпадающую ссылку делаем 100%, чтобы она появлялась под основной. Так же, мы изменили фон выпадающего окна, чтобы он отличался от существующего. К общим значениям, был добавлен атрибут z-index:99999, который заставляет раскрываться выпадающие ссылки, над другими объектами.

В следующей ссылке, мы опять изменили цвет окна, и сделали 30% отступа от основного меню.

На этом, добавление стилей для пользовательского меню шаблона вордпресс закончено.

 

Шаг-5 index.php.

Файл index.php, будет отвечать за главную страницу нашего сайта. Он будет содержать в себе код для включения верхнего и нижнего колонтитула, а также боковой панели, о которой мы поговорим позже.  Ещё, в нём будет присутствовать функция включения самых последних сообщений на блоге и вывода соответствующих им миниатюр.

 

вордпресс шаблоны

 

Следующие строки кода, используются для вывода всей информации в header.php, sidebar.php и footer.php там, где Вы их разместите в WordPress шаблоне:

 

темы вордпресс

 

В принципе, разобраться в этом коде, не так сложно. После вызова header.php, мы используем наш #blog, который был создан изначально в style.css. Затем, добавляем цикл вывода последних сообщений блога и код  для заголовка, который  оборачиваем в <h3> </ h3>.

Здесь, присутствует кусок кода, который выводит миниатюры в постах на главной странице блога. Пока, он неактивен, но следующим шагом используя functions.php, мы заставим его заработать.

 

Шаг-6 Включение миниатюр в постах.

шаблон для вордпресса

 

В пятом шаге, мы добавили кусок кода, который отвечает за  отображение миниатюр сообщений на главной странице блога. На данный момент, ничего такого не происходит, так как он деактивирован. Для его активации, нужно открыть файл functions.php и ниже ранее установленного кода меню навигации, прописать следующее:

 

wordpress шаблон

 

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

 

Шаг-7 sidebar.php.

Думаю, Вы догадались, что файл sidebar.php, будет отображать всю информацию, которую мы хотим видеть на боковой панели. Так как мы уже задействовали его в index.php, то осталось,  только поместить код в файл и наша боковая панель, будет выведена на главной странице сайта:

 

для шаблона вордпресс

 

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

С помощью div, мы вызываем стили из файла style.css, а код ниже, даёт нам возможность размещать виджеты из админки  WordPress, в желаемой последовательности.

Но, как и многие функции, чтобы заставить работать, нужно в файле functions.php, прописать следующий код:

 

темы вордпресса

 

Этот код, просто говорит WordPress, что нужно зарегистрировать боковую панель, о которой мы заявили в sidebar.php. Для общего ознакомления могу сказать, что WordPress может легко работать в одной теме с несколькими боковыми панелями.

 

Шаг-8 single.php.

single.php — это то, что будет использоваться для одной страницы поста. Представленный ниже код, будет очень похож на тот, который мы поместили в index.php. Отличие лишь в том, что мы добавили шаблон комментариев с div и код, который должен включить comments.php:

 

шаблон wordpress

 

Шаг-9 comments.php

С выходом вордпресс 3.0 разработчики решили облегчить жизнь авторам тем и шаблонов для WordPress. Они перешли на единый стандарт форм комментариев.

Код ниже, нужно положить в Ваш файл comments.php:

wordpress шаблоны

Это добавит вашим сообщениям стандартную форму комментариев.

 

Шаг-10 page.php

В файл page.php, мы поместим код, который будет отвечать за статические страницы нашего сайта. Он будет практически идентичен тому, который был размещён в single.php. Единственное изменение, это отсутствие шаблона комментариев и добавление кода, который обрабатывает страницы, а не должности. Всё остальное будет одинаковым:

 

темы wordpress

 

Шаг-11 category.php

темы и шаблоны для wordpress

 

Файл category.php, служит для вывода сообщений из определённой рубрики или архива,  к которым обращается читатель. Здесь, основная часть кода будет похожа на page.php и single.php, которые мы закодировали выше, за исключением куска в самом начале:

 

шаблон для вордпресс

вордпресс шаблоны

Фрагмент кода ниже, это единственное, что мы добавили после основного цикла:

 

шаблоны для wordpress

 

Здесь мы используем кучу заявлений if/elseif в PHP, которые показывают то, что Вы просматриваете на блоге. К примеру, если мы смотрим категорию под названием — «Шаблон для WordPress», то она будет показана в h2  Архив из категории: «Шаблон для WordPress»  перед всеми записями, разбивая их по датам или авторам.

 

Шаг-12 Настройка заднего фона сайта.

темы для wordpress

 

С появлением WordPress 3.0 была создана функция, которая даёт возможность изменять фон сайта из панели администратора, используя изображение или обычный цвет. Для этого, в файл functions.php, нужно вставить следующий код:

 

шаблон вордпресс

 

Итак, пользовательские фоны включены. Бонусом, мы добавим ниже код, который делает доступными ссылки архивов, комментариев и тегов из RSS  ленты:

 

шаблончики для wordpress

 

Шаг-13 footer.php

В завершении создания вордпресс шаблона, мы добавим кусок кода в footer.php, использующий #footer, который был объявлен в style.css. Наш подвал будет содержать, только основную информацию об авторском праве, а так же RSS ленту новостей и комментариев:

 

темки wordpress

На этом, создание самого простого шаблона (темы) для WordPress окончено.

Чтобы проверить его работоспособность, Вы можете скачать архив с созданной темой и активировать на своём ресурсе:

 

Обратные ссылки

 

А у Вас, получилось создать свой первый шаблон для WordPress?

Друзья, пока я буду писать новый пост, Вы можете почитать следующее:

 

 

На сегодня это всё.

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

До новых статей…

 

С уважением, Денис Черников!

Поделиться
Похожие записи
Комментарии:
  • Александр Красильный
    Опубликовано: 03.11.2012 Ответить на сообщение

    Спасибо огромное за статью! Очень полезная информация для юных верстальщиков! Читал статью по рэпчик... =)

    • Денис Черников
      Опубликовано: 03.11.2012 Ответить на сообщение

      Пожалуйста, Александр! Трое суток над ней пыхтел, хотелось, чтобы все всё поняли! Надеюсь, что у меня получилось! Рэпчик рулит!

      • Александр Красильный
        Опубликовано: 03.11.2012 Ответить на сообщение

        Да я заметил, что статья не маленькая и куча мелких нюансом. Если их не учесть, то все пойдет наперекосяк! У меня друг занимается чисто версткой, сидит в офисе и зарплата приличная, в районе 4000—5000 грн. При этом он самоучка! Вот и мну есть желание, но не хватает времени...=(

        • Денис Черников
          Опубликовано: 03.11.2012 Ответить на сообщение

          Хорошая зарплата! Да, с временем извечная проблема. У самого его нет, вот к примеру сегодня в 6 утра лёг=(. Я тоже самоучка, из таких, как мы и вырастают опытные специалисты! Только вот поддержки нет и места все заняты!

  • Геер Евгений
    Опубликовано: 03.11.2012 Ответить на сообщение

    Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature
    Вот что пишется, после того, как я хотел протестить эту тему. В чём тут дело?
    С уважением и благодарностью, Евгений!

    • Денис Черников
      Опубликовано: 11.11.2012 Ответить на сообщение

      Перезалил файлы на сервер, попробуйте скачать и установить заново. Извините, за неудобства! Теперь, всё должно заработать!

  • Елена
    Опубликовано: 04.11.2012 Ответить на сообщение

    Спасибо за полезную статью. По мне , лучше переделать готовую тему под себя.

    • Денис Черников
      Опубликовано: 11.11.2012 Ответить на сообщение

      Пожалуйста, Елена! Думаю, что не помешает знать, как всё устроено, чтобы понять, как и где менять настройки.

  • Юлия
    Опубликовано: 04.11.2012 Ответить на сообщение

    Денис, шаблон получился слегка узковатым, на главной в футере много вопросительных знаков вместо надписи, ну и редактировать запись выводится тоже только вопросительными знаками. Так и должно быть? и еще нет в верхнем меню главной страницы и неудобно заходить в админку, только через редакцию статьи. А в принципе очень неплохо, и понятно, спасибо.

    • Юлия
      Опубликовано: 04.11.2012 Ответить на сообщение

      Не знаю уж в чем дело в шаблоне, но установленный фон не просматривается на блоге.

      • Денис Черников
        Опубликовано: 11.11.2012 Ответить на сообщение

        Цвет фона, можете изменить в стилях!

        • Денис Черников
          Опубликовано: 11.11.2012 Ответить на сообщение

          Юлия, в статье показано, как сверстать шаблон с ноля и с минимальными значениями. То есть, здесь базовые настройки, для общего понимания о строении шаблонов. Восклицательные знаки из-за того, что у Вас в браузере не выбрана кодировка UTF-8. Всё, что нужно для дальнейшего удобства и функциональности, это дополнительная вёрстка и добавление нужных параметров для каждого Веб-мастера. Я ведь не буду описывать миллион функций которые нужны для этого, того и другого, здесь, показана база, которая есть у каждого шаблона.

  • Геер Евгений
    Опубликовано: 04.11.2012 Ответить на сообщение

    И ещё кое-что. На скринах виден не весь код.
    Но всё равно, спасибо за статью! Вы — молодец! Успехов в дальнейшем!
    С уважением, Евгений!

    • Денис Черников
      Опубликовано: 11.11.2012 Ответить на сообщение

      На скринах не виден весь код из-за того, что он не помещается. Если делать большой скрин, то он не поместится на рабочую страницу блога, а ужимать его не вариант, сильно качество изображения страдает. Поэтому я и создал отдельный файл, который можно скачать и в нём ест весь код. Скрины для наглядности.

  • Любовь
    Опубликовано: 04.11.2012 Ответить на сообщение

    Спасибо за информацию. Обязательно попробую.

    • Денис Черников
      Опубликовано: 11.11.2012 Ответить на сообщение

      Пожалуйста, Любовь! Приобретайте новые знания, они будут полезны!

  • Алексей
    Опубликовано: 04.11.2012 Ответить на сообщение

    Денис, я убрал свою старую тему, а установил какую- то сложную и новую. Многих файлов,которые ты описываешь нет, например, single.php,page.php и category.php. Поэтому трудно сооринтироваться, как поступать в такой ситуации. Но вот картинки с миниатюрами меня заинтересовали. Когда нахожусь на главной странице, картинок не видно. Но стоит в поиске ввести пробел и запустить поиск, то все миниатюры сразу появляются. Как ты считаешь, в чем может быть причина?

    • Денис Черников
      Опубликовано: 05.11.2012 Ответить на сообщение

      Привет, Алексей! Думаю, что Вы тему не для WordPress скачали. Практически во всех темах есть single.php,page.php и category.php, это стандарты. Другие я не видел. Найдите по-проще, зачем так сильно заморачиваться.

  • Владимир
    Опубликовано: 05.11.2012 Ответить на сообщение

    Привет, Денис! Ну это уже высший пилотаж! Верстать самому темы WordPress, а не тупо скачивать шаблон! Но самому пробовать такую тему, пока нет времени. Еще много надо реализовать то, что есть у тебя интересного в дизайне сайта (стрелочка"вверх",отгибающийся уголок и т.п.).

    • Денис Черников
      Опубликовано: 05.11.2012 Ответить на сообщение

      Привет, Владимир! Спасибо, за добрые слова и похвалу. Не могу стоять на месте, кажется, что не живёшь если ничему новому не учишься и не пытаешься поститчь неизведанное.

  • Алексей Мартюшов
    Опубликовано: 05.11.2012 Ответить на сообщение

    Денис, и тема полезная, и глаза боятся...
    Пока забил в закладки...

    • Денис Черников
      Опубликовано: 05.11.2012 Ответить на сообщение

      Ничего, Алексей! Главное знать, где искать! Уверен Вы разберётесь!

  • Айкануш
    Опубликовано: 08.11.2012 Ответить на сообщение

    Попала к Вам случайно, но очень рада!!! Спасибо большое за информацию.

    • Денис Черников
      Опубликовано: 08.11.2012 Ответить на сообщение

      Пожалуйста, Айкануш! Будем рады видеть Вас постоянно!)

  • Владимир
    Опубликовано: 13.11.2012 Ответить на сообщение

    Статья очень актуальна, ну по крайней мере для меня. Сам вот недавно задался вопросом, как создать свою собственную тему для ВордПресс (шаблон), и нашел вот такую программку — Artisteer. Правда эта прога платная, НО, не для русского человека если Вы понимаете о чем я.

    • Денис Черников
      Опубликовано: 13.11.2012 Ответить на сообщение

      Программа не плохая, но потом созданные в ней темы плохо интегрируются с разными плагинами и функциями WordPress!

  • тимур
    Опубликовано: 21.11.2012 Ответить на сообщение

    Денис а вы не пробовали менять цвет сайдбаров ? или как это сделать по подробней ,в css

    • Денис Черников
      Опубликовано: 21.11.2012 Ответить на сообщение

      Нет Тимур, не пробовал. Но думаю, это решаемая задача!

  • Тимур Ш
    Опубликовано: 25.12.2012 Ответить на сообщение

    Большое спасибо за статью. Искал подходящую информацию для настройки шаблона WP. В большинстве случаев просто общие фразы и без конкретики, а у Вас — другое дело!

    • Денис Черников
      Опубликовано: 25.12.2012 Ответить на сообщение

      Рад что понравилось Тимур! Заходите к нам почаще!

  • Валерия
    Опубликовано: 03.02.2013 Ответить на сообщение

    Денис, у Вас в некоторых местах код обрывается из-за размеров картинки... А счастье было так близко!

    • Денис Черников
      Опубликовано: 03.02.2013 Ответить на сообщение

      А зачем Вам картинки? Они просто для наглядности. Все файлы есть в архиве, там и есть Ваше счастье!

  • Валерия
    Опубликовано: 03.02.2013 Ответить на сообщение

    Отлично, спасибо большое! Я так и думала, что чего-то недопоняла.

    • Денис Черников
      Опубликовано: 03.02.2013 Ответить на сообщение

      Пожалуйста! Обращайтесь!

  • Людмила
    Опубликовано: 19.03.2013 Ответить на сообщение

    Денис, здравствуйте!
    Большое спасибо за урок. Удалось внедрить свой дизайн) Но вот почему-то возникла проблема со вставкой фото в посты — почему-то не функционирует обтекание текстом фотографий. Это прописывается где-то в шаблоне? Никак не пойму в чем дело... подобных проблем раньше не было.
    Заранее спасибо!

    • Денис Черников
      Опубликовано: 19.03.2013 Ответить на сообщение

      Здравствуйте, Людмила!
      Специально для этого я написал отличный пост. В нём показано, как сделать обтекание картинкам и видео в постах. Посмотрите через поиск или в списке статей поищите.

      • Людмила
        Опубликовано: 19.03.2013 Ответить на сообщение

        Ок, спасибо!

        • Денис Черников
          Опубликовано: 19.03.2013 Ответить на сообщение

          Незачто!

  • Юрий
    Опубликовано: 06.06.2013 Ответить на сообщение

    С точки зрения редактирования и правки кода, настоятельно рекомендую использовать — Notepad++.
    Я пользуюсь Sublime Text 2 — что-то среднее между NotePad++ и небезызвестным TextMate (Mac OS). В окно перетаскиваю проект и он появляется в виде дерева. Очень удобно! Плюс еще куча фишек которые упрощают жизнь получше NotePad++! Очень рекомендую))

    • Денис Черников
      Опубликовано: 06.06.2013 Ответить на сообщение

      Спасибо, обязательно попробую!

  • Татьяна
    Опубликовано: 20.06.2013 Ответить на сообщение

    Денис, я ничего не поняла уже на первом этапе. Где брать все эти коды? переписывать с Ваших принт-скринов? Может можно где-то взять шаблон и отредактировать?

    • Денис Черников
      Опубликовано: 20.06.2013 Ответить на сообщение

      Татьяна, в конце поста есть ссылка на скачивание всех кодов, поэтому в посте они представлены в виде изображений!

  • Серёжа
    Опубликовано: 04.07.2013 Ответить на сообщение

    Большое спасибо! Попытаюсь всё сделать как написано! Индивидуальный вид намного лучше))

    • Денис Черников
      Опубликовано: 04.07.2013 Ответить на сообщение

      Пожалуйста, Сергей! Вы справитесь!

  • виорика
    Опубликовано: 29.09.2013 Ответить на сообщение

    Добрый вечер.Я новичек,и мне не совсем понятно как в ""Создание необходимых папок и файлов "" мне «„ Внутри этой папки разместите следующие файлы (расширения – PHP, CSS, PNG)“» я напечатала их через Notepad++ а как перенести???

    • Денис Черников
      Опубликовано: 29.09.2013 Ответить на сообщение

      Извините, но я не понял вопроса? Поясните подробнее!

  • виорика
    Опубликовано: 30.09.2013 Ответить на сообщение

    Еще раз здраствуйте...как мне зделать это????:
    Внутри этой папки разместите следующие файлы (расширения – PHP, CSS, PNG):
    тема для wordpress
    темы для wordpress
    Искомые файлы, создаются на рабочем столе компьютера при помощи обычного блокнота, с присвоением нужного расширения.
    я не могу понять как разместить Файлы В ПАПКЕ.При их копировании из блокнота полцчается ерунда.Поясните пож. ивенно как перенести с Notepade++ в папку фаилы.

    • Денис Черников
      Опубликовано: 30.09.2013 Ответить на сообщение

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

  • виорика
    Опубликовано: 30.09.2013 Ответить на сообщение

    Почему у меня злобный аватар?Я вообще добрая .Как мне его сменить???

    • Денис Черников
      Опубликовано: 30.09.2013 Ответить на сообщение

      Аватары присваивает движок на автомате! Если хотите собственный, то найдите у меня статью про то, как установить аватар и вперёд!

  • Юлия
    Опубликовано: 02.10.2013 Ответить на сообщение

    Здравствуйте Денис! Я новичок, подскажите пожалуйста как мне запилить тему в ворд пресс, во Внешнем виде/Темы моя тема не отображается...((((

    • Денис Черников
      Опубликовано: 03.10.2013 Ответить на сообщение

      Здравствуйте, Юлия!
      Подключите FTP и через него залейте. У меня есть пост, как подключить FTP!

  • Игорь
    Опубликовано: 10.10.2013 Ответить на сообщение

    Спасибо, статья очень помогла!
    только добавьте в footer.php , а то без этого админ панель не видна.

    • Денис Черников
      Опубликовано: 10.10.2013 Ответить на сообщение

      Пожалуйста, Игорь!
      Спасибо за подсказку, будет время обязательно добавлю!

  • Игорь
    Опубликовано: 10.10.2013 Ответить на сообщение

    к комментарию, добавить в footer.php wp_footer ();

  • Ольга
    Опубликовано: 16.10.2013 Ответить на сообщение

    Денис, доброго времени суток!
    Если честно, я ничего не поняла из написанного...Заслуга в этом не Ваша — у меня знаний ноль абсолютно в этой области и для меня Ваши записи оказались китайской грамотой...Напрашиваюсь либо на некоторые разъяснения (если позволите), либо просто на удаление своего коммента:)

    • Денис Черников
      Опубликовано: 16.10.2013 Ответить на сообщение

      Привет, Ольга!
      Что конкретно Вам подсказать?

      • Ольга
        Опубликовано: 22.10.2013 Ответить на сообщение

        Денис, сорь, что не сразу отвечаю. Я сначала у Вас попробую разобраться с тем, что такое ФТП-клиент — это первый серьезный пробел в моем понимании:)а там уже начну спрашивать.

        • Денис Черников
          Опубликовано: 22.10.2013 Ответить на сообщение

          Хорошо, Ольга! Разбирайтесь не спеша.

  • Ольга
    Опубликовано: 16.10.2013 Ответить на сообщение

    но сайт у Вас классный!:)

    • Денис Черников
      Опубликовано: 16.10.2013 Ответить на сообщение

      Спасибо, стараюсь!

  • Олег
    Опубликовано: 16.10.2013 Ответить на сообщение

    Спасибо классная статья. Давно искал как все устроено в вордпрессе с этой инфой можно натянуть шаблон на движок.

    • Денис Черников
      Опубликовано: 16.10.2013 Ответить на сообщение

      Пожалуйста, Олег!
      Рад что моя статья Вам помогла. Оставайтесь с нами у нас много всего интересного!

  • Вадим
    Опубликовано: 19.11.2013 Ответить на сообщение

    Как изменить название шаблона, которое для некоторых тем отображается в левом боковом меню админки?

    • Денис Черников
      Опубликовано: 19.11.2013 Ответить на сообщение

      Не задавался таким вопросом, нужно смотреть файлы темы!

  • Настя
    Опубликовано: 01.01.2014 Ответить на сообщение

    Попробовала скачать Ваш шаблон — там ни фон, ни шапка не меняется — данные вводятся, цвет выбирается — только на сайте никаких изменений не происходит:)))))

    • Денис Черников
      Опубликовано: 01.01.2014 Ответить на сообщение

      А Вы кэш чистить пробовали?

  • Сергей
    Опубликовано: 11.01.2014 Ответить на сообщение

    Здравствуйте! А могли бы мне свертать тему за умеренную плату? Еть представление как хочу видеть вой сайт, есть фото для темы, но нет умений работать с фотошопом и HTML

    • Денис Черников
      Опубликовано: 12.01.2014 Ответить на сообщение

      Здравствуйте!
      Извините, но на заказ я темы не верстаю, это дорогостоящее удовольствие!

      • Сергей
        Опубликовано: 23.03.2014 Ответить на сообщение

        Денис, Я прошу прощения зря вы не промышляете версткой вам всего за 3 вечера получилось нарисовать такой шедевр, года 2 назад я такую информацию по крупинкам собирал а тут такой клад ссылку на вас в контакт и низкий поклон вам за проделанную работу, есть правда кое какие недочёты. Но все ровно даже при условии всех мелочей эту статейку мне бы года 2 ох как бы мне это помогло с моим первым проектом. А что нибудь по яваскрипту в вашем арсенале имеется, просто у людей вашего уровня образованности всегда интереснее инфу читать изучать.

        • Денис Черников
          Опубликовано: 23.03.2014 Ответить на сообщение

          Сергей, я промышляю иногда вёрсткой, но не люблю копаться в уже загаженном коде пытаясь найти ту ниточку, которая убила весь сайт! Мне проще с ноля делать, чем искать ошибки на сайтах клиентов. А по скриптам у меня есть отличный мастер, который всё делает грамотно и красиво!

          • Сергей
            Опубликовано: 23.03.2014 Ответить на сообщение

            Да нет мне не программист нужен а информация для лик-беса я правда уже увидел у вас на сайте целый раздел по яваскрпт в общем спасибо за ваш ресурс, очень информативный.

          • Денис Черников
            Опубликовано: 25.03.2014 Ответить на сообщение

            Пожалуйста! Заходите ещё!

  • Аня
    Опубликовано: 01.02.2014 Ответить на сообщение

    Помогите, у меня не редактируется styles.css из админки. захожу «внешний вид — редактор», выбираю стилевой файл, но он открывается пустым. по фтп все редактируется, но это не удобно для меня.

    • Денис Черников
      Опубликовано: 01.02.2014 Ответить на сообщение

      Анна, неудобно через стандартный редактор, а вот по фтп и надо редактировать!

  • Степан
    Опубликовано: 28.03.2014 Ответить на сообщение

    помогите залить самописный сайт на WP (заплачу)

    • Денис Черников
      Опубликовано: 28.03.2014 Ответить на сообщение

      Извините, я не предоставляю таких услуг!

  • Елена
    Опубликовано: 30.03.2014 Ответить на сообщение

    Денис, спасибо огромное за статью! Очень ценная и полезная информация. Обязательно ей воспользуюсь, когда буду создавать свой шаблон с нуля.
    Но пока для сайта выбрана готовая тема, а я совсем «чайник»... Была бы Вам очень признательна за помощь!Итак, мне нужно было на страницу «А» вывести новости только из категории «А». Я скопировала страницу index.php, добавила на нее строку кода и выбрала в качестве шаблона для страницы «А». Теперь на ней отображаются только нужные записи, но все оформление слетело...) чтобы оформление этой страницы не отличалось от оформления сайта, нужно что-то добавить в таблицу стилей? или я изначально все сделала не так? Спасибо)

    • Денис Черников
      Опубликовано: 30.03.2014 Ответить на сообщение

      Елена, я такие консультации не даю! Я понятия не имею что Вы там делаете, а по описанию не всегда понятно!

      • Елена
        Опубликовано: 01.04.2014 Ответить на сообщение

        Денис, изменю вопрос: возможно ли выводить на страницу с названием «А» статьи только из рубрики «А», а на страницу с названием «В» статьи только из рубрики «В»? Спасибо.

        • Денис Черников
          Опубликовано: 01.04.2014 Ответить на сообщение

          Елена, это можно, но возможно потребуется писать скрипт или разрабатывать дополнительную функцию, обратитесь к фрилансерам!

          • Сергей
            Опубликовано: 30.03.2014 Ответить на сообщение

            Елена Я не уверен что вам это подойдёт но вашу задачу я бы решил при помощи 2х плагинов Display Widgets это плагин который определяет отображение виджетов на любой вам нужной странице а этот Recent Posts Widget Extended делает красивый вывод новостей, но Я повторюсь что так сделал бы Я

          • Сергей
            Опубликовано: 30.03.2014 Ответить на сообщение

            Все таки прочитав и переосмыслив ещё раз понял что этот вариант не очень для вашего Елена вопроса.

          • Елена
            Опубликовано: 01.04.2014 Ответить на сообщение

            Сергей, спасибо за Ваш ответ! Попробовала плагин Recent Posts Widget Extended. Полезная вещь) Мне бы вот точно такой же вывод статей, но не в виджетах, а на основной странице) Спасибо!!

          • Сергей
            Опубликовано: 02.04.2014 Ответить на сообщение

            Тут вроде более или менее http: //mnogoblog.ru/individualnyj-shablon-stranic-v-wordpress

  • Александр
    Опубликовано: 31.03.2014 Ответить на сообщение

    Денис, помогите разобраться с темой.
    За основу была взята Ваша тема из поста. Переделал все под себя, все устраивает, но не видно комментариев. Форма комментов есть, они проходят на модерацию, но после апрува показывает только количество комментов к посту и саму форму, а комменты не видно.
    Думал во время работы с файлами что то потер, но нет...
    Установил Ваш оригинал, та же проблема, подскажите в чем может быть дело, буду очень признателен.
    ЗЫ. Думаю может дело в том что движок обновлен и после обновы что то не так стало. Есть еще вариант попробовать сменить версию php у хостера.

    • Денис Черников
      Опубликовано: 01.04.2014 Ответить на сообщение

      Алексей, Вы извините, но я так заочно не могу Вам подсказать, так как не вижу и не знаю, что там у Вас да как!

      • Сергей
        Опубликовано: 02.04.2014 Ответить на сообщение

        Александр вордпресс это наверное один из самых надёжных и стабильных в отношении имения функций вывода в шаблон, все работает без изменений от версии к версии, а по поводу вывода комментарий поищите в поисковике «условные теги wordpress» и посмотрите какой какой тег отвечает за вывод комментариев. А так тут хорошо написано http: //wiki.da.md/doku.php?id=wordpress_glazami_drupallera хотя конечно не совсем полно.

  • Юрий
    Опубликовано: 06.07.2014 Ответить на сообщение

    Денис, спасибо большое за доступную для понимания инфу. Уже давно ищу сайт со стандартными заготовками, которые могли бы служить исходниками для любой темы. Везде описывается так: создается файл index.html, который затем кромсается и разрасывается частями по папкам .php. При этом в index.html для образца размещается обычный и точкованный текст. Но ведь ни в одной теме никакого текста изначально нет (он пишется уже пользователем после создания страницы или записи). После вашей статьи все стало на свои места. Отдельные фрагменты мозаики в голове сложились в единую картинку. Еще раз, спасибо!

    • Денис Черников
      Опубликовано: 07.07.2014 Ответить на сообщение

      Пожалуйста, Юрий! Сам одно время никак не мог понять, как всё это устроено и, как и Вы собирал всё по кусочкам!

  • Алексей
    Опубликовано: 11.11.2014 Ответить на сообщение

    Добрый день, Денис, прочитал статью сделал Всё как Вы написали, НО используя свои записи и цвета,ВСЁ ЗАРАБОТАЛО. Это хорошо))
    ВОпрос: Как перенести сайдбар так чтоб он стал слева, и второй вопрос: а нет у вас статьи как в свой шаблон сунуть свои же картинки (то есть есть дизайн в PSD уже нарезанный, хочу его слить с шаблоном).
    Заранее спасибо за ответ.

    • Денис Черников
      Опубликовано: 12.11.2014 Ответить на сообщение

      Здравствуйте, Алексей!
      Про сайдбар где-то в интернете есть статья, я просто сам в левую сторону не переносил, мне без надобности, но решение задачи видел! А PSD нужно верстать!

  • Константин
    Опубликовано: 29.09.2016 Ответить на сообщение

    Здравствуйте. Очень хорошая статья. Спасибо, было приятно поковыряться в WordPress-е. Но добавьте один пунктик такой в свою статью который вы пропустили в вашей письменной речи про комментарии. Форму комментариев задали и вывели, но вот вывод комментариев под записи вы пропустили. Я новичек в этом и столкнулся осматривая созданный шаблон по вашему руководству с такой проблемой что написанные комментарии не отображаются под записями. Скачал ваш шаблон (думал что я накосячил) но нет и там тоже к сожалению такая возможность отсутствует. Еще раз спасибо за статью, интересно было первый раз своими руками ковыряться в коде учить теги, атрибуты к ним, css и php

  • Константин
    Опубликовано: 30.09.2016 Ответить на сообщение

    И еще мы задали миниатюру записи на index.php and function.php не могу с этого мозаику собрать как задать миниатюру в категориях. При переходе на категорию миниатюра записи не отображается. Если есть время помогите с освоением, дайте ответ.

  • Константин
    Опубликовано: 30.09.2016 Ответить на сообщение

    В папке imeges у вас имеется изображение «вертикальная черная черта». До того пока я ее не добавил в папку своего шаблона сходства внешне различались. Но при добавлении его в свой шаблон шаблоны стали идентичны. Как данное изображение повлияло на изменение стиля шаблона ? и как это применять ?

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.