Архив метки: Wordpress

Best plugin for youtube output in WordPress – Youtube Channel Gallery

Long searched for a suitable plugin to display video from youtube on the site with the engine WordPress. There are a lot of options. And most of them are paid. Prices range from $10 to $200, and the quality and capabilities of plugins are often very poor.

 

As a result, I found a FREE plugin for video output 🙂 Saving your time, it’s called Youtube Channel Gallery by Javier Gomez Pose.

 

This plugin can output video from multiple channels. Its functionality is wider than that of similar plugins.

 

How to use it:

  1. install the plugin

  2. add anywhere via “text” a construction of the form

    [Youtube_Channel_Gallery user="googledevelopers" key="your_Google_API_key" maxitems="16" thumb_columns_tablets="4" title="1"]

where in the user field insert the id of your channel, and in the key field insert the API goolge key (taken here). There are also a bunch of other output options, details in the description of the plugin in wordpress repository.

 

You can add as many constructs as you want, i.e. output as many channels as you want.


How to add Google Adsense in WordPress child theme

To insert ads into a child theme on an Adsense site: add the following code to function.php:

////////////////////////

///Google AdSense:

//

add_action('wp_head', 'wpse_43672_wp_head');

function wpse_43672_wp_head(){

    //Close PHP tags 

    ?>

<script data-ad-client="ca-pub-<publisher-numberic-code>" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

    <?php //Open PHP tags

}

////////////////////////

Don’t forget to replace the publisher’s numeric code (also removing the angle brackets around it).

p.s.

But in general it is more convenient to insert this code through a wordpress widget 🙂


Как вставить Google Adsense в дочернюю тему WordPress

Чтобы вставить на сайт Adsense рекламу в дочернюю тему: в function.php добавляем следующий код:

////////////////////////

///Google AdSense:

//

add_action('wp_head', 'wpse_43672_wp_head');

function wpse_43672_wp_head(){

    //Close PHP tags 

    ?>

<script data-ad-client="ca-pub-<цифровой код издателя>" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

    <?php //Open PHP tags

}

////////////////////////

Не забудьте заменить цифровой код издателя (убрав угловые скобки).

p.s.

Но вообще удобнее вставлять этот код через виджет 🙂


Как отключить неиспользуемые размеры миниатюр изображений в WordPress? –

Изображение может сказать тысячу слов, но вы должны быть осторожны, используя слишком много изображений на сайте WordPress. Использование слишком большого количества изображений во внешнем интерфейсе замедлит работу вашего сайта, поскольку каждое изображение отправляет отдельный HTTP-запрос на ваш сервер. Аналогичным образом, хранение слишком большого количества неиспользуемых изображений на внутреннем сервере со временем будет занимать дисковое пространство. Для оптимизации использования доступно множество плагинов и опций очистки, связанных с изображениями. Если вы обнаружите, что в папке загрузок слишком много миниатюр изображений, вот как отключить ненужные вам размеры изображений в WordPress и сэкономить место для хранения.

Почему WordPress генерирует слишком много изображений?

WordPress использует концепцию адаптивных изображений для предоставления соответствующих размеров в зависимости от порта просмотра устройства. Он использует атрибут srcset в теге изображения HTML для обслуживания одного и того же изображения разных размеров, и браузер подберет правильный размер в зависимости от устройства. WordPress по умолчанию генерирует маленькие, средние и большие миниатюры изображений на основе настроек администратора внешнего интерфейса, а также по умолчанию генерирует еще несколько миниатюр. При просмотре страницы на настольном компьютере вы увидите исходное изображение или изображение большего размера, а при просмотре той же страницы на мобильных устройствах вы увидите уменьшенные миниатюры.

Кроме того, ваша тема и плагины могут регистрировать дополнительные размеры изображений для отображения в виджетах, таких как похожие сообщения и на домашней странице. В совокупности простая тема WordPress с несколькими плагинами может легко генерировать от 5 до 10 размеров изображений (миниатюр) для каждого изображения, которое вы загружаете на свой сайт. К сожалению, вы не сможете использовать все эти миниатюры, а неиспользованные изображения будут просто валяться на сервере, занимая место.

13 миниатюр созданы для одного загружаемого изображения13 миниатюр созданы для одного загружаемого изображения

Лучший пример — использование плагина WooCommerce в вашем блоге. Плагин создаст три миниатюры изображений для отображения в продуктах и ​​галерее. Однако плагин также будет генерировать эти миниатюры для каждого изображения, которое вы загружаете в статью в блоге, что абсурдно. Аналогично, некоторые темы журналов генерируют более 10 изображений для каждого исходного изображения. Вы можете перейти в «Внешний вид > Редактор файлов темы» и проверить файл function.php вашей темы, чтобы найти подробную информацию. Найдите «image_size», и вы найдете каждый зарегистрированный размер изображения с указанием размеров.

Размеры изображений, зарегистрированные темой WordPressРазмеры изображений, зарегистрированные темой WordPress

Вы можете просто закомментировать эту строку в файле, чтобы деактивировать зарегистрированные размеры. Однако ваши изменения исчезнут при обновлении темы. Если вы допустите ошибку при редактировании, сайт упадет и вы потеряете доступ к админ-панели. Затем вам нужно использовать FTP или файловый менеджер, чтобы отменить изменения. Вместо этого лучший способ — использовать плагин и отключить ненужные размеры изображений, зарегистрированные плагинами, темой и WordPress, и использовать только размеры миниатюр, необходимые для вашего сайта.

Просмотр и отключение неиспользуемых размеров изображений

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

  • Находясь в панели администратора, перейдите в раздел «Плагины > Добавить новый».

  • Введите в поиск «остановить ненужное», чтобы найти плагин «ThumbPress – прекратить создание ненужных миниатюр».

Установите плагин ThumbPressУстановите плагин ThumbPress

  • Когда вы установите и активируете плагин, вы увидите уведомление о запуске мастера установки. Вы можете либо нажать кнопку «Запустить мастер настройки», либо позже перейти в меню «Медиа > ThumbPress», чтобы отключить неиспользуемые размеры изображений.

Запуск мастера установки

Нажмите кнопку «Запустить мастер установки», чтобы увидеть трехэтапный процесс. Первым шагом является экран приветствия, и просто нажмите кнопку «Начать…», чтобы двигаться вперед.

Начало работы с ThumbPressНачало работы с ThumbPress

На следующем шаге будут показаны все зарегистрированные размеры изображений, доступные на вашем сайте. Нажмите переключатель в столбце «Отключить миниатюру» рядом с размерами, которые вы хотите отключить. Нажмите кнопку «Далее», чтобы перейти к последнему шагу.

Отключить размеры миниатюр изображенийОтключить размеры миниатюр изображений

На последнем шаге вы увидите сообщение об успешном использовании других плагинов от разработчика и нажмите кнопку «Готово».

Завершите отключение размеров изображений с помощью плагина ThumbPress.Завершите отключение размеров изображений с помощью плагина ThumbPress.

Отключить миниатюры в настройках плагина

Если вы не увидели мастер настройки или закрыли уведомление, следуйте инструкциям ниже.

  • Перейдите в раздел «Медиа > ThumbPress», где вы увидите все доступные размеры изображений в столбце «Размеры включены (будут созданы)».

  • Перетащите ненужные размеры в столбец «Размеры отключены (не будут созданы)».

  • Обязательно прокрутите вниз и нажмите кнопку «Сохранить настройки», чтобы применить изменения.

Перетащите неиспользуемые размеры миниатюр изображений, чтобы отключить их.Перетащите неиспользуемые размеры миниатюр изображений, чтобы отключить их.

Вы можете в любое время включить размеры или нажать кнопку «Восстановить значения по умолчанию». После отключения размеров изображения загрузите изображение из «Медиа > Добавить новое» или загрузите изображение через редактор сообщений. Используйте файловый менеджер или FTP и проверьте, нет ли ненужных миниатюр, созданных в соответствии с настройками плагина.

Восстановление старых изображений и удаление старых миниатюр

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

  • Восстановить старые изображения – если вы хотите восстановить миниатюры уже загруженных старых изображений, перейдите в раздел «Восстановить». Введите количество изображений, которые вы хотите восстановить за один раз, и нажмите кнопку «Регенерировать». Появится индикатор выполнения, показывающий статус, и плагин сгенерирует миниатюры для разрешенных размеров изображений.

  • Удаление старых неиспользуемых миниатюр – мы не видим, чтобы плагин удалял неиспользуемые миниатюры при использовании опции регенерации.

Поэтому мы не рекомендуем использовать опцию регенерации в этом плагине. Если у вас есть большое количество изображений для восстановления или удаления, используйте Плагин Force Regenerate Thumbnails. Этот плагин выполняет как регенерацию, так и удаление неиспользуемых миниатюр. Вы можете выбрать одно изображение или несколько изображений из медиа-библиотеки, чтобы восстановить миниатюры. Узнайте больше о том, как очистить миниатюры в WordPress.

Отключить размеры изображений по умолчанию в панели администратора WordPress

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

  • Войдите в административную панель вашего сайта и перейдите в раздел «Настройки > Медиа».

  • Вы увидите три размера изображения: 150×150, 300×300 и 1024×1024, как показано ниже.

Отключить миниатюры WordPress по умолчаниюОтключить миниатюры WordPress по умолчанию

  • Обнулите все значения и нажмите кнопку «Сохранить изменения».

Это отключит три миниатюры по умолчанию, которые WordPress генерирует автоматически.



2024-03-13T07:55:07
Сайтостроение

Более 100 советов и рекомендаций по WordPress, которые сделают ваш сайт более эффективным

Более 100 советов и подсказок WordPress для улучшения вашего сайта



2024-03-12T00:32:13
Сайтостроение

Что такое Gravatar и как его использовать на сайте WordPress? –

Что такое Граватар?

Граватар означает глокально рпризнанный Аватар. Это небольшое изображение, которое появляется в комментариях, биографии автора, сообщениях на форуме и во многих других местах на сайте WordPress. Gravatar — это бесплатный сервис, предлагаемый Automattic Inc, компанией, которая управляет WordPress.com и поддерживает проекты с открытым исходным кодом, такие как WordPress.org.

У вас должна быть учетная запись WordPress.com, чтобы использовать Gravatar в качестве идентификатора электронной почты. Изображение Gravatar отображается во всех сервисах с использованием бесплатного API Gravatar. Ниже приведен пример изображения граватара, отображаемого в информации об авторе. Внешний вид, размер и цвет можно настроить с помощью специального CSS, который обычно контролируется внутри вашей темы или плагина.

Граватар в биографии автораГраватар в биографии автора

Как создать Граватар?

Первый шаг — создать учетную запись WordPress.com. У вас уже должна быть учетная запись, если вы используете Jetpack или любые другие плагины, связанные с WordPress.com. Если у вас его нет, перейдите на сайт WordPress.com и создайте учетную запись. После этого войдите в gravatar.com с данными вашей учетной записи WordPress.com. Перейдите к “Добавить изображение аватараОпция доступна в раскрывающемся списке вашего адреса электронной почты.

Добавить изображение аватараДобавить изображение аватара

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

  • Нажмите кнопку «Добавить адрес электронной почты», чтобы добавить дополнительный адрес электронной почты, или выберите существующий адрес.

  • Нажмите кнопку «Загрузить изображение», чтобы добавить изображение, обрезать его до нужного размера и выбрать оценку.

  • Проверьте предварительный просмотр карточки профиля и все!!!

Загрузите и назначьте Gravatar на электронную почтуЗагрузите и назначьте Gravatar на электронную почту

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

Как использовать Gravatar на сайте WordPress.org?

Войдите в панель администратора WordPress и перейдите к «Настройки > Обсуждениеменю. Активируйте функцию «Показать аватары” флажок под “Отображение аватара” раздел.

Использование Gravatar в WordPressИспользование Gravatar в WordPress

Выберите рейтинг вашего аватара. WordPress предлагает следующие рейтинги изображения:

  • G – Простое изображение, подходящее для аудитории всех возрастов.

  • PG – оскорбительное изображение, подходящее для детей от 13 лет и старше.

  • R — изображение для взрослых для детей от 17 лет и старше.

  • X — более жестокое и взрослое изображение выше рейтинга R.

Вы также можете выбрать одно из изображений, доступных по умолчанию. Это изображение будет отображаться, если адрес электронной почты пользователя не связан ни с одним изображением граватара.

Граватар Ховеркарта

По умолчанию при использовании адреса электронной почты, связанного с учетной записью Gravatar, будет отображаться только изображение. В дополнение к этому вы можете дополнительно отобразить связанный профиль при наведении курсора, как показано ниже.

Граватар ХоверкартаГраватар Ховеркарта

Установите и активируйте плагин Jetpack. Перейдите к “Джетпак > Настройки” и найдите модуль под названием “Граватар Ховеркарты». Активируйте этот модуль для отображения профиля граватара при наведении курсора на изображение граватара.

Реактивный ранец Граватар ХоверкартыРеактивный ранец Граватар Ховеркарты

Как работает Граватар?

Идентификатор электронной почты, используемый в учетной записи Gravatar, преобразуется в строку, называемую хешем. Давайте возьмем пример идентификатора электронной почты «(email protected)», зарегистрированного на сайте Gravatar. Это электронное письмо преобразуется в хеш-значение, скажем, «abcd». Теперь вы можете получить изображение граватара, просто используя HTTP-запросы GET с тегом IMG, как показано ниже:

В приведенном выше коде:

  • «abcd» — рассчитанное значение хеш-функции

  • Соответствующий идентификатор электронной почты: «(электронная почта защищена)».

  • S=250 используется для изменения размера изображения до размера 250 пикселей.

Когда на вашем сайте WordPress.org включен Gravatar, платформа будет использовать описанный выше метод для получения изображения Gravatar, связанного с вашим идентификатором электронной почты.

Проблемы при использовании Gravatar

Хотя изображение выглядит привлекательно и используется почти всеми плагинами для комментирования, доступными на WordPress.org, есть моменты, которые следует учитывать, прежде чем активировать Gravatar.

  • Gravatar API не имеет какой-либо авторизации, а это означает, что любой, кто знает ваш адрес электронной почты, может оставлять комментарии, и ваше изображение будет отображаться без вашего разрешения.

  • Обычно изображения Gravatar не кэшируются, что приводит к медленной загрузке страницы. Вы можете увидеть эту проблему при использовании Инструмент Google PageSpeed ​​Insights в разделе «Использование кеширования браузера».

  • Сервисы WordPress.com заблокированы в некоторых странах, поэтому создание небольшого изображения может занять много времени и значительно задержать загрузку страницы, особенно если на странице есть сотни комментариев.

Ожидание изображения GravatarОжидание изображения Gravatar

  • Отображение граватара на мобильных устройствах сделает ваши комментарии более перегруженными и нечитаемыми. Вы можете использовать собственные медиа-запросы CSS и скрывать изображения граватаров на мобильных устройствах.

Как использовать собственное изображение Gravatar?

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

  • Установить и активировать Плагин «Аватар для одного пользователя» на Вашем сайте.

  • Перейдите в раздел «Пользователи > Профиль > Изображение профиля» и загрузите собственное изображение для своего профиля.

  • Прокрутите вниз и нажмите кнопку «Сохранить профиль».

Загрузить собственное изображение аватараЗагрузить собственное изображение аватара

  • Перейдите в раздел «Аватары > Настройки» и установите флажок «Отключить Gravatar и использовать только локальный аватар».

  • Убедитесь, что опция «Показать аватар» отмечена напротив заголовка «Отображение аватара».

  • Выберите изображение «Аватара по умолчанию», которое будет отображаться в комментариях для пользователей без специального изображения.

  • Нажмите кнопку «Сохранить изменения», чтобы начать показывать изображение вашего профиля в поле автора.

Отключить Gravatar и использовать собственное изображениеОтключить Gravatar и использовать собственное изображение



2024-03-11T22:57:53
Сайтостроение