Скриншот страницы из панели разработки в Firefox

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

Нажатием комбинации клавиш Shift+F2 на нужной странице вызываем в браузере панель разработки.

Внизу окна откроется панель с строкой GCLI консоли.

 

 

В

   . . . читать дальше

Woocommerce с чего начать свою тему

С чего начать создавать свою тему с поддержкой WooCommerce?

В первую очередь, откройте свой файл page.php и сохраните его с именем woocommerce.php

Далее, найдите цикл. Это будет код содержащий строки:

while ( have_posts() ) : the_post();

и

endwhile; // End of the loop.

Удалите его и вставьте

   . . . читать дальше

Добавить класс к миниатюре товара WooCommerce

При всех необходимости, мне не удалось обнаружить способа добавить CSS класс к миниатюре товара WooCommerce стандартными средствами ...к сожалению.

Но, использование такого снипета, решает вопрос:

// Добавление класса к миниатюре товара WooCommerce
add_filter( 'wp_get_attachment_image_attributes',

   . . . читать дальше

Вывод товаров WooCommerce по категориям и атрибуттам

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

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

   . . . читать дальше

Отключить Emoji в WordPress с плагином и БЕЗ

Заглянув в исходный код страницы сайта на WordPress, вы обнаружите CSS и JavaScript код смайлов Эмодзи (emoji). Их изображения находятся на сервере WordPress.org, реализованы смайлы с помощью библиотеки Twemoji от Twitter. Библиотека включена в дистрибутив начиная с версии 4.2

Для многих сайтов найдутся причины

   . . . читать дальше

Как разместить background поверх тега img.

В этой статье описано, как разместить фоновое изображение над изображением заключенное в тег img. Это даже звучит странно, ведь свойство background предназначено, для отображения на фоне всего остального. Такова логика этих вещей и z-index, разумеется, здесь не работает.

Но, в случае когда возникает потребность

   . . . читать дальше

Видео YouTube в модальном окне prettyPhoto

К одному из разрабатываемый мной сайтов, заказчиком было выдвинуто требование выводить видео YouTube в модальном окне. Идея была достаточно уместная и я принялся за дело.

Для этих целей, было решено использовать всемирно известный jQuery плагин prettyPhoto. Для применения данного плагина потребуются лишь следующие,

   . . . читать дальше

Отображение символов шрифта средствами css.

На мой взгляд изящнее всего подключать символы шрифта именно средствами css, без встраивания в код html. Предположим вы используете в своем дизайне Font Awesome или любой другой шрифт, но я буду описывать именно на его примере.

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

   . . . читать дальше

ошибка 500 при установке magento

Ситуация такова: Вы закачали файлы CSM Magento на свой хостинг, зашли на свой будущий сайт и видите там

Internal Server Error

ошибку с номером 500.

В моем случае, причиной этому была активная директива +FollowSymLinks в файле .htaccess. Как варианты я рассматривал, либо закомментировать строку

Options

   . . . читать дальше

Убираем index.php из адресной строки Magento

Если во время установки не был выбран параметр Web Server Rewrites, то это возможно и необходимо сделать после. Причина в том, что для поисковой оптимизации более приемлем адрес строки содержащий строго необходимую информацию, а "index.php" таковой не является.

В Magento эта оптимизация достигается путем

   . . . читать дальше