Инструкционная карта практического занятия

Инструкционная карта практического занятия

Учебная дисциплина (МДК, УП, ПП): «МДК 02. 01 Информационные технологии и платформы разработки информационных систем»

Тема занятия: Настройка адаптивной темы CMS Wordpress

Теоретическая часть

Структура сайта (блога), как правило, состоит из шапки (header), основной части для размещения публикаций, нижнего колонтитула (footer) и боковой панели (sidebar). Каждый блок представлен в теме в виде файла с соответствующим названием: header. php, footer. php, sidebar. php. Также в шаблонах темы определеное места вывода таксономии (метки, рубрика, автор), вид страницы 404, внешний вид формы поиска и расположение формы поиска и т. д. Стартовым файлом темы является файл index. php, связывающий все шаблоны, которые хранятся в папке тем: /wp-content/ templates/название-темы.

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

Советы по выбору темы.

– Тема создана по стандартам W3C, что гарантирует правильную верстку сайта.

– Тема поддерживает язык гипертекстовой разметки HTML5.

– Темы WP могут быть платными и бесплатными. В некоторых бесплатных темах настройки ограничены базовыми, расширенный функционал появится только после покупки премиум темы.

– Тема имеет возможность русификации или изначально создана под русскоязычный Интернет.

– Тема WP адаптивна к разным типам электронных устройств, с которых посетители просматривают сайт, и к любым браузерам, установленным на них.

– Дизайн темы WP адаптивен под тематику и визуальное восприятие посетителя.

– Тема обладает большим количеством мест под виджеты.

– Тема имеет возможность настройки: цветовой схемы, расположение блоков, свойств сайта и др.

Перед тестированием темы на локальном компьютере проверьте отсутствие скрытых ссылок в теле шаблона, например, с помощью сервиса http: //mainspy. ru/analiz_ssylok_sajta. Большое количество тем можно найти на официальном сайте WP https: // ru. wordpress. org/themes/. При настройке темы особое внимание уделите логотипу и иконке сайта. Выбранные изображения должны быть в формате png.

Футер сайта - это его нижняя часть, визуально отделенная цветом от основного содержания сайта. Название футер происходит от стандартного названия файла footer. php, определяющего футер в шаблоне WP.

Основное назначение футера заключается в предоставление следующей дополнительной информации сайта:

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

– В информационных сайтах и блогах в футере, как правило, дублируют навигационное меню сайта, размещают ссылки на новостные ленты и подписку.

Сайдбаром WP называются боковые колонки сайта (блога), размещаемые справа и/или слева от статей. В них отведены специальные места, в которых размещаются виджеты. Поэтому в настоящее время сайдбаром WP считают любое место в теме WP, где можно разместить виджет.

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

Практическая часть

Темы WP представляет собой набор файлов (шаблонов), обеспечивающих его работоспособность, функциональность и внешний вид.

Сменить тему сайта можно следующим образом.

1 способ.

1. Найдите тему в Интернете и скачайте ее в виде zip-архива.

2. Войдите в консоль на вкладку Внешний вид → Темы → Добавить новую и нажмите «Загрузить тему».

3. Выберите скачанный архив и установите тему.

4. Создайте желаемые настройки темы, перейдя на вкладку Внешний вид → Темы → Настройка.

5. Активируйте тему.

2 способ.

1. Войдите в консоль на вкладку Внешний вид → Темы → Добавить новую и нажмите «Загрузить тему».

2. Впишите в поле поиска искомую тему или выберите тему по фильтру.

3. Просмотрите тему и после соответствующих настроек активируйте.

Для удаления темы перейдите на вкладку Внешний вид → Темы, нажмите на Просмотр темы и внизу пройдите по ссылке Удалить.

Последовательность архивации фалов сайта.

1. На Рабочем столе создайте папку с названием созданного сайта.

2. Перенесите туда все файлы, находящиеся в папке С: //xmapp/htdocs/имя_сайта. Например, С: //xmapp/htdocs/guap.

3. Откройте в браузере http: //localhost/phpmyadmin/.

4. Нажмите на кнопку Экспорт для создания sql-файла и экспорта его на вкладку браузера Скачанные файлы, например, chrome: //downloads/.

5. Скопируйте файл базы данных в папку на рабочем столе, в которой хранятся все файлы сайта на WP.

6. Создайте архив папки со всеми хранящимися в ней файлами, например, rar-архив.

Перенос  сайта  на  другой  локальный  компьютер

1. Архив сайта поместите в папку на Рабочем столе с названием сайта и разархивируйте файлы.

2. Создайте в директории С: //xmapp/htdocs каталог с названием переносимого сайта. Например, С: //xmapp/htdocs/guap.

3. Откройте в браузере http: //localhost/phpmyadmin/.

4. Импортируйте базу данных сайта по предлагаемому алгоритму, нажав на кнопку Импорт.

5. Проверьте работоспособность сайта, написав к адресной строке браузера ссылку на сайт, например, http: //localhost/guap/.

Контрольные вопросы

1. Какова должна быть структура сайта (блога)?

2. Что такое футер сайта?

3. Каково назначение футера?

4. Что такое сайдбар?

5. Опишите процесс архивации сайта?