Преподаватель который помогает студентам и школьникам в учёбе.

Разработка сайта кондитерского комбината «Сластёнка»

Содержание:

ВВЕДЕНИЕ

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

- онлайн магазины или торговые площадки

- быстрого обмена сообщениями

- рассылки информации.

В данной работе рассмотрим пример создания онлайн магазина.

Объектом исследования является web-программирование.

Цель этой курсовой работы – создать сайт – онлайн магазин для кондитерского комбината «Сластёнка».

Для достижения поставленной цели необходимо решение следующих основных задач:

1. Выбор технологии создания портала, анализ основных критериев и параметров выбора.

2. Разработка требований к приложению.

3. Проведение анализа исходных данных

4. Описание хода разработки приложения.

ОСНОВНАЯ ЧАСТЬ

Целью данной работы является разработка сайта кондитерского комбината «Сластёнка», c последующим размещением в сети Интернет. Сайт будет разработан согласно общих требований, заявленной структуре и исходных данных. А также в работе будут отраженные исходники работы и основные части рабочего кода. Ниже дана терминология, которая в дальнейшем будет использоваться в проекте.

Терминология:

• Сайт – информационная система, предоставляющая пользователям сети Интернет доступ к своему содержимому и функционалу в виде упорядоченного набора взаимосвязанных HTML-страниц.

• WWW – единое информационное пространство на базе сети Internet, состоящее из совокупности сайтов. Приставка “веб“ – может использоваться для обозначения объектов, ориентированных на использование в WWW или использующих типичные для WWW технологии (например, веб – интерфейс – интерфейс на базе веб-страниц).

• HTML-теги (теги) – управляющие коды, посредством которых осуществляется форматирование HTML-страницы.

• Гиперссылка (ссылка, линк) – активный элемент HTML-страницы, задаваемый специальным тегом. Выделенный фрагмент текста или изображения, позволяющий загрузить другую страницу или выполнить определенное действие.

• WWW-браузер (браузер) – клиентская программа, поставляемая третьими сторонами и позволяющая просматривать содержимое HTML-страница.

• HTML-форма (форма) – часть HTML –страницы, предназначенная для взаимодействия с посетителем сайта. Представляет собой набор элементов (текстовых полей, селекторов, выпадающих списков), посредством которых пользователь может вывести какую-либо информацию и отправить ее для обработки на сервере.

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

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

• Простой контентный раздел – раздел с возможностью вставки произвольного текста, графики, ссылок на другие разделы, файлы, графику или внешние сайты. Подобный раздел управляется при помощи системы управления контентом с возможностью использования такого инструмента как «Визуальный редактор».

• Простой список (или список) – раздел, содержание которого формируется из однотипных записей с предопределенным набором полей/свойств. При входе в раздел посетитель видит опциональный общий вводный текст и последовательность записей, состоящих из предопределенного набора свойств (в том случае, если оно заполнено). Количество единовременно отображаемых записей на странице раздела ограничено. Если общее количество записей превысит лимит, то отобразится «постраничная навигация», позволяющая просмотреть остальные записи списка. Такой раздел управляется из администраторского модуля, в котором присутствует инструментарий управления каждой по отдельности записью с возможностями редактирования их свойств, скрытия (без удаления) и прочие универсальные действия.

ОБЩИЕ ТРЕБОВАНИЯ К САЙТУ

Web-представительство компании должно обеспечивать реализацию следующих функций:

1. Имиджевая. Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

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

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

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

Требования к стилистическому оформлению:

Стилистическое оформление сайта должно соответствовать корпоративному стилю и использовать его цветовые и графические элементы, логотип компании.

Шрифты, используемые в графических элементах сайта, могут выбираться произвольно при условии не противоречия корпоративному стилю. Шрифты, используемые в текстовой материал сайта, должны соответствовать стандартным шрифтам браузеров: Helvetica/Arial, Times New Roman, Courier.

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

Требования к функциональности веб-сервера:

Веб-сервер должен обеспечивать возможности:

• управления содержанием и структурой сайта через систему управления контентом;

• осуществления обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;

• обработки статистики посещений (подключение внешней системы статистики HotLog);

• ведения статистики голосований

Требования к браузеру:

Сайт должен обеспечивать корректное отображение данных в следующих браузерах: Internet Explorer 5.0 и выше (Microsoft), Opera 7.0 и выше (Opera Software), Netscape 7.0 и выше (AOL Netscape).

Требования к верстке:

• Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

• Мета-теги и контент сайта на этапе изготовления сайта должны быть настроены с учетом требований поисковых систем, что обеспечить продвижение сайта по ключевым словам в русскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

СТРУКТУРА И ОПИСАНИЕ САЙТА

Карта сайта:

Главная страница
- - Избранные
- Торты на заказ
  - Женщинам
  - Мужчинам
  - Детям
  - Свадебные
  - По виду изделия
  - По празднику
  - По тематике
  - Начинки
- Отзывы
- Награды
- Доставка
- Контакты
- Новости
- О компании
  - О нас
  - Партнеры и заказчики
  - Вакансии

Подробное описание разделов:

Шапка страниц:

Шапка страниц содержит горизонтальную панель навигации по разделам сайта, логотип компании, являющийся одновременно ссылкой на основную страницу сайта, поле поиска по сайту поле поиска. При вводе в данное поле необходимой информации и нажатии клавиши «Enter» осуществится поиск по разделам сайта и откроется страница с результатами поиска. Кнопки для авторизации на сайте. Ссылка для перехода на страницу избранных тортов.

Подвал страниц:

В «подвале» отображается облегченная навигационная панель в текстовом виде, Copyright, контактный e-mail, ссылка на «Основную страницу» сайта.

Главная страница:

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

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

Избранное:

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

Торты на заказ:

В панели навигации, кнопка имеет выпадающий список с тегами (Женщинам, Мужчинам, Детям, Свадебные, По виду изделия, По празднику, По тематике, Начинки) для быстрой фильтрации товаров.

Страница поделена на разделы:

-шапка с быстрыми фильтрами (Новинка, Хит, Акция, Скидки, Супер цена), полем выбора способа сортировки (названию, популярности, весу, цене, рейтингу) и виджетом для быстрого расчета необходимого веса торта с учетом введенного количества персон.

-слева располагается зона фильтров. Основные фильтры: по цене за кг., весу, количество ярусов. Далее фильтры по тегам: женщинам, мужчинам и т.д.

-основную часть страницы занимает коллаж отобранных товаров.

Отзывы:

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

Награды:

Содержит картинки сканов наград (дипломов, грамот, благодарственных писем).

Доставка:

Содержит информацию о времени, стоимости и условиях предоставления доставки.

Контакты:

Содержит информацию о работе компании, ее адрес, контактный телефон, e-mail, а также форму обратной связи с полями: ФИО, телефон, e-mail, сообщение.

Также на станице представлен список магазинов с делением на Москву и Московскую область.

Новости:

На странице отображены новостные сообщения в хронологическом порядке.

О компании:

Имеет три подраздела:

-О нас. В разделе описаны краткая история появления и развития компании, текущие масштабы производства и присутствия филиалов.

-Партнеры и заказчики. В разделе представлен коллаж логотипов партнеров, участвующих в производстве, и фотографий клиентов, в том числе и знаменитостей.

- Вакансии. В разделе списком выписаны необходимые на текущий момент вакансии в компании.

Административная часть:

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

АНАЛИЗ ИСХОДНЫХ ДАННЫХ

Исходными данными при разработке сайта, станут данные о компании и предоставляемых ею услугах. Компания «Сластёнка» занимается производством тортов на заказ, а также продажей пирожных и заказной продукцией, в номенклатуре присутствует большой ассортимент.

Сайт состоит из двух составляющих – пользовательской части и части администрирования. Первая часть будет доступна любому пользователю и отображать информацию, предоставленную компанией (список товаров, контакты и прочее). Пользователь сможет просматривать любую открытую информацию, размещенную в базе данных сайта. Посредником, реализующим доступ от клиента к БД, выступает специальная программа – Web-сервер, обеспечивающая функционирование пользовательского приложения, выполняющего непосредственный запрос к данным и возврат ответа в виде HTML-документа.

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

РАЗРАБОТКА ПРИЛОЖЕНИЯ

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

1.Рисунок:

Следующее что необходимо для функционирования сайта, это хостинг.

Установка многофункциональной платформы WordPress.

2.Рисунок:

Создаем логотип.

3.Рисунок:

Выбираем макет

4.Рисунок:

Наполнение сайта

5.Рисунок:

Создание и редактирование страниц.

6.Рисунок:

Каталог товаров с фильтром по цене

7.Рисунок:

Контакты

8.Рисунок:

Магазины

9.Рисунок:

ЗАКЛЮЧЕНИЕ

В ходе выполнения курсовой реализован полнофункциональный web-сайт кондитерского комбината «Сластёнка». С его помощью пользователи могут получать необходимую информацию и задавать интересующие их вопросы в форме обратной связи. При размещении его в глобальной сети география распространения возрастает до масштабов всего мира.

При разработке web-сайта были проанализированы современные web-технологии, позволяющие создавать интерактивные web-страницы. Наиболее подходящей для выполнения поставленной задачи оказалось многофункциональная платформа WordPress. Благодаря WordPress были созданы и сформированы страницы каталоги, страницы сайта, формы обратной связи, интерактивные элементы с соответствующим контентом.

Разработанный сайт удовлетворяет всем требованиям, поставленным на этапе постановки задачи. При разработке web-сайта были использованы готовые модули аутентификации и осуществления поиска по сайту.

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

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

С. В. Глушаков, А.В. Коваль, С.А. Черепнин, Программирование на Visual C++, ФОЛИО, Москва, 2003.
Ю. Тихомиров, Самоучитель MFC, БХВ-Санкт –Петербург, 2002.
Artus: Создание сайта, web-дизайн, реклама в интернете [Электронный ресурс]. – Режим доступа: http://www.artus.ru/.
Артамонов В.П. Центр управления CMS [текст]: http://www.cmslist.ru
Веллинг Л. Разработка WEB-приложений с помощью PHP и MySQL. 2-е издание.: Пер. с англ. – М.: Издательский дом «Вильямс», 2009.
Википедия: CMS[Электронный ресурс]. – Режим доступа: http://ru.wikipedia.org/wiki/CMS Дата обращения: 14.10.2011.
Прохоренок Н. HTML и XHTML. HTML, JavaScript, PHP и MySQL.
Джентльменский набор Web-мастера. - С-пб.: «БХВ-Петербург», 2010.
Рева О. Н. JavaScript в кармане. - М.: «Эксмо», 2008. - 256 с.
Рейсиг Д. JavaScript. Профессиональные приемы программирования. С-пб.: «Питер», 2008.
Пётр Ташков. ВЕБ-МАСТЕРИНГ Html, CCS, JavaScript, PHP, CMS, AJAX, раскрутка. Спб., «Питер», 2010.
Андрей Шкрыль. PHP – это просто программируем для web-сайтов. Спб., «БХВ-Петербкрг», 2007.
Видео уроки в YouTube [Электронный ресурс] – Как быстро создать свой Сайт на Вордпресс (WordPress)

СПИСОК ИСПОЛЬЗУЕМОГО ПРОГРАМНОГО ОБЕССПЕЧЕНИЯ И СЕРВИСОВ

Sprinthost — услуги хостинга.
WordPress.com — платформа для создания сайта.
REG.RU – регистрация доменов во всех зонах.
Photoshop CC – многофункциональный графический редактор.
Браузер Google Chrome for PC 58.0.3029.110
Браузер Opera Stable for PC 45.0.2552.888
Браузер Yandex for PC 17.4.1.919
Браузер Yandex for Android 17.3.2.414

ПРИЛОЖЕНИЕ

Код главной странице:

<!DOCTYPE html>

<head>

<title>Сластенка кондитерский комбинат</title>

window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/slastenka.ru\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.2"}};

</script>

img.wp-smiley,

img.emoji {

display: inline !important;

border: none !important;

box-shadow: none !important;

height: 1em !important;

width: 1em !important;

margin: 0 .07em !important;

vertical-align: -0.1em !important;

background: none !important;

padding: 0 !important;

}

</style>

/* @font-face { font-family: "Rubl Sign"; src: url(http://slastenka.ru/wp-content/plugins/saphali-woocommerce-lite/ruble.eot); } */

@font-face { font-family: "rub-arial-regular"; src: url("http://slastenka.ru/wp-content/plugins/saphali-woocommerce-lite/ruble-simb.woff"), url("http://slastenka.ru/wp-content/plugins/saphali-woocommerce-lite/ruble-simb.ttf");

}

span.rur {

font-family: rub-arial-regular;

text-transform: uppercase;

}

span.rur span { display: none; }

/* span.rur { font-family: "Rubl Sign"; text-transform: uppercase;}

span.rur:before {top: 0.06em;left: 0.55em;content: '\2013'; position: relative;} */

</style>

.woocommerce ul.products li.product {

width:30%;

}

</style>

<!--[if lt IE 9]>

<![endif]-->

<!--[if (gte IE 6)&(lte IE 8)]>

<![endif]-->

body.custom-background { background-color: #ffffff; }

</style>

html { margin-top: 32px !important; }

* html body { margin-top: 32px !important; }

@media screen and ( max-width: 782px ) {

html { margin-top: 46px !important; }

* html body { margin-top: 46px !important; }

}

</style>

#footer-widgets .widget { width: 50%; }

@media screen and (max-width: 640px) {

#footer-widgets .widget { width: auto; float: none; }

}

</style>

Телефон для заказов: +7 (495) 746 86 86 </div>

</div>

<div class="menu-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%b0%d1%8f-container"><ul id="menu-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%b0%d1%8f" class="menu"><li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-61 current_page_item menu-item-76"><a href="http://slastenka.ru/">О магазине</a></li>

<li id="menu-item-86" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-86"><a href="http://slastenka.ru/?product_cat/#"><span class="icon"></span>Каталог товаров</a>

<li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82"><a href="http://slastenka.ru/?product_cat=%d0%bc%d1%8f%d0%b3%d0%ba%d0%b8%d0%b5-%d0%b8%d0%b3%d1%80%d1%83%d1%88%d0%ba%d0%b8"><span class="icon"></span>Мягкие игрушки</a></li>

<li id="menu-item-83" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83"><a href="http://slastenka.ru/?product_cat=%d0%bd%d0%b0-%d1%81%d0%be%d0%bb%d0%bd%d0%b5%d1%87%d0%bd%d0%be%d0%b9-%d1%8d%d0%bd%d0%b5%d1%80%d0%b3%d0%b8%d0%b8"><span class="icon"></span>На солнечной энергии</a></li>

<li id="menu-item-84" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84"><a href="http://slastenka.ru/?product_cat=%d0%bd%d0%b0-%d1%8d%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82%d0%b0%d1%85-%d0%bf%d0%b8%d1%82%d0%b0%d0%bd%d0%b8%d1%8f"><span class="icon"></span>На элементах питания</a></li>

<li id="menu-item-85" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-85"><a href="http://slastenka.ru/?product_cat=%d0%bd%d0%b0-%d1%8d%d0%bd%d0%b5%d1%80%d0%b3%d0%b8%d0%b8-%d1%81%d0%be%d0%bb%d0%b5%d0%bd%d0%be%d0%b9-%d0%b2%d0%be%d0%b4%d1%8b"><span class="icon"></span>На энергии солнечной воды</a></li>

</ul>

</li>

<li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="http://slastenka.ru/?page_id=47">Личный кабинет</a></li>

<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-74"><a href="http://slastenka.ru/?page_id=43">Корзина</a>

<li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116"><a href="http://slastenka.ru/?page_id=51">Оплата</a></li>

</ul>

</li>

</ul></div> </div>

</nav>

</header>

<li>

</div>

</li>

<li>

</div>

</li>

</ul>

</div></div>

<h1 class="entry-title">О магазине</h1>

</header>

<h2>Торты на заказ</h2>

<p style="text-align: left;">1. Очень вкусные и невообразимо разнообразные торты нашего ассортимента, а также по Вашему эскизу, доступны Вам для заказа.</p>

<p style="text-align: left;">2. Качество превыше всего! Мы используем только натуральные ингредиенты для приготовления нашей продукции</p>

<p style="text-align: left;">3. Событие для подачи торта – фактор, на который следует ориентироваться в первую очередь.</p>

<p style="text-align: left;"> Можно заказать торты, в конструкции которых присутствуют мелкие детали.</p>

</div>

</div>

</div>

</article>

</div>

</div>

</div>

</div>

<aside id="text-2" class="widget widget_text"> <div class="textwidget">Сластёнка осуществляет доставку

Москве </div>

</aside><aside id="widget_sp_image-2" class="widget widget_sp_image"><a href="http://slastenka.ru/?page_id=43" target="_self" class="widget_sp_image-image-link"><img width="250" height="50" class="attachment-full alignright" style="max-width: 100%;" src="http://slastenka.ru/wp-content/uploads/2018/01/Visa-MasterCard-Paypal-e1516492245195.jpg" /></a></aside> </div>

<div id="theme-attribution">A <a href="http://siteorigin.com">SiteOrigin</a> Theme</div>

</footer>

</div>

var $keys = [];

var $skeys = [];

function corect_payment_method_filds () {

var selected_p_method = jQuery("input[name=\"payment_method\"]:checked").val();

jQuery.each($keys, function(i,e){

if( jQuery.inArray( selected_p_method, e ) >= 0 ) {

if( ! ( jQuery("#billing_platelshik_is_grpl").is(':checked') && ( i == 'billing_gruzopoluch' || i == 'billing_gruzopoluch_okpo') ) )

jQuery("#" + i + "_field").show('slow');

} else {

jQuery("#" + i + "_field").hide('slow');

}

});

}

function corect_shipping_method_filds () {

var selected_s_method = typeof jQuery("input.shipping_method:checked, input.shipping_method[type=\"hidden\"], select.shipping_method").val() != 'undefined' ? jQuery("input.shipping_method:checked, input.shipping_method[type=\"hidden\"], select.shipping_method").val().split(":")[0] : '';

jQuery.each($skeys, function(i,e){

if( jQuery.inArray( selected_s_method, e ) >= 0 ) {

jQuery("#" + i + "_field").show('slow');

} else {

jQuery("#" + i + "_field").hide('slow');

}

});

}

jQuery("body").delegate("input[name=\"payment_method\"]", 'click', function(){

corect_payment_method_filds ();

});

jQuery("body").delegate("input.shipping_method", 'click', function(){

corect_shipping_method_filds ();

});

jQuery("body").delegate("select.shipping_method", 'change', function(){

corect_shipping_method_filds ();

});

jQuery('body').bind('updated_checkout', function() {

corect_payment_method_filds ();

corect_shipping_method_filds ();

});

</script>

/* <![CDATA[ */

var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"http:\/\/slastenka.ru\/?wc-ajax=%%endpoint%%"};

/* ]]> */

</script>

/* <![CDATA[ */

var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"http:\/\/slastenka.ru\/?wc-ajax=%%endpoint%%","fragment_name":"wc_fragments_ac008d48f3a9d8ff0a89f1e0113725d5"};

/* ]]> */

</script>

<!--[if lte IE 8]>

document.body.className = document.body.className.replace( /(^|\s)(no-)?customize-support(?=\s|$)/, '' ) + ' no-customize-support';

</script>

<![endif]-->

(function() {

var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');

request = true;

b[c] = b[c].replace( rcs, ' ' );

// The customizer requires postMessage and CORS (if the site is cross domain)

b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;

}());

</script>

<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Перейти к верхней панели</a>

<li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://slastenka.ru/wp-admin/about.php"><span class="ab-icon"></span><span class="screen-reader-text">О WordPress</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">

<li id="wp-admin-bar-about"><a class="ab-item" href="http://slastenka.ru/wp-admin/about.php">О WordPress</a> </li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">

<li id="wp-admin-bar-wporg"><a class="ab-item" href="https://ru.wordpress.org/">WordPress.org</a> </li>

<li id="wp-admin-bar-documentation"><a class="ab-item" href="https://codex.wordpress.org/Заглавная_страница">Документация</a> </li>

<li id="wp-admin-bar-support-forums"><a class="ab-item" href="https://ru.forums.wordpress.org/">Форумы поддержки</a> </li>

<li id="wp-admin-bar-feedback"><a class="ab-item" href="https://ru.forums.wordpress.org/forum/20">Обратная связь</a> </li></ul></div> </li>

<li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://slastenka.ru/wp-admin/">slastenka.ru</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">

<li id="wp-admin-bar-dashboard"><a class="ab-item" href="http://slastenka.ru/wp-admin/">Консоль</a> </li></ul><ul id="wp-admin-bar-appearance" class="ab-submenu">

<li id="wp-admin-bar-widgets"><a class="ab-item" href="http://slastenka.ru/wp-admin/widgets.php">Виджеты</a> </li>

<li id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item" href="http://slastenka.ru/wp-admin/customize.php?url=http%3A%2F%2Fslastenka.ru%2F">Настроить</a> </li>

<li id="wp-admin-bar-updates"><a class="ab-item" href="http://slastenka.ru/wp-admin/update-core.php" title="5 обновлений тем"><span class="ab-icon"></span><span class="ab-label">5</span><span class="screen-reader-text">5 обновлений тем</span></a> </li>

<li id="wp-admin-bar-comments"><a class="ab-item" href="http://slastenka.ru/wp-admin/edit-comments.php"><span class="ab-icon"></span><span class="ab-label awaiting-mod pending-count count-0" aria-hidden="true">0</span><span class="screen-reader-text">0 комментариев ожидают проверки</span></a> </li>

<li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://slastenka.ru/wp-admin/post-new.php"><span class="ab-icon"></span><span class="ab-label">Добавить</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">

<li id="wp-admin-bar-new-post"><a class="ab-item" href="http://slastenka.ru/wp-admin/post-new.php">Запись</a> </li>

<li id="wp-admin-bar-new-media"><a class="ab-item" href="http://slastenka.ru/wp-admin/media-new.php">Медиафайл</a> </li>

<li id="wp-admin-bar-new-page"><a class="ab-item" href="http://slastenka.ru/wp-admin/post-new.php?post_type=page">Страницу</a> </li>

<li id="wp-admin-bar-new-product"><a class="ab-item" href="http://slastenka.ru/wp-admin/post-new.php?post_type=product">Товар</a> </li>

<li id="wp-admin-bar-new-shop_order"><a class="ab-item" href="http://slastenka.ru/wp-admin/post-new.php?post_type=shop_order">Заказ</a> </li>

<li id="wp-admin-bar-new-shop_coupon"><a class="ab-item" href="http://slastenka.ru/wp-admin/post-new.php?post_type=shop_coupon">Купон</a> </li>

<li id="wp-admin-bar-new-user"><a class="ab-item" href="http://slastenka.ru/wp-admin/user-new.php">Пользователя</a> </li></ul></div> </li>

<li id="wp-admin-bar-edit"><a class="ab-item" href="http://slastenka.ru/wp-admin/post.php?post=61&action=edit">Редактировать страницу</a> </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">

<li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://slastenka.ru/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><label for="adminbar-search" class="screen-reader-text">Поиск</label><input type="submit" class="adminbar-button" value="Поиск"/></form></div> </li>

<li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" aria-haspopup="true" href="http://slastenka.ru/wp-admin/profile.php">Привет, <span class="display-name">admin</span><img alt='' src='http://0.gravatar.com/avatar/63e3e563690f6782039c3d45493a9cce?s=26&d=mm&r=g' srcset='http://0.gravatar.com/avatar/63e3e563690f6782039c3d45493a9cce?s=52&d=mm&r=g 2x' class='avatar avatar-26 photo' height='26' width='26' /></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class="ab-submenu">

<li id="wp-admin-bar-user-info"><a class="ab-item" tabindex="-1" href="http://slastenka.ru/wp-admin/profile.php"><img alt='' src='http://0.gravatar.com/avatar/63e3e563690f6782039c3d45493a9cce?s=64&d=mm&r=g' srcset='http://0.gravatar.com/avatar/63e3e563690f6782039c3d45493a9cce?s=128&d=mm&r=g 2x' class='avatar avatar-64 photo' height='64' width='64' /><span class='display-name'>admin</span></a> </li>

<li id="wp-admin-bar-edit-profile"><a class="ab-item" href="http://slastenka.ru/wp-admin/profile.php">Изменить профиль</a> </li>

<li id="wp-admin-bar-logout"><a class="ab-item" href="http://slastenka.ru/wp-login.php?action=logout&_wpnonce=ac8278781a">Выйти</a> </li></ul></div> </li></ul> </div>

<a class="screen-reader-shortcut" href="http://slastenka.ru/wp-login.php?action=logout&_wpnonce=ac8278781a">Выйти</a>

</div>

</body>

</html>