Плагин для получения информации об изображениях поста

Мы хотим оптимизировать картинки для более быстрой загрузки страницы. Что тут можно сделать?

Плагин для получения информации об изображениях поста

Казалось бы тут один путь – делаем их размер меньше. Но на этом пути есть несколько важных “грабелек”:

  • картинки должны быть адаптивными, т.е. в качестве ширины должны стоять %, например “width” = 80%, а не абсолютный размер в пикселях
  • WordPress “умеет” из одной исходной картинки “нарезать” картинки меньших размеров и показывать их на экранах планшетов и смартафонов – но должен работать тэг srcset

 

Читаем статью – Не надо «оптимизировать» scrset

Но есть проблема – srcset будет работать только для изображений:

  • загруженных через WordPress в медиатеку (т.е. должна быть создана нарезка из картинок)
  • и данная картинка должна быть привязана к данному посту
  • если одно и тоже изображение используется в нескольких статьях, то scrset будет работать только там, где эта картинка зарегистрирована.  Нужно делать дубль картинки, регистрировать её в медиатеке WordPress и прикреплять к текущему посту (такая волшебная кнопка пока в разработке).

 

И еще одна проблема – в медиатеке WordPress можно выбрать все картинки, которые никуда не прикреплены (через фильтр) –  и удалить их.

Плагин для получения информации об изображениях поста

Так делать не надо – это только WP считает, что картинка не прикреплена (берет данные из своей базы) – а она очень даже может быть на странице без всякой регистрации.

Сначала надо по всем постам и страницам проверить такое прикрепление (такая волшебная кнопка тоже пока в разработке) – и только потом удалять.

Когда мы всё это делаем через админку блога – всё происходит автоматически.

А если нет? У нас в части статей картинки были просто указаны по их URL-адресу? Как быстро получить сводную информацию по всем изображениям в посте?

Встречайте плагин Плагин tsl-ampel-seo

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

Плагин для получения информации об изображениях поста

  • колонка Image — сама картинка, при наведении курсора показ её полного url
  • колонка Type — вывод информации о типе изображения
  • колонка Size — размер изображения
  • колонка Dimm — размер изображения в пикселях по ширине и высоте
  • колонка Attrib — параметры ширины и высоты, указанные в коде html
  • колонка ID image — ID картинки в базе WP
  • колонка Post — проверка на прикрепление к посту
  • колонка Thumb — проверка использования данного изображения в качестве миниатюры поста
  • колонка Kit size — набор обнаруженных разных разрешений данного изображения

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

Плагин для получения информации об изображениях поста

Почему WordPress создает целый набор файлов при загрузке изображения?

Если посмотреть на сайт через FTP – мы в папке с изображениями увидим следующее:

Почему WordPress создает целый набор файлов при загрузке изображения?

Откуда вся эта красота?

Так устроен WordPress. Что бы при показе изображений каждый раз не делать изменения размеров – WordPress заранее готовит наборы картинок. Тратим дисковое пространство на сервере – выигрываем в загрузке блога.

Хм, а как собственно узнать, какие изображения будут созданы? В стандартном варианте в админке эта информация нигде не показывается.

Но теперь есть решение – плагин tsl-plugin-console-list-size добавляет метабокс с информацией о зарегистрированных размерах изображений.

Почему WordPress создает целый набор файлов при загрузке изображения?

Кто есть кто:

  • базовое загруженное изображение – full
  • изображения, которые зарегистрированы WordPress
    • thumbnail – миниатюра
    • medium
    • medium_large
    • large
  • изображения, на которые зарегистрированы темой  и другими плагинами (вот тут может быть длинный список, всё зависит от фантазии разработчиков темы и плагинов)
    • graphene_slider
    • post-thumbnail (это нарезка для баннера вверху сайта, нарезка происходит при каждой загрузке!)

Наличие данной информации позволяет контролировать генерацию набора картинок. Как видно – есть исходная картинка full и 4 определенных размера от WordPress. Все остальные дополнительные размеры генерирует тема и плагины (регистрация в базе WordPress). Например, популярный плагин TOP-10 делает свою картинку для миниатюру (если оставить настройки по умолчанию).

Почему WordPress создает целый набор файлов при загрузке изображения?

И тут же мы видим этот зарегистрированный размер в консоли – теперь при каждой загрузке будет дополнительно нарезаться картинка 250*250 pix.

Почему WordPress создает целый набор файлов при загрузке изображения?

Очевидно – нам такое “счастье” не нужно, теперь мы можем это оперативно контролировать.

 

Не надо “оптимизировать” scrset

Вот такое можно увидеть в коде сайта вместо стандартной ссылки на изображение.

Не надо "оптимизировать" scrset

WordPress зачем-то добавляет к выводу картинки еще код scrset.

Плюс разные картинки с сервера (которые там занимают место).

Не надо "оптимизировать" scrset

Первое желание – всё это удалить, советов полно в сети.

Не нужно этого делать – это “полезные бактерии” :)

WordPress хорошо оптимизирован для показа на разных устройствах. Суть набора srcset (введен в HTML 5  и практически все современные браузеры его поддерживают) – для мобильных устройств с маленькими экранами предлагать показ маленьких изображений.

Вот так наглядно:

  • для decktop браузер возьмет картинку 1024*811 (69,6 Кб)
  • для мобильного устройства браузер возьмет картинку 300*238 (9,8 Кб)
  • оригинальное изображение 308 Кб вообще не будет использовано на сайте – несмотря на то, что Вы его явно указали при редактировании страницы :)

 

В результате и сайт быстрее на смартфон загрузится и Гугль будет доволен (Как ускорить сайт на WordPress), что страница оптимизирована под мобильные устройства.

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

Более подробно можно прочитать здесь

Как добавить картинки на сайт CMS WordPress

А картинки вида image-150*150.jpg – это миниатюры. Зачем нужны миниатюры и почему они должны быть маленькими – читаем здесь

Миниатюры (thumbnails) записей и страниц WordPress

Есть хороший плагин – добавляет колонку “Миниатюра” в выводе списка страниц и записей, читаем здесь

Плагин добавления колонки featured image в административной панели

Как сохранить свои доработки сайта WP при обновлении

“Строили мы строили и наконец построили…”

© Чебурашка

Как сохранить свои доработки сайта WP при обновлении

Мы ходим сохранить все свои доработки сайта. Что бы их не снесло обновление чего-либо.

Какие это могут быть доработки:

  • внешний вид сайта (точнее темы)
  • функциональность сайта
  • доработка ключевых файлов темы header.php, footer.php  и других

 

Что тут можно сделать для сохранения своих изменений?  Глобально – сделать свою тему.

Посмотрим варианты попроще.

1. Вариант доработки внешнего вида сайта

Начиная с версии 4.7 WordPress позволяет через стандартные настройки темы добавлять свой код CSS, при обновлении этот код не затрагивается. Конечно, это все действует для текущей темы.

Читаем статью Пользовательские таблицы стилей WordPress

Или создаем дочернюю тему WordPress со своим отдельным файлом style.css и делаем правки там.

2. Меняем функциональность сайта через function.php или через плагин

Тут такое дело – изначально файл function.php предназначался исключительно для доработки функционала темы. При обновлении темы он не затрагивается. 

Но если сделать более общие доработки и потом поменять тему- у другой темы будет свой другой файл fuction.php

В таком случае можно из своего кода сделать отдельный свой плагин. И да – данный плагин будет работать и при смене темы.

3. Меняем код в ключевых файлах header.php, footer.php  и других

Тут самый сложный вариант может быть.

Если у Вас изменения в базовых файлах темы header.php, footer.php  и других – то можно сделать дочернюю тему и кроме основного файла style.css скопировать себе в дочернюю тему измененные файлы php. При работе WordPress подгружаться будут именно они и они также не будут затронуты при обновлении темы.

А вот если Вы меняете что-то во внутренних файлах темы (про которые движок WP ничего не знает) – лучше сделать полный дубликат темы и отключить ее автообновление.

Как скрыть и спрятать логин для входа в админку

При стандартной установке WordPress при ошибочном вводе пароля в административной панели выдает такую форму.

Как скрыть и спрятать логин для входа в админку

Для хакера работы меньше – он уже знает логин admin (и WordPress это подтверждает) и ему нужно только подобрать пароль. Армия ботов со всего мира (сеть зараженных компьютеров) сделает это достаточно быстро.

Откуда враги знают логин пользователя для входа и как этого избежать?

WordPress выдает логин пользователя в нескольких местах:

  • по запросу в адресной строке вида http://site.ru/?author=1 (где site.ru – домен Вашего сайта)
  • архив статей автора вида http://site.ru/author/admin/  (где admin – автор записей)
  • указание автора в каждой опубликованной записи со ссылкой на архив статей

 

Нам нужно решить несколько проблем:

  • запретить WordPress подтверждать правильность логина при ошибочном пароле
  • видеть попытки желающих подобрать пароль
  • спрятать логин пользователя
  • запретить показ логина автора поста или показывать ник автора (или авторов, если их несколько)
  • запретить показывать логин автора в архиве статей автора

 

Читаем статьи – там есть всё, даже с картинками :)

Как спрятать логин автора поста

Как скрыть логин пользователя WordPress

И будет Вам счастье – WordPress теперь не говорит лишнего

Как скрыть и спрятать логин для входа в админку

и банит тупых роботов

Как скрыть и спрятать логин для входа в админку

Простые плагины для WordPress

На сайт добавлены три простых плагина для WordPress.

Простые плагины для WordPress

Плагин корректировки вывода цен WooCommerce

Плагин обеспечивает: вывод “руб.” рядом с ценой (исправляет ошибки вывода, которые “квадратик” на разных браузерах), вывод “по запросу”, если цена на товар не указана, на панели магазина добавляет статус товара “Есть/нет в наличии”

Плагин вывод тэгов фавикона в head сайта

Плагин обеспечивает добавление метатэга <link rel=”icon” href=”http://mysite.ru/favicon.ico” type=”image/x-icon” />. в блок <head></head> вне зависимости от смены темы. Конечно, mysite.ru автоматически заменяется на Ваш сайт.

Плагин создания sitemap.xml в корне сайта

Плагин обеспечивает генерацию физического файла sitemap.xml (в корне сайта) для страниц и постов при их создании и удалении.
Атрибут <priority> 1.0 для главной страницы, 0,7 для записей и 0.6 для страниц.
Атрибут <changefreq> daily для главной страницы, weekly для записей и для страниц.
Атрибут <lastmod> не выводится.

 

Берегите доступ FTP

FTP – англ. File Transfer Protocol – протокол передачи файлов.

Берегите доступ FTP

Если враги добрались до логина/пароля FTP – то с Вашим сайтом могут сделать что-угодно. Фактически – это как машина, закрытая на ключ – но с открытым капотом.

FTP дает доступ по всем файлам движка WordPress и ко всем настройкам.

Вот стандартное расположение папок WordPress на сервере.

Берегите доступ FTP

Как можно потерять логин/пароль? Да, очень просто – например информация была в письме, а Вашу почту взломали.

Что может сделать нехороший человек со всем этим добром:

И быстро починить не удастся – там в движке за 3000 файлов. Только всё снести и восстановить сайт из бэкапа – тогда точно всё будет как и раньше

Берегите себя, FTP и свой сайт.

P.S. Вот такая беда бывает.

Берегите доступ FTP

Был сайт с 3000 визитов с поиска, его сломали, навесили 10 000 рекламных страниц, робот Яндекса быстро весь этот мусор заглотил… Потом конечно, починили – по посещаемость рухнула.

 

Заходите в гости к волшебному павлину!

Добро пожаловать на сайт! 

Заходите в гости к волшебному павлину!

Здесь будет многое интересное про CMS  WordPress, что такое CMS и что такое WordPress. Будет не сразу – но будет.

Как сделать свой сайт на WordPress?

Что такое плагины WordPress, как их установить и самое главное – как их убрать?

Как самому написать плагин WordPress и зачем это нужно?

Как сохранить свой сайт WordPress и защитить свои данные?

И еще многое другое…. Caming soon

Сохранить URL
close slider

Вы можете сохранить себе URL этой страницы.

Введите Ваш e-mail:


Извините, простая капча от роботов. Какой сейчас год? Например:

Если всё заполнено корректно - к Вам на почту придет письмо, в котором будет ссылка на данную страницу, её заголовок и описание.

Это работает на любых устройствах :)

P.S. Это не подписка на рассылку!