Михаил ATs в теме: Сниппеты, хаки, функции Читаемая статья!
Новейшие CSS значения-свойства для фронтенда — одной строкой!
Сегодня тема CSS: небольшой, но, возможно, полезный материал для тех админов, которые занимается созданием сайтов — вёрсткой веб-страниц, либо веб-приложений и прочим…
Знания языка CSS во многом определяют наши успехи в веб работе, потому как css, это дизайн — внешний вид сайта — а внешний вид, это одёжка, по которой, как известно, встречают.
По личному опыту и вопросам в комментариях знаю, что новички считают css легким и не очень важным языком, — однако, это не совсем так, или совсем не так.
Как и любому иному языку css следует уделять время, главное, как говорится, быть в курсе течения и развития языка, чтобы знать многие и полезные новшества, которые заметно сэкономят наше время и, что важно, обусловят оптимальную работу кода сайта!
Добавим информационные блоки (по типу спойлер) в любое место сайта — без плагинов: легко и просто…
В статье рассмотрим вариации вывода информации (произвольное количество блоков) на совершенно любой странице (в требуемом месте) либо в любой точке страницы сайта: то есть вызовом функции в файлах шаблона. Без плагинов! легко и просто…
Различные способы — спойлером, аккордеоном, либо просто открытыми блоками с дочерними элементами — как угодно. Например, информационный блок FAQ вопросов-ответов. К тому же, всё это информативное чтиво возможно организовать тегами микроразметки (если это ЧАВО-блок — FAQ).
Вариант абсолютно автономен: возможно использовать вкупе с плагинами по типу Elementor и пр. либо, если кто использует сайдбары, в сайдбаре.
Приступим (возможно, добавлю видеоинструкцию):
Кнопка обратного звонка — анимация css плюс JS
Статья — ответ на вопросы в комментариях (письмах).
Поступают вопросы о том, как установить анимированную кнопку обратного звонка на своём сайте: то есть требуется бегающая по экрану анимированная кнопка, например, картинка телефонной трубки, нажав на которую, всплывает модальное окно с формами связи, или же пользователя перебрасывает на некую целевую страницу сайта.
В самом деле подобную анимированную кнопку обратного звонка возможно приспособить на что угодно: у меня, например, услуги Скайп — но возможно использовать по типу кнопки «наверх», либо поместить в её обработку какую-то полезную информацию для пользователя… Да мало ли у нас фантазии…
Установить кнопку обратного звонка, дело в принципе не очень сложное!
Сегодня установим кнопку обратного звонка в следующем принципе: анимация (пульсация с перемещением по окну монитора) — css плюс JS:
Как сделать открытую ссылку в Табе неактивной? (некликабельной)
…пост будет очень простой коротенький…
Сегодня изучать cms Вордпресс в связке с шаблоном становится всё более немодным! скачивают какие-то бесплатные темы, рихтуют под свои требования… и запускают скороспелые проекты в свет … а уж в процессе (по мере поступления) решают те или иные возникшие вопросы. Не знаю: правильно это, или не правильно — развивать проекты без определённых стартовых знаний… но как бы там ни было, и уж коли возникают вопросы, их следует решать.
Нынче (как говорит моя практика) всё больше стараются делать информативные сайты, в том смысле что помещают куда-то в сайдбары достаточно много информации… и, экономя полезное место, комплектуют информацию посредством таб-виджетов, например.
Возникает вопрос: как сделать ссылку Таба неактивной: т.е чтобы при переходе по ссылкам — «открытый таб» (ссылка) становилась неактивной…
Михаил ATs в теме: Контент, шапка site, Сниппеты, хаки, функции
Как добавить аватарку к имени автора (данные Об Авторе) — в начале или финале статьи
Многие блогеры (в начале славных дел) запускают свой проект на бесплатных шаблонах, в которых, как известно, авторы тем не всегда снабжают код какими-то полезными примочкам.
Одна из таких примочек — аватарка, рядышком с именем автора поста. Или в начале статьи или, как теперь делают многие, в финале поста и к тому же с какими-то пояснениями об авторе.
Вот сегодня и расскажу о нескольких вариантах добавления аватарки к имени автора статьи: без плагинов!
Это полезно для тех администраторов сайтов, на площадке которых публикуются несколько авторов.
Занавес открывается:
Как добавить ссылки на самые комментируемые по времени посты в сайдбар или на страничку
Как вывести самые комментируемые записи сайта/блога куда-то в сайдбар или на страничку.?. …причём, чтобы записи выводились с миниатюрой, количеством отзывов и пр. и пр. — и чтоб всё это запросто регулировалось: вот сегодня и решим сию задачу!
У меня несколько раз спрашивали — как выводить самые популярные записи, и неплохо бы с вариантом миниатюры… Я пару раз отвечал, а теперь решил написать пост, чтобы при случае отсылать на его страничку.
И снова представляю совершенно рабочий код с сайта wp-kama. Но — там этот код без вариаций вывода картинки (миниатюры).
Итак: и снова я немного дополнил код Тимура: т.е добавил несколько строк, цепляющих картинку к комментируемым статьям.
Приступим к концерту:
Как сделать на сайте кнопку ′добавить в избранное′ — в закладки браузера.?.
Что ж, пришло время написать несколько коротеньких постов на в общем-то полезные темы!
Одна барышня, попросившая организовать на её сайте кнопку «добавить страницу в избранное браузера», заодно поинтересовалась, как у меня устроен фиксированный сайдбар и меню.?. и коли эти функции кого-то интересуют, — значит, возможно, потребуются и посты.
Сегодня прикрутим и настроим на сайте кнопку «страницу в избранное».
Я, признаться, у себя на блоге такое чудо не использую: не знаю, как-то не раскушал прок… Но если у вас появилось желание реализовать такую кнопочку «у себя…», давайте приступим. Дело очень простое — займёт минут десять труда и, к тому же, как бы то ни было — очень полезное принципиальное js-познание…
В следующих статьях реализуем «прилепленное» меню и сайдбар (ссылки на эти статьи в комментариях)…
Woocommerce — убираем значок «распродажа» со станиц витрины или отдельного товара — и ещё кое-что…
В этой статье — коротенькой словесно, но много-полезной в плане различных примочек — рассмотрим несколько вариантов кодов, которые здорово помогут адаптировать в дизайнерском смысле свой магазин на wooc:
например — чтобы убрать значок «Распродажа» либо с витрины магазина, либо же на страничках товара, а может и отовсюду разом… существует несколько вариантов: посложнее и попроще!
Ну и вместе с решением этой задачи, оценим несколько чудострок регулирующих функционал магазина на Woocommerce в принципе:
Отключим отзывы — комментарии; ограничим число товаров на странице витрины; настроим число колонок товаров в магазине; закроем требуемые страницы от поисковиков noindex,nofollow… и пр.
Ну, давайте приступим…
