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

Bootstrap 4. Контейнер и сетка. Часть 3

По умолчанию адаптивные блоки визуально отображаются в том порядке, в котором они расположены в HTML коде. Изменить визуальный порядок следования адаптивного блока выполняется посредством класса order-{1…12}. Этот класс предназначен xs устройств. Для изменения порядка для sm, md, lg и xl используется…
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 2

Адаптивная сетка Bootstrap 4 построена на основе Flexbox. Основой сетки является класс row в качестве родительского контейнера для нескольких адаптивных блоков. Для класса row задано свойство display:flex, а дочерние элементы делят его пространство на части, но для разных разрешений экрана — по разному.
Категория: Web-разработкаHTML и CSS

Bootstrap 4. Контейнер и сетка. Часть 1

Bootstrap 4 — это открытый и бесплатный HTML, CSS и JS фреймворк, который используется веб-разработчиками для быстрого создания адаптивных дизайнов сайтов. В сущности — это просто набор сss- и js-файлов. После подключения этих файлов к странице станут доступны большое количество готовых классов и компонентов.
Категория: Web-разработкаHTML и CSS

WordPress. Создание простой темы

Темы WordPress находятся в поддиректориях wp-content/themes. Директория темы содержит файл стилей style.css, около дюжины php-шаблонов и файл дополнительного функционала functions.php. Файлы index.php и style.css являются обязательными. Файл стилей style.css обязательно должен содержать информацию о теме в комментарии.
Категория: Web-разработкаCMS WoprdPress

Yii2. Передача данных в шаблон

Передавая данные через второй параметр метода render(), мы явно передаем данные в view-шаблон. Данные должны быть представлены как ассоциативный массив в виде пар ключ-значение. При рендеринге вида, php вызывает встроенную функцию extract(), чтобы переменные из массива «распаковались» в переменные view-шаблона.
Категория: Web-разработкаYii2 и Laravel

WordPress. Перевод темы

Итак, у нас есть тема на русском языке и мы хотим перевести ее на английский. Первое, что нужно сделать — создать директорию languages в папке темы. Потом добавить в комментарий к файлу стилей темы style.css строку «Text domain: some_domain». Далее, вешаем вызов функции load_theme_textdomain() на событие after_setup_theme.
Категория: Web-разработкаCMS WoprdPress

Yii2. Связанные данные

Помимо работы с отдельными таблицами баз данных, ActiveRecord также имеет возможность объединять связные данные, что делает их доступными для получения через основные объекты данных. Например, раздел каталога связан с товарами, которые в нем размещены. С помощью объявления этой связи можно получить доступ к информации о товарах категории.
Категория: Web-разработкаYii2 и Laravel

WordPress. Иерархия шаблонов

Иерархия, в данном случае последовательная проверка, говорит о том, что для вывода страницы сайта подходят несколько файлов шаблонов. Проверка, какой файл будет использован в конечном итоге, идет поочередно. Например, пользователь заходит на страницу рубрики «Цветы» с ярлыком flowers и идентификатором 4.
Категория: Web-разработкаCMS WoprdPress

Yii2. Создание формы

Для добавления формы на страницу предназначен класс yii\widgets\ActiveForm. Кроме того, имеются дополнительные методы в yii\helpers\Html. Форма в большинстве случаев связана с моделью, которая проверяет данные формы на сервере. Модель наследует класс yii\db\ActiveRecord или класс yii\base\Model.
Категория: Web-разработкаYii2 и Laravel

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

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