Categories

Шаблоны PRO. Как создать новую страницу и добавить ее в меню

Jason Bentley Сентябрь 28, 2012
Rating: 5.0/5. From 1 vote.
Please wait...

Из этого туториала вы узнаете, как добавлять новые страницы в шаблоны PRO.

Недавно созданное руководство послужит хорошим примером для тех, кто испытывает трудности при создании новых страниц в сайтах PRO.

Шаблоны PRO. Как создать новую страницу и добавить ее в меню
  1. В архив вашего шаблона включен файл blank.html, предназначенный для создания новых страниц:

  2. PRO_website.How_to_add_new_page_in_PRO_website-1
  3. Откройте этот файл с помощью текстового редактора, чтобы добавить туда содержимое новой страницы. Предварительно здесь уже включены все ссылки на файлы стилей и скриптов, поэтому вы можете полностью сконцентрироваться на добавлении своего содержимого на страницу:

  4. PRO_website.How_to_add_new_page_in_PRO_website-2
  5. Давайте скопируем header и footer с файлов других страниц сайта:

  6. PRO_website.How_to_add_new_page_in_PRO_website-3
  7. Теперь вставим код новой кнопки меню и обозначим ее как активную для нашей страницы:

  8. Отредактируйте список главного меню, чтобы добавить еще одну кнопку.

    Используйте class=»current» для этой новой кнопки, тогда она будет обозначаться активной на этой странице:

    PRO_website.How_to_add_new_page_in_PRO_website-4
  9. Теперь в тело страницы добавим макет содержимого и галерею:

  10. PRO_website.How_to_add_new_page_in_PRO_website-5
  11. При работе с галереей надо будет добавить изображения большого размера и миниатюры:

  12. PRO_website.How_to_add_new_page_in_PRO_website-6
  13. Архив шаблона включает коллекцию картинок, которые можно использовать в галерее вашего сайта:

  14. PRO_website.How_to_add_new_page_in_PRO_website-7
  15. Замените «Содержимое баннера» («Banner content») своим текстом, чтобы отобразить на сайте свои подписи к картинкам:

  16. PRO_website.How_to_add_new_page_in_PRO_website-8
  17. Продублируйте пункты списка для полноформатных изображений и миниатюр, добавляя больше картинок в вашу галерею.

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

  19. PRO_website.How_to_add_new_page_in_PRO_website-9
  20. Спасибо за внимание. Теперь вы умеете добавлять новые страницы в шаблоны PRO:

  21. PRO_website.How_to_add_new_page_in_PRO_website-10

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

Шаблоны PRO. Как создать новую страницу и добавить ее в меню
Эта запись была размещена в JS Animated туториалы и помечена как add, page, pro, website. Добавьте в закладки постоянную ссылку.

Submit a ticket

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