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

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Функция

Yii2. Создаем свое представление

Вид (View) — это часть MVC архитектуры, которая отвечает за представление данных конечным пользователям. Виды представляют собой PHP-файлы, содержащие HTML и PHP код, отвечающие внешний вид страниц сайта. В Yii2 существуют два вида шаблонов — layout (директория views/layouts) и view (директории views/site, views/page, …).
Категория: Web-разработкаYii2 и Laravel
Каталог оборудования
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.