Фрагменты кода 2025, Январь

Отключить автоматическое форматирование - CSS-хитрости

Отключить автоматическое форматирование - CSS-хитрости

Добавить в functions.php файл remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('текст_комментария', "

Обнаруживайте Gists и вставляйте их - CSS-хитрости

Обнаруживайте Gists и вставляйте их - CSS-хитрости

Просто разместите ссылку на GitHub Gist, и она будет красиво встроена. Или используйте формат, который предоставляет этот фрагмент, и создайте шорткод самостоятельно. Для тебя"

Настроить страницу входа - CSS-хитрости

Настроить страницу входа - CSS-хитрости

Знаете, обычно на yoursite.com/wp-login.php. Это то, что вы должны поместить в файл functions.php активной темы. Изменить логотип "

Настроить разметку комментариев - CSS-хитрости

Настроить разметку комментариев - CSS-хитрости

В типичной теме WordPress вы выводите весь список комментариев для сообщения / страницы с помощью функции wp_list_comments (). Это мало что предлагает "

Пользовательская страница ошибок базы данных - CSS-хитрости

Пользовательская страница ошибок базы данных - CSS-хитрости

Поместите файл с именем «db-error.php» прямо в папку / wp-content /, и WordPress автоматически будет использовать его при подключении к базе данных »

Bloginfo Shortcode - CSS-хитрости

Bloginfo Shortcode - CSS-хитрости

Функция bloginfo () в WordPress дает вам доступ к большому количеству полезной информации о вашем сайте. Смотрите полный список. Чтобы получить доступ ко всем этим ценностям "

Разрешить SVG через загрузчик мультимедиа WordPress - CSS-хитрости

Разрешить SVG через загрузчик мультимедиа WordPress - CSS-хитрости

ПРИМЕЧАНИЕ. Начиная с версии 4.7.1, это больше не работает так, как опубликовано здесь. Цепочка комментариев начинается здесь. Я обновлю это однажды, чтобы лучше с этим справиться "

Изменить размер аватара - CSS-хитрости

Изменить размер аватара - CSS-хитрости

Функция wp_list_comments имеет параметр для изменения размера по умолчанию (48 пикселей) на любое значение от 0 до 80 пикселей. wp_list_comments ('avatar_size = 80'); "

Применить собственный CSS к области администратора - CSS-хитрости

Применить собственный CSS к области администратора - CSS-хитрости

Добавьте в файл functions.php: add_action ('admin_head', 'my_custom_fonts'); функция my_custom_fonts () (echo '';) "

Автоматические ссылки на социальные сети - CSS-хитрости

Автоматические ссылки на социальные сети - CSS-хитрости

Это будет происходить внутри цикла, вероятно, под the_content (), возможно, в вашем файле single.php. // закладка на Delicious "

Базовый стиль комментариев с резьбой - CSS-хитрости

Базовый стиль комментариев с резьбой - CSS-хитрости

Ol.commentlist (list-style: none; margin: 0 0 1em; padding: 0; text-indent: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

Текст для нокаута SVG - CSS-хитрости

Текст для нокаута SVG - CSS-хитрости

Идея здесь состоит в том, чтобы представить себе три слоя, уложенных друг на друга, где верхний слой используется для вырезания формы во втором слое, чтобы показать "

Блокировка текста - CSS-хитрости

Блокировка текста - CSS-хитрости

Кот в шляпе SVG предлагает тег. Хотя он во многом работает как обычный HTML, он принимает атрибуты, открывающие мощное формирование текста "

Добавить класс к ссылкам, созданным с помощью next_posts_link и previous_posts_link - CSS-хитрости

Добавить класс к ссылкам, созданным с помощью next_posts_link и previous_posts_link - CSS-хитрости

Эти две функции создают якорные ссылки, и вы можете многое настроить, но невозможно добавить класс, просто используя только их параметры ".

Добавить / удалить поля контактной информации - CSS-хитрости

Добавить / удалить поля контактной информации - CSS-хитрости

Профили пользователей в WordPress по умолчанию имеют следующие поля для контактной информации: электронная почта, веб-сайт, AIM, Yahoo IM, Jabber / Google Talk. Вы можете удалить их и "

Параметры экспорта Adobe Illustrator - CSS-хитрости

Параметры экспорта Adobe Illustrator - CSS-хитрости

Это не столько фрагмент, сколько напоминание о том, что я часто ищу. При создании файлов SVG в Adobe Illustrator используется пара "

Изогнутый текст по контуру - CSS-хитрости

Изогнутый текст по контуру - CSS-хитрости

Мы можем разместить текст по изогнутой линии с помощью трех встроенных прямо в SVG инструментов: и. Фрагмент опасных кривых впереди Как мы дошли до цели Представьте, что мы рисуем "

Добавить название категории в body_class - CSS-хитрости

Добавить название категории в body_class - CSS-хитрости

Функция body_class удобна для добавления к тегу body группы классов, которые имеют информацию о том, какая страница отображается в данный момент ».

SVG шаблоны - CSS-хитрости

SVG шаблоны - CSS-хитрости

Элемент SVG позволяет нам определять шаблоны внутри нашей разметки SVG и использовать эти шаблоны в качестве заливки. Базовый процесс выкройки "

Иконки изменения формы в кнопке при нажатии - CSS-хитрости

Иконки изменения формы в кнопке при нажатии - CSS-хитрости

Идея здесь состоит в том, чтобы использовать значок SVG на кнопке и заменять этот значок другим при нажатии кнопки. Нажатие кнопки часто предполагает, что у действия есть "

SVG Гамбургер-меню - CSS-хитрости

SVG Гамбургер-меню - CSS-хитрости

Три полосы должно быть так легко нарисовать. Вот несколько способов сделать это в Интернете. Тем не менее, SVG - определенно лучший способ "

Типографика размера области просмотра с минимальным и максимальным размером - CSS-хитрости

Типографика размера области просмотра с минимальным и максимальным размером - CSS-хитрости

Объявление размеров шрифта в единицах области просмотра может дать действительно интересные результаты, но это сопряжено с проблемами. Нет min-font-size или "

Используйте переменную Sass для селектора - CSS-хитрости

Используйте переменную Sass для селектора - CSS-хитрости

Допустим, вам нужно использовать определенный селектор в нескольких местах кода. Конечно, это не очень распространено, но кое-что случается. Повторный код: "

Функции оттенка и тени - CSS-хитрости

Функции оттенка и тени - CSS-хитрости

Обе функции осветления и затемнения управляют яркостью цвета в пространстве HSL, добавляя или уменьшая его яркость. В основном они "

Полосатый градиентный микс - CSS-хитрости

Полосатый градиентный микс - CSS-хитрости

Популярный способ рисования полос в CSS - определение линейного градиента с перекрывающимися цветовыми точками. Работает очень хорошо, но писать не очень удобно "

Функция Str-replace - CSS-хитрости

Функция Str-replace - CSS-хитрости

Sass предоставляет набор удобных функций для управления строками, однако нет функции для замены подстроки другой строкой. Вот"

Функция сортировки - CSS-хитрости

Функция сортировки - CSS-хитрости

Sass не предоставляет встроенного способа сортировки списка значений. Благодаря функциям обработки строк мы можем создать функцию для сортировки списка элементов "

Функция полоски - CSS-хитрости

Функция полоски - CSS-хитрости

Есть много путаницы в том, как юниты работают в Sass. Тем не менее, они работают точно так же, как и в реальной жизни. Если вы хотите удалить единицу стоимости, "

Упрощение контекстов и событий - CSS-хитрости

Упрощение контекстов и событий - CSS-хитрости

Sass может быть чем-то вроде черного ящика, особенно для молодых разработчиков: вы что-то вставляете, что-то вытаскиваете. Возьмите ссылку на селектор "