Как создать фиксированный заголовок при прокрутке Для удобства работы с сайтом часто разработчики используют фиксированную шапку сайта. Как сделать липки заголовок? достаточно просто, рассмотрим на примере: Шаг 1) добавить HTML: Пример <div class=»header» id=»myHeader»> <h2>My Header</h2> </div> Шаг 2) добавить CSS: Пример /* Style the header */ .header { padding: 10px 16px; background: #555; color: #f1f1f1; }/* Page content */ .content { padding: 16px; } /* The sticky class is added to the header with JS when it reaches its scroll position */ .sticky { position: fixed; top: 0; width: 100% } /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ .sticky + .content { padding-top: 102px; } Шаг 3) добавить JavaScript: Пример // When the user scrolls the page, execute myFunction window.onscroll = function() {myFunction()};// Get the header var header = document.getElementById(«myHeader»); // Get the offset position of the navbar var sticky = header.offsetTop; //… Читать далее »
PHP — рекурсивная аббревиатура для гипертекстового процессора. Это язык сценариев общего назначения с открытым исходным кодом, который широко используется в веб-разработке благодаря его способности встраиваться в HTML. Язык сценариев используется для написания заранее написанных программ, которые впоследствии используются для автоматизации задач. PHP-скрипты обычно используются в Linux, Unix, Windows, Mac OS и других операционных системах. Когда вы используете PHP в веб-разработке, вы можете выбрать свой веб-сервер и основную операционную систему. В этой статье описана пошаговая процедура установки версий PHP 5.6 и 7.2 на Ubuntu. После установки двух версий мы также объясним, как можно отключить одну версию и включить в системе другую версию как версию по умолчанию. Мы запустили команды и процедуры, упомянутые в этой статье, в системе Ubuntu 18.06 LTS. В этой статье мы используем командную строку Ubuntu, Terminal, для установки и настройки PHP. Вы можете открыть приложение «Терминал» через системную черту или сочетание клавиш Ctrl + Alt + t. Официальный… Читать далее »
Нередко возникают ситуации, когда функционирующий сайт на движке WordPress крайне необходимо перенести на другое (новое) доменное имя. Т.е. фактическое наполнение ресурса остается, а меняется только его «обертка» – домен. При этом очень важно сохранить анатомию ресурса: ссылки, перелинковку, комментарии, работающие плагины и т.д. Более того, нужно сохранить еще и «пузомерки» PR и тИЦ. Решение проблемы требует профессионального подхода и опыта, иначе можно нанести колоссальный вред сайту, а исправление ситуации потом займет несколько месяцев. Можно условно выделить 2 этапа при переносе сайта: Перенос всего ресурса (движок, контент, БД и т.д.) на новое доменное имя. Правильная настройка 301 редиректа на старом домене. Переносим работающий WP-сайт на новый домен Первым делом нужно провести две простые операции: Зайти через протокол ftp и скопировать все содержимое с каталога, который имеет название вашего старого домена. Выполнить полный бекап базы данных, чтобы с его помощью можно было легко восстановить нужные данные. Дальше требуется «сказать» движку о том,… Читать далее »
Категории товаров Категории продуктов являются основным способом группировки продуктов со схожими функциями. Вы также можете добавить подкатегории, если хотите. Например, согласен если вы продаете одежду, у вас могут быть «футболки», «толстовки» и «брюки» в качестве категорий. Как добавлять / редактировать категории товаров Управление категориями осуществляется с экрана « Продукты»> «Категории» . Подобно категориям в ваших сообщениях в WordPress, вы можете добавлять, удалять и редактировать категории товаров. Добавить имя . Добавить слизень (необязательно); это URL-версия имени. Выберите Родителя, если это подкатегория. Введите описание (необязательно); некоторые темы отображают это. Выберите тип отображения . Решите, что будет показано на целевой странице категории. «Стандарт» использует вашу тему по умолчанию. «Подкатегории» будут отображать только подкатегории. «Продукты» отображает только продукты. «Оба» будут отображать подкатегории и продукты ниже этого. Загрузить / добавить изображение (необязательно); В некоторых темах есть страницы, на которых отображаются изображения категорий товаров, так что это хорошая идея. Витрина магазина по умолчанию отображает изображения категорий товаров в шаблоне домашней страницы. Категории также могут быть переупорядочены путем перетаскивания — этот порядок используется по умолчанию в интерфейсе всякий раз, когда категории перечислены. Это включает как виджеты, так… Читать далее »
Добавление товара Прежде чем добавить свой первый продукт, давайте познакомимся с тем, как работают категории, теги и атрибуты продукта. Категории товаров Категории товаров и теги работают так же, как обычные категории и теги, которые вы используете при написании сообщений в WordPress. Их можно создавать, редактировать и выбирать в любое время. Это можно сделать, когда вы впервые создаете продукт или возвращаетесь и редактируете его или конкретно категорию / тег. Атрибуты Они могут быть добавлены для каждого продукта, или вы можете настроить глобальные атрибуты для всего магазина (например, в многоуровневой навигации). Чтобы узнать больше, см. Управление категориями продуктов, тегами и атрибутами. Типы продуктов После настройки атрибутов и категорий и настройки управления запасами мы можем начать добавлять продукты. При добавлении продукта, первое, что нужно решить, это тип продукта. Простой — охватывает подавляющее большинство любых продуктов, которые вы можете продать. Простые продукты поставляются и не имеют вариантов. Например, книга. Сгруппированный — это набор связанных продуктов, которые можно приобрести по отдельности и… Читать далее »
Виджет Фильтр товаров по атрибутам, являющийся частью расширения поиска товаров WooCommerce, предоставляет фильтр атрибутов товаров для вашего магазина. Пока ваши клиенты выбирают желаемые условия, он находит подходящие товары и показывает их на странице магазина. Этот фильтр отображает условия атрибута продукта. Клиент может щелкнуть по нужному атрибуту, и на странице магазина отобразятся продукты, связанные с ним. Атрибуты продукта используются для определения конкретных характеристик самого продукта. Они могут связывать общие или индивидуальные характеристики и характеристики с одним или несколькими продуктами. Никогда не используйте категории продуктов или теги для таких вещей, как размер, цвет, марка, форма, характеристики и т. Д. Узнайте, как использовать вместо них атрибуты продуктов и сделайте управление своими продуктами легкой задачей. Типичным примером этого может служить атрибут Color — фильтр будет отображать различные варианты выбора цвета. В следующих примерах два виджета позволяют уточнить результаты, выбрав цвет и размер. В этом примере два виджета с фильтром предлагают выбор цвета и размера. Клиент делает первый шаг в уточнении результатов,… Читать далее »
Всем привет! У меня был маленький заказ, где СЕОшники заказали убрать мета-тег «rel=»canonical»» в WordPress. Зачем на сайте удалять «rel=»canonical»» я не знаю, может, для уничтожения дублей страниц?! Как удалить «rel=»canonical»» я разобрался, но так и не понял, для чего это все надо. Если кто-то зашел на мою страницу под запросом «Как убрать rel canonical», в комментах напишите, пожалуйста, для чего и для каких целей вы решили это убрать. Спасибо! Хочу сказать, что данный хук подойдет только для плагина «SEO by Yoast». Чтобы убрать в head мета-тег <link rel=»canonical» href=»» /> , откройте файл «functions.php» вашей темы и перед закрывающим тегом «?>» или после открывающим «<?» (может быть и так «<?php») вставьте вот такой код: 1 2 3 4 5 // Удалить каноническую ссылку — SEO by Yoast function at_remove_dup_canonical_link() { return false; } add_filter( ‘wpseo_canonical’, ‘at_remove_dup_canonical_link’ ); Все, проверяйте! После проделанной процедуры «rel canonical» исчезнет. Жду с нетерпением от вас комментариев, в которых вы мне… Читать далее »
Часто, когда разрабатываешь сайт, замечаешь, как на одни и те же грабли наступают разработчики при проектировании базы данных. Сегодня я решил опубликовать свои шпаргалки, на самые часто встречающиеся ошибки при работе с MySQL. Работа с бекапами Делаем бекап mysqldump -u USER -pPASSWORD DATABASE > /path/to/file/dump.sql Создаём структуру базы без данных mysqldump —no-data — u USER -pPASSWORD DATABASE > /path/to/file/schema.sql Если нужно сделать дамп только одной или нескольких таблиц mysqldump -u USER -pPASSWORD DATABASE TABLE1 TABLE2 TABLE3 > /path/to/file/dump_table.sql Создаём бекап и сразу его архивируем mysqldump -u USER -pPASSWORD DATABASE | gzip > /path/to/outputfile.sql.gz Создание бекапа с указанием его даты mysqldump -u USER -pPASSWORD DATABASE | gzip > `date +/path/to/outputfile.sql.%Y%m%d.%H%M%S.gz` Заливаем бекап в базу данных mysql -u USER -pPASSWORD DATABASE < /path/to/dump.sql Заливаем архив бекапа в базу gunzip < /path/to/outputfile.sql.gz | mysql -u USER -pPASSWORD DATABASE или так zcat /path/to/outputfile.sql.gz | mysql -u USER -pPASSWORD DATABASE Создаём новую базу данных mysqladmin… Читать далее »
Magento — это современная облачная платформа электронной коммерции с открытым исходным кодом. Он написан на PHP, и существует как бесплатная, так и платная версия его платформы. Редакция Community предлагается бесплатно, а платная версия предназначена для предприятий с расширенными возможностями облачной интеграции. Magento обладает некоторыми неотразимыми возможностями для бизнеса электронной коммерции по созданию и развитию уникального интернет-магазина с нуля. Первая стабильная версия Magento была выпущена в 2008 году. В мае 2018 года Adobe приобрела Magento за 1,68 млрд долларов. Текущая стабильная версия — Magento 2.3.0. Установить и настроить Magento 2.3.0 в Ubuntu IВ этом руководстве мы представим вам пошаговое руководство по установке и настройке Magento 2.3.0 в Ubuntu 18.04. Прежде чем перейти к этапам, давайте разберемся с необходимыми условиями. Требования к технологии стека Magento 2.3.x Операционные системы (Linux x86-64): дистрибутивы Linux, такие как дистрибутивы на основе Debian или дистрибутивы на основе Redhat Требования к памяти: Magento рекомендует минимум 2 ГБ ОЗУ… Читать далее »
Установка Magento 2 на Ubuntu Начинаем новый коммерческий проект, Казахстанский интернет магазин строительных товаров. Знаю, знаю их уже много. Но погодите нас хоронить заранее, во первых у нас большой опыт по привлечению органического трафика, во вторых у нас будет фишка, о которой расскажу немного позже. Магазин будет работать в режиме Multistore, то есть мы будем давать возможность размещать товар третьим лицам под своим брендом. CMS-ок под эти нужды в принципе хватает, но после сбора информации, было принято решение использовать Magento 2 Open Source. Возможно TCO (совокупная стоимость владения) в будущем нам будет выходить в копеечку, так как продукт на платной поддержке достаточно дорогой. Но зато он бесплатный на старте и это сейчас более важно, нам нужно сначала пощупать рынок и уже потом будет ясно на сколько мы оказались правы. начинаем настраивать окружение Если почитать официальную документацию, так там так все просто, чуть ли не в два клика ставится. Но на практике… Читать далее »
