Подписка
Email
Fb
RSS
Twitter
Email

Курс создания сайта-смена шаблона

Доброго времени суток! У нас очередной урок курса по созданию сайта на WordPress. Сегодня займемся изменением внешнего вида нашего сайта. Для этого нужно разобраться с шаблонами или темами для нашего движка.

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

WordPress темы состоят из php файлов. Сразу возникает вопрос: «Нужно хорошо знать php?» Отвечаю: «Нет, достаточно только запомнить основные понятия, о которых расскажу в ходе работы над шаблоном.» Это вам поможет немного подредактировать шаблон. Если, конечно, вы захотите сделать что-то нестандартное, то желательно, конечно, потратить какое-то время на изучение php. Кому интересно, вот ссылка на справочник по php — http://www.php.su.

Найти темы труда не составит. Можете поискать, например, по запросу — «темы для wordpress на русском».

Есть темы платные, есть бесплатные, можно заказать себе уникальную тему — здесь все по вашему выбору.

Теперь посмотрим, как устроена тема. Тема состоит из нескольких php файлов, часть из которых обязательно присутствует в каждой теме, файлов или файла стилей, возможно каких-то скриптов, изображений.

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

Курс создания сайта

Index.php - это шаблон главной страницы сайта. Если отстутствуют шаблоны archive.phpsingle.php,search.phppage.php404.php, то index.php их заменяет. Это главный файл темы. Он собирает из частей конструктора воедино цельную страницу сайта, подключая файлы  header.php, footer.phpsidebar.phpcomments.php и другие.

Header.php - содержит шаблон шапки сайта. Содержит теги <html><head>,<body>, мета-теги кодировки, привязки фида rss, подключение стилей css.

Footer.php - содержит шаблон подвала (футера). Выводит на всех страницах нижнюю часть сайта. Здесь располагаются закрывающий тег </body>, копирайт (защита авторских прав), счетчики статистики и др.

Sidebar.php - содержит шаблон сайдбара (навигации) сайта. Если тема содержит виджеты, то очень удобно управляется из админпанели.

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

Archive.php - содержит шаблон архивов или категорий (при отсутствии файла category.php).

Search.php - содержит шаблон отдельного поста при поиске по сайту. Отвечает за поиск по сайту через кнопку «найти».

Page.php - содержит шаблон статической страницы.

404.php - шаблон страницы 404 ошибки.

Comments.php - шаблон комментариев.

Style.css - таблица стилей.

Чтобы все было более понятно, я, как обычно, сделал видео, на котором постарался объяснить работу с шаблоном — структуру, установку, редактирование.

Обещанные ссылки:

Проверка внешних ссылок на сайте — http://www.pr-cy.ru/link_extractor;

Описание основных WordPress функций — http://wp-kama.ru/functions и http://codex.wordpress.org;

Форумы по WordPress — http://mywordpress.ru/support/ и http://forum.maxsite.org/.

Вы можете оставить комментарий.

51 комментариев к записи “Курс создания сайта-смена шаблона”

  1. Дима:

    А как называется плагин который у вас при клике по изображению?

  2. icp:

    Конечно я повторюсь, но в первую очередь хотелось бы поблагодарить вас за проделанную работу, это большой труд, и посетители этого сайта это очень ценят, в том числе и я. Хотелось бы задать вопрос, хотя это наверное больше по прошлой теме, решил на практике опробовать ваш последний урок, однако столкнулся с проблемой, что у сайта вылетела админка (просто белый экран, или ошибка 500 в chorm), поковырявшись, понял что дело в установленных плагинах, причем сложно сказать в каком именно, что бы выличить подобную ситуацию пришлось все сделать с нуля (в том числе и переставить mysql). Не смотря на это теперь не все плагины устанавливаются корректно. Сталкивались ли вы с подобным и какие могут быть пути решения. сборка wp 3.3.1-ru

  3. Андрей:

    Отличный Урок=)Я только PHP Выучил=)

  4. Олег:

    Спасибо за урок!Понравилось! Сможешь подсказать как сделать пользовательский вид рамки?

  5. Олег:

    Жаль. Я контент  блоками обставил получилось симпатично))) Правдо появились проблемы с  отображением содержимого,но я  использовал отступы полей.

  6. Дима:

    Нет есть в CSS3! Поищите в интернете.

  7. Олег:

    Спасибо!!!!Уже не надо. Я протестировал на разных мониторах и браузеров.не ровности исправил) Правда я думаю что могут возникнуть проблемы в будущем.(правда если-бы знать еще  какие:-) А в коперайте писать как у тебя?

  8. Ongi:

    Здравствуйте, извиняюсь за оффтоп, но у вас не работает rss лента:Ошибка синтаксического анализа XML: объявление XML или текста не в начале сущностиАдрес: feeds.feedburner.com/DenwebСтрока 4, символ 1:

  9. Сергей:

    Если шаблон в html и мой личный, я его сам делал. Как же мне его залить на wordpress? Я не знаю языка php 

    • Нужно делать тему для wordpress. Без знания ее структуры и php не получится.

      Можно попробовать найти какую-то тему простую и попытаться ее переделать.

      Изменить стили, изображения и тд., не трогая php.

  10. Нина:

    Здраствуйте! Я новичок в програмировании но делаю сама сайт для себя. Много видео пересмотрела -очень у вас нравиться,доступно описано. Особо нравятся конечно видео уроки. У меня вопрос относительно языка сайта. Где и как нужно писать lang ru или en? если сайт будет и на английском и на русском языках. Спасибо!

  11. Антон:

    Здравствуйте! А как сверстать свой шаблон под WordPress, то есть .PSD «натягиваем» на движок? Будет ли по этому вопросу курс? 

    • Курса не будет. Там в принципе ничего сложного — нужно лишь изучить структуру темы для wordpress. Где-то видел в интернете неплохую книгу по этой теме. Если найду — выложу.

    • Ruslan:

      Антон, вот есть статья http://maxsite.org/ras24Тут не плохо объясняется

  12. Ruslan:

    Привет Денис!Каким образом можно страницу «Главная» с index.php связать, т.е есть страница «главная» и нужно при ее нажатий чтобы открывался  www.мой сайт.ru, а то открывается  /?page_id=44Спасибо!

    • Она уже по умолчанию так настроена. Зайдите в настройки->чтение->На главной странице отображать->Ваши последние записи

      • Ruslan:

        Да это так, но если нажимаю на страницу «Главная» то открывается мой сайт/?page_id=44А нужно чтобы открывался просто сайт

        • Значит в шаблоне смотрите

          • Ruslan:

            Спасибо за помощь, Денис!Я сделал по другому, в начале я вывел  <li> <a href="/index.php">Главная</a></li>а потом через функцию wordpress уже остальные страницы, и все нормально работает)Это нормальный способ?

  13. Я так и не нашел ответа как установить счетчик. Если можно подробнее опишите.

  14. Nikolay:

    Денис, здравствуйте!Возможно Вы мне поможете, перелопатил уже кучу всего. Проблема вот в чем:Поставил шаблон на ворд пресс. На главной странице, в кратком описании каждой статьи не выводятся картинки, вместо них стандартное изображение.С другим шаблоном все нормально, но требуется именно этот шаблон.Вот код:<div class="post-image"> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><img src="<?php bloginfo( 'template_directory' ); ?>/timthumb.php?src=<?php echo get_post_meta( $post->ID, «image_value», true ); ?>&amp;w=521&amp;h=246&amp;zc=1;q=100" alt="<?php the_title(); ?>" /></a> </div>Может быть сможете помочь?

    • Во-первых проверьте, есть ли в function.php такая функция:


      <?php if ( function_exists( 'add_theme_support' ) )
      add_theme_support( 'post-thumbnails' ); ?>

      Там, где должна быть картинка в шаблоне пропишите:
      <?php the_post_thumbnail(); ?>

      • Nikolay:

        Покопался я в этом шаблоне, что то там много всяких косяков. То то не выводит, то другое. Решил новый подобрать, на много быстрее будет. А то уж слишком много менять для первого сайта =)

        • Лучше вообще платные шаблоны брать, либо заказывать. Огромное количество шаблонов в паблике — ломаные, с вирусами и тд.

          • Nikolay:

            Взял платный. Все идеально, ничего не глючит, все выводит. Загляденье одно :)

  15. Tatiana:

    Den добрый день!Спасибо большое за курс. Прошла с вами весь путь. Делаю все это первый раз. Поэтому сразу сори за вопрос. Мне нужно, чтобы кроме главной/контактов/карты сайта, было еще 2 страницы и в каждой из них свои рубрики.Правильно ли я  понимаю, что у WP не предусмотрена такая структура? поскольку перелопатила все в настройках страниц, рубрик и т.п.Или же ее можно сделать, но нужно знать php?Возможно вы посоветуете другой движок для такой структуры?Заранее спасибо!PS я понимаю, что можно обойтись без страниц и просто сделать 2 Рубрики и в них подрубрики, но это не совсем отвечает желаемому.

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

  16. Oleg:

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

  17. Jordison:

    Большущее спасибо за без ценную информацию и за понятную подачу. Просто спасибо, без просьб и вопросов)))

  18. Юрий:

    Здравствуйте Денис. Такой вопрос: а если сделать все, ну или первые страниц 20 на локальном диске а уже потом залить все в красоте на сервер? Так же можно?

  19. Здравствуйте,Денис! Спасибо за ваши уроки! У меня вопрос:а как добавить форму регистрации и входа на wordpress?Нашёл плагин Profile Builder, но там надо дописать строчку в sidebar.php, а у меня только onecolumn-page.php есть из близких к sidebar. Регистрацию сделал,а вход не могу. И ещё у меня возникла проблема со страницей регистрации. Как оттуда убрать комментарии?Ссылка на сайт:wordtest.p.ht

  20. Подскажите пожалуйста... возможно ли написать шаблон главной страницы темы wordpress  на html имея только psd?

  21. Ilya:

    Подойдёт ли wordpress для создания крупного сайта ?

  22. Алексей:

    Уважаемый DenWeb, возможно ли при переходам на определенные страницы на сайте отключать и подключать состовные части страницы ?Конкретный пример: сайт с форумом. Основная навигация по меню в шапке. Так же в шапке переход на сам форум (плагин форума Mingle Forum). Из-за сайд-бара пространства для самого форума мало, возможно ли при переходе на форум отключать сайдбар и делать форум по всей ширине страницы и наоборот, когда выходишь с форума на главную страницу, сайдбар появляется ?

  23. Спасибо за уроки, всё очень доходчиво =) Как говорится, полезность Вашего сайта зашкаливает =)

  24. Кирилл:

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

  25. дан:

    перенос контента html на wordpress c последующей возможностью редактирования с админки! как это сделать? не нашел ни одного примера...

  26. Петр:

    Добрый день.Столкнулся с вопросом, на который не могу ни где найти ответ. А именно:Заменил фотографию с фоном, в папке images в теме WordPress, сохранил при этом все её изначальные параметры. После обновления страницы сайта, фон остается старый, хотя фотографии с ним в images уже нет. В чем может быть причина?

  27. Алексей:

    Скажите пожалуйста, в wordpress я могу залить шаблон HTML?

    • Нет, его нужно переделать в тему. Тема состоит из нескольких файлов php, css и тд. Можете об этом отдельно почитать.

Оставить комментарий

Spam Protection by WP-SpamFree

Яндекс.Метрика