Поиск по блогу

Блог на Laravel 7, часть 5. Категории блога и популярные теги — меню в левой колонке

На всех страницах сайта в левой колонке показывается меню категорий блога и список популярных тегов. Это значит, что эти данные мы должны получать всегда, и отправлять их в layout-шаблон. Именно для таких случаев в Laravel предусмотрено готовое решение — View Composers.
Категория: Web-разработкаYii2 и Laravel

Магазин на Laravel 7, часть 20. Показ отдельной страницы и верхнее меню всех страниц

Давайте создадим контроллер для показа страницы сайта в публичной части. У этого контроллера будет только одно действие, а следовательно — только один метод. Создать заготовку такого контроллера можно с помощью artisan-команды. Добавим маршрут в файл routes/web.php и создадим шаблон page/show.blade.php.
Категория: Web-разработкаYii2 и Laravel

React.js. Начало работы. Часть 11 из 12

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

React.js. Начало работы. Часть 9 из 12

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

Bootstrap 4. Горизонтельное меню «Navbar»

Создание горизонтального адаптивного меню для сайта осуществляется с помощью компонента «Navbar». Компонент имеет два режима отображения: десктопный (выводятся все элементы меню) и мобильный (отображается бренд и кнопка «Гамбургер»). Режим отображения зависит от ширины viewport браузера.
Категория: Web-разработкаHTML и CSS

WordPress. Меню навигации. Часть 2 из 2

Для построения меню WordPress использует класс Walker_Nav_Menu, объект этого класса является значением по умолчанию для параметра walker функции wp_nav_menu(). Можно создать свой класс и переопределить методы, чтобы сформировать своё меню. Например, задать класс nav-item для элементов списка и класс nav-link для ссылок.
Категория: Web-разработкаCMS WoprdPress

WordPress. Меню навигации. Часть 1 из 2

WordPress позволяет создавать и настраивать меню прямо из админки, добавляя ссылки кликами по чекбоксам и меняя порядок ссылок простым перетаскиванием. В меню можно добавить ссылки на страницы, категории и отдельные посты. Можно добавлять свои произвольные ссылки и создавать многоуровневые меню.
Категория: Web-разработкаCMS WoprdPress

WordPress. Создание одностраничного сайта

Будем считать, что WordPress уже установлен и у нас есть сверстанный шаблон страницы, т.е. файл index.html и три папки — img, js и css. Так что перейдем сразу к созданию темы. Для этого создаем директрию wp-content/themes/arcade-theme и внутри директории два файла — style.css и index.php.
Категория: Web-разработкаCMS WoprdPress
Теги: CMSCSSHookHTMLJavaScriptPHPWeb-разработкаWordPressФункция

Битрикс. Самописный компонент «Структура разделов»

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

Битрикс. Меню из разделов инфоблока

Пусть у нас на сайте уже есть меню, которое содержит пункты: Каталог, Доставка, Оплата, Контакты. Для показа меню используется компонент bitrix:menu. Сами пункты меню сохраняются в файле .main.menu.php, в корне сервера. Нам нужно, чтобы вместо пункта «Каталог» выводились названия корневых разделов каталога: Обувь, Одежда, Сумки.
  • 1
  • 2
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.