Skip to content
/ test Public
forked from AAO2014/test

Тестовое задание, цель которого проверить уровень владения и освоения WordPress.

Notifications You must be signed in to change notification settings

webyart/test

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 

Repository files navigation

Тестовое задание, цель которого проверить уровень владения и освоения WordPress.

Введение

Это очень простая задача. И все инструкции о том как это делать тоже присутствуют.

Цель задания - не столько проверить уровень знаний, сколько понять уровень стремления получить знания.

Для ее решения достаточно технического склада ума, настойчивости, умения задавать вопросы и гуглить.

Вопросы можно и даже очень нужно задавать. Для этого есть специальный раздел https://github.com/systemo-biz/test/issues

Вы можете не решить задачу, но если мы увидим что вы умеете формулировать свои мысли и задавать вопросы - вы наш человек.

Если вы очень умны, но боитесь задавать вопросы (стесняетесь показаться глупым или просто не способны формулировать свои мысли в письменном виде) - то можно даже не пытаться. Даже если вы легко решите эту задачу, то не умение задавать вопросы - преградит ваш путь к развитию.

Готовы? Тогда вперед :) Смелость и любопытство вам в помощь! Ну и конечно мы ждем вопросы, на которые постараемся оперативно отвечать :)

Задача

Сделать каталог фильмов и вывести по ним данные.

Требования

1. База и модель

1.1. Ставим чистый WordPress на бесплатный хостинг типа http://www.hostinger.ru/ или https://www.openshift.com/

1.2. Поставить тему Unite http://wordpress.org/themes/unite (она несет на борту Bootstrap 3)

1.3. Сделать для темы дочку http://wpmag.ru/2013/dochernie-temy-wordpress/

1.4. Добавить новый тип записи Фильмы для создания базы фильмов. Можно использовать расширение CPT UI http://wordpress.org/plugins/custom-post-type-ui/

1.5. К фильмам добавляем таксономии: Жанры, Страны, Год и Актеры. Чтобы классифицировать фильмы по жанрам и др условиям. Можно использовать тоже расширение что в п.1.4

1.6. Добавляем 2 текстовых поля к типу поста Фильмы: Стоимость сеанса и Дата выхода в прокат. Лучше использовать расширение ACF http://wordpress.org/plugins/advanced-custom-fields/

1.7. Забить базу рыбой на 5-7 фильмов, разных жанров, стран, стоимости и т д - чтобы убедиться что наполнение работает

2. Представление

У нас есть данные которые мы храним на сайте. Но нам надо их как то показать людям :)

2.1. У каждого фильма после описания выводим "Страну" и "Жанр", а также "Стоимость" и "Дату выхода". Сделать это можно двумя методами, через правку шаблона дочерней темы и через хуки.

2.2. На странице отдельного фильма данные выводим через хук.

Код моно писать через плагин или через functions.php внутри темы. Тут учимся писать плагином.

2.2.1. О том как делать хуки тут http://wpcraft.ru/dobavlyaem-informatsiyu-o-zapisi-na-sajte-bez-pravki-shablona-cherez-huk-the_content-wordpress/

2.2.2. Код упаковываем плагином. Как писать плагины есть тут http://codex.wordpress.org/%D0%9D%D0%B0%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%D0%B0

2.3. На странице списка фильмов выводим через создание и правку шаблона.

Нужно создать шаблон архива типа записи в дочерней теме. Подсказка тут http://truemisha.ru/blog/wordpress/template-hierarchy.html

2.4. Делаем шорткод который покажет последние 5 фильмов

Тут учимся использовать шорткоды, цикл на основе get_posts и использование functions.php

2.4.1. Здесь пишем код не плагином, а через functions.php. По сути это одно и тоже, просто плагин создавать не надо.

2.4.2. Что такое шорткод и как его писать есть тут http://truemisha.ru/blog/wordpress/shortcodes.html

2.4.3. О том как работает get_posts() читаем инструкцию тут http://wp-kama.ru/function/get_posts

2.5.4. Выводим список последних 5 фильмов

2.5.6. Шорткод вставляем на отдельную страницу, страницу выводим в главное меню.

3. Bootstrap

Bootstrap - это просто. Это самый короткий путь к тому чтобы понять как верстать грамотные и пуленепробиваемые сайты. Вводная есть тут http://wpcraft.ru/kak-verstat-sovremennye-sajty-tratya-minimum-vremeni-bystro-obuchayas-srazu-krossbrauzerno-i-adaptivno-ili-kak-pravilno-ispolzovat-bootstrap/

3.1. Сделайте вывод 4-х блоков данных в форме сетки 2х2

3.2. Стоимость и дату оформите как label + иконку

3.3. К Жанру и Стране просто добавьте иконку.

3.4. Можете добавить оформления элементами Bootstrap на свой вкус. Если хотите нас поразить своим чувством эстетики :)

4. Проверка на умение общаться

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

4.1. в отчете о сделанной работе укажите ссылку на рабочий сайт

4.2. добавьте ссылку на код плагина (если нет своего инструмента, то используйте общепринятый pastebin.com)

4.3. сделайте снимок экрана с кодом шаблона архива фильмов (если своего нет, то рекомендуем monosnap.com)

About

Тестовое задание, цель которого проверить уровень владения и освоения WordPress.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published