Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

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

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

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

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

Cooked - создаем кулинарный сайт с рецептами

Опубликовано: 01.09.2018

видео Cooked - создаем кулинарный сайт с рецептами

Кулинарная книга "Delicious recipes" (Вкусные рецепты). Скрапбукинг

«Хлеба и зрелищ» — тема которая всегда была и остаётся любимой для всего человечества еще с древнего Рима. А может и раньше. К чему я веду? А к тому, что качественные и всегда такие «вкусные», кулинарные сайты уже давно и заслуженно пользуются самым пристальным вниманием огромнейшей онлайн аудитории во всем мире. Наверняка у многих современных домохозяек в закладочках их браузеров ютится не один такой сайт с любимыми рецептами и советами. А если пришло время поделится с миром собственными «вкусняшками»?


Тема Fairy Cook - специально для кулинарных сайтов

Сегодня мы рассмотрим великолепный способ создания кулинарного сайта с рецептами на основе очень интересного, оригинального и мощного плагина для WordPress — Cooked.

Главные особенности и «умения» Cooked

Плагин создает новый тип записей — Recipes. Именно они и станут вашими постами — рецептами. Использование фильтров для быстрого поиска нужных блюд и рецептов. Встроенный Drag & drop (перетаскивание мышкой) функциональный конструктор рецептов с различными специально заготовленными полями для внесения ингредиентов, порядка приготовления и прочего. Возможность для зарегистрированных пользователей размещать собственные рецепты не заходя (Front-End) в админку сайта. Уникальные виджеты и набор шорткодов. Рейтинг пользователей (в комментариях) и редактора для всех рецептов. Три стиля для вывода рецептов. Редактор цветового стиля под ваш сайт. Поддержка schema.org’s rich сниппетов. Полная адаптивность к мобильным устройствам.

Установка и настройки плагина

Загружаем zip архив с плагином через админку и активируем. Переходим в новый раздел — Recipes. Далее следует сразу пройти в Settings и заняться начальными настройками. Их не много.

Templates — выберите понравившийся макет для отображения ваших будущих рецептов. Создайте пару новых страниц для Browse Recipes Page и Profile Page и укажите их соответствующих, выпадающих меню. Это будет общий каталог всех рецептов и страница пользователя (если разрешена регистрация, конечно). Single Recipe Page Template оставьте по умолчанию. Recipes — все slugs  рекомендую оставить по умолчанию, как есть. Это необходимо для корректного образования постоянных ссылок. Разделы Recipe Actions, Premium Actions, Recipe Taxonomies, Recipe Information отвечают за отображение различных элементов. Советую по началу включить все. Когда поймете все детали — отключите со временем не нужные. Тут же укажите максимально возможное время готовки и настройте использование рейтинга гостей в комментариях. Submissions — включить возможность для пользователей добавлять свои рецепты прямо на сайте. Если включите — настройте роли пользователей, доступные поля в профиле и прочие ограничения. Email User и Admin — настройка шаблонов почтовых уведомления для пользователей и админов. Social sharing — вывод социальных сетей и Facebook App ID. Styling — оставьте кае есть или настройте цвета в соответствии со своим сайтом. Import/Export — только для настроек плагина. Для операций с Recipes используйте стандартные инструменты импорта и экспорта WordPress.

«Кушать подано — садитесь жрать пожалуйста!»

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

Ну и теперь, остается только добавлять новые рецепты «вкусняшек» на ваш сайт. Для этого кликаем на Add New Recipe и приступаем к заполнению шаблона. Для основных разделов — Ингредиенты и Приготовления можно сразу задать описания или воспользоваться удобным конструктором, элементы которого можно еще и свободно перетаскивать по общему списку.

В результате, ваш рецептик будет выглядеть примерно вот так.

Все очень удобно и продумано до мелочей. Например, общее время готовки разделено на два этапа — Cook и Prep. Я даже сначала не очень понял — зачем? Оказалось, это время подготовки (нарезание, разделка и тому подобное) и собственно, само время приготовления. Дополнительно можно указать и количество получаемых порций. С помощью специальных ползунков визуально выставляем сложность и время приготовления.

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

Подкупает и возможность разрешить пользователям размещать свои собственные рецепты. Вариант не для всех конечно, но почему бы и нет?

Честно говоря, я хоть и не кулинар совсем, но Cooked мне очень понравился. По сути, на сегодня, это ультимативное, отлично продуманное решение для создания качественного кулинарного сайта с рецептами на WordPress. Плагин целиком и полностью готов к переводу. И как можно увидеть по некоторым скринам, я уже потихоньку начал его переводить. Надеюсь, будет еще время завершить начатое.

Страница плагина

Кстати говоря, у автора есть еще и специализированная WP тема —  Basil Recipes Уже с встроенным Cooked

А вот тут подборка шаблонов на кулинарную тематику.

rss