Ошибка #1273 — Unknown collation: ‘utf8mb4_unicode_ci’ при импорте базы данных WordPress

При переносе сайта на WordPress с денвера на хостинг возникла проблема при импорте БД: #1273 — Unknown collation: ‘utf8mb4_unicode_ci’ Могу ошибиться, но вроде данная проблема связана с тем, что WordPress свежих версий содержит emoji смайлы, но не в этом суть поста.  Для решения проблемы необходимо открыть дамп базы любым редактором (например, Notepad) и сделать следующее: ‘utf8mb4_general_ci‘ заменить … подробнее

Как сделать ссылку некликабельной с помощью CSS

Не понимаю, почему так редко попадается информация о том, как сделать ссылку некликабельной при том, что это вполне штатное действие. Для этого нужно прописать CSS-свойство pointer-events для ссылки напрямую, через класс или id:

Ну и, соответственно, присваиваем ссылке класс .unclickable Пример: Ссылка Стоит заметить, что свойство pointer-events относится к спецификации CSS4, но в настоящий момент … подробнее

Как перевести из RGB в CMYK без потери цвета

Часто возникает необходимость в переводе изображения из цветовой схемы RGB в CMYK и вечная проблема, сопровождающая этот перевод — потеря цветности изображения. Может профессионалы могут подсказать и более качественный вариант, но меня, как веб-мастера, иногда выполняющего услуги по дизайну полиграфии этот способ устраивает более чем, т.к. он устраивает моих заказчиков 😛 Стоит заметить, что 100% … подробнее

Как удалить пустые строчки в коде, написанном в SublimeText

На данном этапе работаю с одним сайтом на WorPress и столкнулся с одной проблемкой. Не то, чтобы это было проблемой, но мои перфекционистские замашки не дают мне покоя 🙂 Неприятность в том, что при работе с файлами через Sublime на хостинге, я получал после каждой строки кода 2-3 пустые строки. Порыскав в интернете сначала нашел … подробнее

Мультиязычный сайт на wordpress без плагинов

Впервые за три года работы с сайтами столкнулся с вопросом создания сайта wordpress на нескольких языках (в моем случае на трех — eng, fin, rus). Задачка вполне решаема. Есть здесь два пути, по которому нужно идти: Использовать плагины WP Без плагинов путем установки двух и более админок в одну папку домена В моем случае камнем … подробнее

Как вырезать объект с фотографии или изображения с сохранением фона

Достаточно интересная фишка, о которой я узнал совсем недавно. Если вам понравился фон, но на нем есть лишние объекты, либо просто необходимо с фотографии убрать другого человека или какую-то вещь и при этом сохранить фон, который в реальности находится за этим объектом, то в этом нам может помочь один из инструментов любимого PhotoShop’a. Что дано: … подробнее

Позиционирование блока через position:relative оставляет пустое пространство. Как убрать?

Половину дня потратил на решение проблемы с пустым пространством, возникающим вследствие позиционирования блока с помощью position:relative. В моем случае я перекрывал часть одного фона другим (такая вот дизайнерская задумка). Проблема заключалась в том, что после перемещения блока вверх, под ним появлялось пустое пространство, равное по высоте значению top. По некоторым ссылкам из поисковика натыкался на … подробнее

Растягивание фона изображения с сохранением на нем пропорций определенного объекта

Обнаружил данный урок на одном канале youtube. Очень полезная фишка для веб-дизайнера на мой взгляд. Иногда ширины оригинального изображения недостаточно для какой-либо дизайнерской задумки, а его растягивание по ширине искажает нужные объекты. Чтобы сохранить эти объекты в целости и при этом растянуть фон изображения, PhotoShop предоставляет нам определенные инструменты. И так, в конечном итоге у нас … подробнее

Добавление горизонтальных линий до и после заголовка или изображения на CSS

Для того, чтобы добавить в качестве обрамительного элемента горизонтальные линии до и после заголовка (картинки, логотипа и т.д.) можно использовать CSS и сделать при этом вполне адаптивный вариант. Для этого нужно использовать псевдоэлементы :before и :after. Html-конструкция должна выглядеть следующим образом:

Для основной обертки используем следующие CSS-правила:

Для дочернего элемента <span> добавляем позиционирование, чтобы … подробнее

Автосохранение файла в SublimeText

Тяжеловато находил ответ на этот вопрос в поисковиках, поэтому решил добавить данную записиску. Так вот. Для того, чтобы ваш дорогой и горячолюбимый SublimeText смог автоматически сохранять редактируемый файл при потере фокуса с вкладки открытого файла или окна редактора необходимо проделать следующее: 1) Переходим в настройки редактора Preferences >> Settings — User 2) Добавляем в настройки строчку «save_on_focus_lost»: true, … подробнее