wmmail.ru – cервис почтовых рассылок на главную
написать письмо
карта сайта

С чего начать?РекламодательПравилаFAQСтатистикаБиржа статейTOP100ФоткиКонтакты
Логин:
Пароль: 
Регистрация   Забыли пароль?
WMLogin
Пользователей всего:

441102

Пользователей сегодня:

49

Пользователей online:

169

Выплачено ($): 7`445`678,01
Выплат: 7`943`021
Писем прочитано: 1`023`485`286
Новые вопросы

Задать свой вопрос


 
 
Online 0
Все ответы
 
 

Вопрос - ответ

Поиск: :
Раздел: -
Подраздел:  
ID пользователя:

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

Закрытый вопрос от пользователя Как вывести подрубрики в виджете на вордпрессе?

  0   [09.01.2022 21:40] dubrovskyj Рейтинг 49.16     Стена пользователя dubrovskyj +4

Как вывести подрубрики на странице рубрик в WordPress?
Плагины и Шаблоны для Wordpress

3Ноябрь
2018

6620 просмотр

8 комментарий


Автор статьи:
Виталий


Доброго времени суток. 🙂

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



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

подрубрики WordPress

Плагины и Шаблоны для WordPress
Чтобы получить такой результат нужно в первую очередь определить где у вас выводится список записей из определенной рубрики. Чаще всего это файл - category.php, так же бывают темы, где вывод записей рубрики объединен с архивами, тогда это файл - archive.php.. Все зависит от конкретной темы и цикл записей рубрики, может быть совсем в другом файле. Вы должны найти такой файл и перед циклом записей разместить следующий код:

1
2
3
4
5
6
7
8
9

Давайте рассмотрим код поближе, чтобы разобрать, за что отвечает каждая строка:

- Как видите по коду, наш код мы обернули в теги PHP, для того чтобы добавить код в среду HTML. Если же вам надо будет добавить его в PHP то удалите их.
if (is_category()) { - Проверяем размещен ли данный код на странице категории, если да то продолжаем обработку кода, в противном случаи ничего не произойдет.
if (count(get_categories('child_of='.$cat))) - Вторая проверка на то, есть ли у рубрики подрубрики. Если таковых нет, то в месте куда вы добавили код ничего не добавится.
echo ''; - Оборачиваем наши подрубрики в теги списка, для того чтобы потом задать стили. Если вы хотите выводить не списком или поменять классы, можете удалить или переименовать.
$current_cat=get_query_var('cat'); - создаем переменную, которая узнает в какой категории мы находимся.
wp_list_categories('child_of='.$current_cat.'&title_li=&show_count=0') - запускаем функцию для вывода рубрик, в данном случаи подрубрик. Осуществляется это благодаря параметрам заданным в ней:
child_of='.$current_cat.' - параметр что и указывает рубрику, подрубрики которой выводить.
title_li= - запрещаем выводить заглавие для списка подрубрик.
show_count=0 - Настраиваемый параметр, что означает - выводить ли рядом с названием подрубрики количество записей в ней. 0 - не выводить. 1 - выводить.
echo ''; - закрываем наш список.
Чтобы это выглядело как на картинке выше, нужно задать стили.

1
2
3
4
.sub_cat{margin:35px 0;}
.sub_cat li{display:inline-block;width:24%;vertical-align:top;margin-bottom:5px;}
.sub_cat a{display:block;font-size:18px;background:#111;color:#fff;padding:5px;text-align:center;}
.sub_cat a:hover{background:#009b00;color:#fff;}
Можете их менять и задавать согласно своим требованиям. Весь данный код очень простой и настроить его на своем сайте не должно составить труда. Самое сложное, наверное, найти правильное место.

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

На этом все, спасибо за внимание. 🙂
Раздел: Другое, ответов: 1, последний комментарий: 09.01.2022 21:40

Закрытый вопрос от пользователя обмен webmoney

  0   [09.01.2022 16:32] Bumbarabum Рейтинг 898.31     Стена пользователя Bumbarabum +8

У Маней саппорт обычно оперативно отвечает.Так скорее ответ получишь
Раздел: Платежные системы, ответов: 8, последний комментарий: 14.01.2022 23:08

Закрытый вопрос от пользователя Не вижу скриншотов в Lightshot

  0   [09.01.2022 14:25] tori Рейтинг 14310.17     Стена пользователя tori +278

Там ссылка формируется после загрузки.
Напишите мне логин рекламодателя по вп, посмотрим что там по ситуации конкретной.
Раздел: Заработок, ответов: 3, последний комментарий: 09.01.2022 14:25

Закрытый вопрос от пользователя Не вижу скриншотов в Lightshot

  0   [09.01.2022 14:02] mmuskem Рейтинг 2833.68     Стена пользователя mmuskem +58

Не помогает ни FastProxy, ни Windscribe, ни Hoxx.
Думаю, что проблема в том, что рекламодатель когда
грузит на сайт свой скриншот, не обращает внимания на
сообщения успешного окончания операции. Т.е. картинка
не попадает на сайт.
Раздел: Заработок, ответов: 3, последний комментарий: 09.01.2022 14:25

Закрытый вопрос от пользователя Не вижу скриншотов в Lightshot

  0   [09.01.2022 13:44] tori Рейтинг 14310.17     Стена пользователя tori +278

С большинства провайдеров России (не со всех, как понимаю, потому что когда пользуюсь прокси России, скриншоты видны) этот сайт заблокирован.
Пользоваться прокси только, переключение в том же Hoxx занимает пару секунд: https://chrome.google.com/webstore/detail/hoxx-vpn-proxy/nbcojefnccbanplpoffopkoepjmhgdgh. Ну или другим, это так, для примера.
Раздел: Заработок, ответов: 3, последний комментарий: 09.01.2022 14:25

Закрытый вопрос от пользователя Почему в телеграм кнопка вывод не активна?

  +1   [07.01.2022 20:57] Revos Рейтинг 542.65     Стена пользователя Revos +41

Возможно, есть какие-то проблемы с ботом. У меня тоже не происходил переход по кнопке "Вывести средства", но после нескольких случайных переходов по меню всё снова заработало.
Попробуйте вывести средства через сайт.
Раздел: Платежные системы, ответов: 2, последний комментарий: 07.01.2022 20:57

Закрытый вопрос от пользователя Почему в телеграм кнопка вывод не активна?

  0   [07.01.2022 19:48] mmuskem Рейтинг 2833.68     Стена пользователя mmuskem +58

Не совсем понятно, что и куда Вы хотите вывести в/из Телеграм?
Раздел: Платежные системы, ответов: 2, последний комментарий: 07.01.2022 20:57

Закрытый вопрос от пользователя обмен webmoney

  +1   [07.01.2022 01:09] BraCuda Рейтинг 1005.04     Стена пользователя BraCuda 0

May be, в Белоруссии остановлено обслуживание кошелька WMВ - так же, как и Центральным банком в России в отношении WMR ? :angel:
Раздел: Платежные системы, ответов: 8, последний комментарий: 14.01.2022 23:08

Закрытый вопрос от пользователя обмен webmoney

  +3   [04.01.2022 17:17] Tiger-Valentine Рейтинг 1612.94     Стена пользователя Tiger-Valentine +172

А где происходит обмен? В самом кошельке? На обменниках? На бирже обмена Exchanger от самой WebMoney?
Раздел: Платежные системы, ответов: 8, последний комментарий: 14.01.2022 23:08

Закрытый вопрос от пользователя обмен webmoney

  +1   [04.01.2022 16:13] amadeustomsk Рейтинг 1876.62     Стена пользователя amadeustomsk +97

step54 пишет Прошелся по новостям, никаких изменений не прописано

Значит скоро напишут.
Раздел: Платежные системы, ответов: 8, последний комментарий: 14.01.2022 23:08

Закрытый вопрос от пользователя Почему после восстановления аккаунта исчезли деньги?

  +3   [04.01.2022 14:36] tori Рейтинг 14310.17     Стена пользователя tori +278

Согласно 6 пункту правил http://www.wmmail.ru/index.php?cf=html-fpage&page=terms: аккаунт участника, не проявляющего активности в течение 3 месяцев, удаляется с потерей всех средств на счете без объяснения причин.
Обычно этот срок всегда больше.

Добавлено спустя 4 часа 53 минуты 03 секунды
Под активностью здесь имеется ввиду просто зайти в аккаунт
Раздел: Заработок, ответов: 1, последний комментарий: 04.01.2022 14:36

Закрытый вопрос от пользователя Kакие видео редакторы есть лёгкие и на русском для монтажа видео на ютуб?

  0   [02.01.2022 22:26] seruyvolk Рейтинг 1005.36     Стена пользователя seruyvolk +37

Filmora простая как двери
Раздел: Программное обеспечение, ответов: 13, последний комментарий: 02.01.2022 22:26

Закрытый вопрос от пользователя Kакие видео редакторы есть лёгкие и на русском для монтажа видео на ютуб?

  0   [02.01.2022 12:30] XPAM Рейтинг 34.87     Стена пользователя XPAM +12

ahtamar пишет я несколько лет пользую VideoPad - бесплатный, на русском, множество функций

ок поверью спасибо.а то досих пор не чего путнево не нашёл

Добавлено спустя 4 часа 30 минут 14 секунд
мне нравтся но опять же http://wallmaker.ru/epic/view/lt3P3HDykmy1mXD7fjL3CYGS
сколько тот пробник длится та. нужные форматы грузятся :thumbsup:
Раздел: Программное обеспечение, ответов: 13, последний комментарий: 02.01.2022 22:26

Закрытый вопрос от пользователя Kакие видео редакторы есть лёгкие и на русском для монтажа видео на ютуб?

  +1   [02.01.2022 09:36] ahtamar Рейтинг 781.52     Стена пользователя ahtamar +35

я несколько лет пользую VideoPad - бесплатный, на русском, множество функций
Раздел: Программное обеспечение, ответов: 13, последний комментарий: 02.01.2022 22:26

Закрытый вопрос от пользователя Медальки

  +1   [01.01.2022 14:48] Tiger-Valentine Рейтинг 1612.94     Стена пользователя Tiger-Valentine +172

За 15 лет на сайте.
Вашему аккаунту исполнилось 15 лет только в сентябре 2021. А медали выдают раз в год в январе. Теперь набралось 15 полных лет и в январе 2022 вы должны получить её.
Раздел: Мой аккаунт, ответов: 1, последний комментарий: 01.01.2022 14:48

Закрытый вопрос от пользователя Kакие видео редакторы есть лёгкие и на русском для монтажа видео на ютуб?

  0   [31.12.2021 12:46] XPAM Рейтинг 34.87     Стена пользователя XPAM +12

Tiger-Valentine пишет Из списка использовал только VSDC Free Video Editor однажды.

кучу форматов не распознаёт. не видит. не перетягивается с пк:wink:

dubrovskyj пишет Movavi Видеоредактор Плюс 2022
Создавайте видео. Творите. Вдохновляйте.
4.7 (6,500 отзывов)
Версия для Mac
Нажимая на кнопку, вы скачиваете бесплатную версию Movavi Видеоредактора Плюс.*



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

Почему Movavi Видеоредактор лучше профессиональных программ?
В отличие от сложных программ, созданных для киностудий, Movavi Видеоредактор не прячет свои широкие возможности за многоуровневыми окнами и вкладками. Все функции лежат как на ладони и помогут реализовать ваши идеи.


Подробнее: https://www.movavi.ru/video-editor-plus/?gclid=CjwKCAiA8bqOBhANEiwA-sIlN3KcgNUsJ1gNRHcBSDGqsbG9V_ujkAniLHVeV88xTAH2AviuFFygpRoCq28QAvD_BwE © Movavi.ru

:blahblah::blahblah::blahblah:
http://www.wmmail.ru/index.php?cf=otvet-viewvopros&vid=77300&pp=0&cmid=1001838#1001838
Раздел: Программное обеспечение, ответов: 13, последний комментарий: 02.01.2022 22:26

Закрытый вопрос от пользователя Kакие видео редакторы есть лёгкие и на русском для монтажа видео на ютуб?

  0   [31.12.2021 11:48] dubrovskyj Рейтинг 49.16     Стена пользователя dubrovskyj +4

Movavi Видеоредактор Плюс 2022
Создавайте видео. Творите. Вдохновляйте.
4.7 (6,500 отзывов)
Версия для Mac
Нажимая на кнопку, вы скачиваете бесплатную версию Movavi Видеоредактора Плюс.*



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

Почему Movavi Видеоредактор лучше профессиональных программ?
В отличие от сложных программ, созданных для киностудий, Movavi Видеоредактор не прячет свои широкие возможности за многоуровневыми окнами и вкладками. Все функции лежат как на ладони и помогут реализовать ваши идеи.


Подробнее: https://www.movavi.ru/video-editor-plus/?gclid=CjwKCAiA8bqOBhANEiwA-sIlN3KcgNUsJ1gNRHcBSDGqsbG9V_ujkAniLHVeV88xTAH2AviuFFygpRoCq28QAvD_BwE © Movavi.ru
Раздел: Программное обеспечение, ответов: 13, последний комментарий: 02.01.2022 22:26

Закрытый вопрос от пользователя В какой программе лучше в видео вставлять всякие надписи и картинки?

  +1   [31.12.2021 11:46] dubrovskyj Рейтинг 49.16     Стена пользователя dubrovskyj +4

Как добавить текст на видео в бесплатном редакторе VSDC
Инструкция по наложению текста в видео с использованием бесплатного редактора VSDC

Практически во всех видео в той или иной форме присутствует текст. Это могут быть заголовки сцен, титры, субтитры, водяные знаки или всплывающие подсказки в обучающих роликах. В инструкции ниже мы подробно расскажем, как добавить текст на видео с помощью VSDC – видеоредактора для Windows. Мы также покажем, как оформить текстовые объекты в ролике таким образом, чтобы они смотрелись стильно и естественно.

Скачать бесплатный видеоредактор VSDC

Начнём с обзора инструментов для добавления текста, доступных в VSDC. В этой программе есть полноценный текстовый редактор для создания заголовков и подписей, инструмент для добавления субтитров из текстового файла, а также функция создания текстовых подсказок в стилизованных окошках. Последнее будет полезно, если вы снимаете видеоинструкции и хотите добавить пояснительные элементы для зрителей. Большинству пользователей, однако, требуется всего лишь добавить небольшие текстовые объекты для создания заголовков в видео. Поэтому мы начнём именно с этого типа.

Как вставить текст в видео
Запустите программу и импортируйте свой видеофайл – он будет сразу размещён на временной шкале видеоредактора.
Расположите курсор в том моменте времени, где вы хотите добавить текст и нажмите на иконку “T”, расположенную в меню левой части программы. Во всплывшем окне нажмите «Ок».
С помощью мышки пунктирной рамкой обозначьте место, где вы хотите разместить текст в кадре. Имейте в виду, что вы сможете смещать и растягивать рамку с текстом в любое время.
Сделайте двойной щелчок внутри рамки, чтобы появился курсор для начала печати.
Наберите текст. Обратите внимание, что по умолчанию текст вносится маленького размера – по окончании набора вы сможете отрегулировать как размер, так и многие другие параметры в редакторе. Мы покажем как это сделать буквально в следующем абзаце.
Как быстро добавить текст в видео

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

Лучший способ быстро освоиться в текстовом меню – опробовать каждую доступную функцию самостоятельно.

Для начала с помощью мышки выделите текст, с которым вы планируете работаете (или часть текста), таким же образом, как если бы вы использовали стандартный текстовый редактор на компьютере. Теперь попробуйте изменить цвет текста, шрифт, размер и стиль. Вы можете добавить подчёркивание или зачёркивание, использовать строчные и заглавные буквы, изменять масштаб по горизонтали и по вертикали, выравнивать параграфы и так далее. Вы также можете сделать текст или отдельные слова и буквы в нужной степени прозрачными. Чтобы настроить уровень прозрачности, мышкой выделите нужную часть текста, откройте вкладку «Цвет текста» и сдвиньте бегунок Прозрачность. Как вы понимаете, с этой настройкой можно не только создавать стильные подписи, но и добавлять водяные знаки на видео.

Перейдём к наиболее популярному в последнее время стилю текста для роликов – контурным полупрозрачным заголовкам. В VSDC вы можете добавить такой текст в видео за пару кликов:

Выделите текст, который необходимо оформить. Сразу задайте нужные размер и толщину шрифта.
Напротив кнопки «Цвет контура» находятся инструменты для регулировки стиля и толщины контура. Задайте эти параметры по вашему усмотрению.
Если необходимо, также поменяйте цвет контура.
Наконец, во вкладке «Цвет текста» настройте уровень прозрачности так, чтобы получился желаемый эффект.
Как вставить текст в видео, сделать его контурным или полупрозрачным

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

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

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

Как отрегулировать продолжительность показа текста на видео

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

Теперь, когда вы имеете представление о том, как работать с базовыми текстовыми объектами, добавление всплывающих подсказок и субтитров не составит никакого труда. Чтобы добавить текстовый объект в виде всплывающей подсказки, выберите соответствующую иконку в меню редактора слева. Разместите объект на сцене и добавьте нужные текст, шрифт и стиль в Окне свойств. О том, как работать с субтитрами, мы расскажем через абзац.

Наконец, последняя настройка, которую необходимо упомянуть – это эффекты. Поскольку вы работаете в видеоредакторе, вы можете применять к тексту все те же самые эффекты, которые вы бы применяли к видео: плавное появление и исчезание, эффекты перехода и трансформации, фильтры. Вы также можете создать текстовую анимацию, эффект зеркального отражения, подгрузить любые шрифты со своего компьютера и многое другое. Проще всего ознакомиться с этими приёмами вам будет с помощью наших видеоинструкций, опубликованных на канале YouTube.

Как загрузить готовые субтитры в видео с помощью VSDC
Есть два способа добавить субтитры в видео, используя видеоредактор VSDC.

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

Однако, если вам необходимо добавить относительно короткий объём текста, и вы не хотите пользоваться дополнительными программами, вы можете создать субтитры вручную непосредственно в видеоредакторе. О том, как это сделать, мы рассказали в видеоинструкции ниже.
Раздел: Другое, ответов: 2, последний комментарий: 31.12.2021 11:46

Закрытый вопрос от пользователя Какой плагин для вордпресса ускорения загрузки сайта?

  +1   [30.12.2021 21:03] dubrovskyj Рейтинг 49.16     Стена пользователя dubrovskyj +4

WordPress – самый популярный движок сайта в мире. На этой CMS работает более 75-ти миллионов сайтов: блоги, информационные ресурсы, интернет-магазины. И всем им нужна скорость. Причём, чем быстрее будет загружаться ваш сайт – тем лучше.



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



Почему так важна скорость загрузки сайта
У вас медленно грузится сайт, но есть отличный блог и User Friendly Interface? Жаль, клиент об этом никогда не узнает. Он закроет его раньше, чем увидит контент. А поисковые роботы после этого ещё и понизят страницу в выдаче. По данным Akamai, низкая скорость загрузки сайта способна испортить мнение о компании у 35% пользователей, а 22% посетителей не вернутся на страницу, которая работает некорректно. Скорость загрузки влияет и на индексацию новых страниц. Медленный сайт дольше отдает контент, а значит поисковые роботы тратят больше времени на обработку всех страниц. Как результат, новые страницы будут позже появляться в выдаче Google.

Плюс, с мая 2021 Google при ранжировании сайтов будет опираться на Core Web Vitals. В этот набор факторов входит три параметра, которые показывают скорость появления самого объемного элемента страницы, её интерактивность и стабильность работы. То есть поисковая система будет отображать в числовом выражении, насколько удобно пользователю работать с сайтом.

Как измерить скорость загрузки сайта
Здесь помогут специальные инструменты:

Google PageSpeed Insights и пункт в консоли Chrome Lighthouse
Pingdom
GTmetrix


Давайте посмотрим на реальном примере, как выдаёт рекомендации по ускорению сайта Google PageSpeed, и какие параметры входят в Core Web Vitals. Вводим нужный URL на странице PageSpeed, нажимаем «‎Анализировать»‎ и выбираем результат для компьютеров. Самые важные показатели выводятся первыми:

First Contentful Paint
Largest Contentful Paint
First Input Delay
Cumulative Layout Shift


как измерить скорость загрузки сайта



First Contentful Paint – скорость первого отклика. FCP показывает, через сколько секунд после клика на ссылку у пользователя на экране появляются первые признаки того, что сайт загружается. Если «‎признаки жизни» появились менее чем через секунду – это отличный показатель. Если на странице ничего не происходит спустя три секунды – это плохой знак. Скорее всего, пользователь уже закрыл вкладку.

Largest Contentful Paint – скорость загрузки основного контента. LCP показывает, как быстро пользователь увидит ключевую информацию на странице и сможет оценить, отвечает ли контент его запросу. Идеальный показатель – загрузка менее чем за 2,5 секунды. Если время загрузки страницы превышает четыре секунды, вы можете потерять потенциального покупателя.

First Input Delay — время отклика на действие клиента. FID показывает, с какой скоростью элементы страницы отвечают, когда по ним кликает посетитель. Значение менее ста миллисекунд говорит, что для пользователя переход на другую страницу или открытие картинки выглядит моментальным. Когда элемент реагирует на клик спустя триста и более миллисекунд, создается ощущение, что сайт подвисает.

Cumulative Layout Shift – показатель стабильности страницы. CLS измеряется в баллах и показывает, как часто пользователь может видеть смещение контента или полей на странице при её загрузке.

Например, вы начали читать статью, а тут внезапно над ней всплывает баннер или сообщение, и строки текста сдвигаются вниз. Или вы готовы поставить курсор в строку поиска, а её сдвигает меню навигации, и вы неожиданно открываете один из разделов. Чем реже такое происходит, тем более стабильной считается страница. При значении 0,25 и выше – страница считается нестабильной.

Последние три параметра – LCP, FID и CLS – это и есть основа Core Web Vitals. Помимо них в отчёте поданы значения параметров, которые имитируют загрузку страницы:

First Contentful Paint
Speed Index
Largest Contentful Paint
Time to Interactive
Total Blocking Time
Cumulative Layout Shift.


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



core web vitals_имитация загрузки страницы



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

Стандартные способы ускорения сайта на WordPress
Помимо рекомендаций PageSpeed Insights и других сервисов, существуют универсальные способы ускорить сайт на WordPress. Если вы столкнулись с низкой скоростью загрузки страниц, эти пункты стоит проверить в первую очередь.

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

При серверном кэшировании плагины создают HTML-файлы, которые сохраняются в памяти. Когда к серверу обращаются повторно, ему не нужно заново подгружать скрипты сайта – они уже собраны в HTML-файл.

Популярные WordPress-плагины для кэширования:

WP Rocket
W3 Total Cache
WP Super Cache


Использование CDN
Content Delivery Network (CDN) – это кластер из серверов, которые находятся в разных точках мира и передают информацию о сайте с ближайшей к пользователю машины. За счёт этого территориальная близость между сервером и клиентом помогает ускорить загрузку сайта.

Это затратный способ повысить скорость сайта, если использовать собственное оборудование. Он оправдан для международных компаний с клиентами и дистрибуцией в удаленных друг от друга странах. Местным блогам и интернет-магазинам лучше рассмотреть другие способы оптимизации. Международным компаниям, у которых пока нет больших бюджетов, можно бесплатно настроить CDN для WP с помощью плагина W3 Total Cache и сервиса Cloudflare.

Оптимизация кода
Пробелами и комментариями в коде CSS и JavaScript можно пожертвовать, поскольку они несут мало пользы, но утяжеляют сайт. Уследить за появлением новых строк и лишних пробелов сложно. Автоматизировать процесс помогут плагины:

Autoptimize
WP Super Minify
WP Fastest Cache


Также сайт будет загружаться быстрее, если размещать CSS-файлы в начале страницы, а JS-файлы – в конце. Тогда браузер начнет обрабатывать скрипты после того, как загрузит содержимое страницы.

Плагины оптимизации
Оптимизировать можно не только код и загрузку страниц, но и контент. Для этого используют сторонние сервисы либо плагины для сжатия картинок:

Image Optimizer
WP Smush
TinyPNG


Чтобы облегчить плагинам задачу и повлиять на финальный результат, используйте для фотографий формат JPEG, для иконок – SVG, иллюстраций ‎– PNG. Также приобретает популярность формат WebP, поскольку при аналогичном качестве он «‎легче», чем PNG и JPEG ‎— на 26% и 34% соответственно. Об этом говорят исследования, проведенные Google.

Другие плагины, которые оптимизируют работу сайта, ‎– Clearfy, WP-Optimize, Easy&Fast Optimization. Они действуют по принципу CCleaner, удаляя дубли страниц и устаревшую информацию из баз данных.

Более мощное железо
Низкая производительность сайта не всегда связана с его оптимизацией. Интернет-магазин или блог могут работать медленнее, потому что хостинг не удовлетворяет их потребности в CPU или оперативной памяти. Если вы избавились от лишних плагинов и ненужных запросов в базе данных и не получили желаемый результат, есть смысл перейти на более высокий тарифный план или на другой вид хостинга. Компания HOSTiQ предлагает виртуальный, облачный, VPS и shared хостинг под различные цели.

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

Снизить количество версий постов
WordPress сохраняет все версии постов и черновиков, которые вы создаёте. Это полезная функция, но вряд ли вам понадобится история публикаций с начала времен.

Ограничьте количество версий 3-5 штуками ‎– в зависимости от частоты обновлений и возможных потребностей. Сделать это можно через файл wp-config.php. Пропишите в нём строку: define( ‘WP_POST_REVISIONS’, 7 ). Где 7 ‎– это количество версий постов.

Если хранить версии вам не нужно, отключите эту функцию с помощью параметра false: define( ‘WP_POST_REVISIONS’, false ).

Разбить комментарии на страницы
Чем больше комментариев под постом, тем интереснее тема, тем популярнее ресурс. Обилие комментариев повышает имидж и снижает скорость работы сайта. Чтобы общение с пользователями и между пользователями не перегружало сайт, разбейте комментарии на страницы:

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


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

Настроить защиту от хотлинкинга
Хотлинк ‎— это прямая ссылка на файлы с вашего сайта, размещенная на стороннем ресурсе. Этический вопрос хотлинкинга трогать не будем, поскольку нас интересует другой побочный эффект этого явления ‎– замедление скорости вашего сайта. Когда загружается сторонний сайт, содержащий ссылку на ваши картинки или видео, он обращается к вашему хостинг-серверу за этим контентом. Это создает нагрузку, которая отнимает ресурсы и не приносит выгоды.

Один из способов защититься от хотлинкинга – настроить правила в CDN. Второй способ ‎– использовать плагины для WP:

All in One WP Security and Firewall
Secure Copy Content Protection
WP Content Copy Protection & No Right Click


Запретить индексацию для нежелательных ботов
Попасть в индекс поисковой системы ‎— заветная цель любого сайта. Но чем больше страниц нужно обработать поисковым роботам, тем большую нагрузку они создают на сервере. Чтобы не выпасть из выдачи нужной вам системы и при этом не перегружать сайт, запретите индексацию ненужным сайтам. Например, вы хотите, чтобы ваш сайт попал в выдачу Google, при этом вам ни к чему запросы от Yahoo. Тогда в файле robots.txt либо .htaccess нужно запретить индексацию для нежелательных ботов.

Если сайт находится в разработке или на редизайне, и вам вовсе не нужно, чтобы его индексировали, сделайте его «‎невидимым». Выберите в настройках пункт «‎Чтение» – «‎Видимость для поисковых систем» и поставьте галочку в графе «Попросить поисковые системы не индексировать сайт». Так вы закроете сайт от всех поисковых роботов.

Использовать свежую версию РНР
На производительности сайта больше сказывается сам код, чем версия языка, на котором он написан. Тем не менее, начиная с седьмой версии PHP и выше предусмотрена функция OPcache, которая дает прирост производительности сайта. Поэтому писать оптимизированный и структурированный код лучше на свежей версии PHP.

Перейти на HTTP/2
HTTP/2 протокол построен в бинарном, а не текстовом формате, и создает меньшую нагрузку на канал при передаче файлов. Благодаря этому сайт, работающий по протоколу HTTP/2, быстрее, чем сайт на HTTP/1.

Стоит учесть, что HTTP/2 подходит для сайтов с SSL/TLS и не годится для ресурсов, где идёт работа с большими файлами, видео- и аудиопотоками. Кроме того, использование HTTP/2 будет тормозить загрузку сайта через мобильный интернет.
Раздел: Другое, ответов: 1, последний комментарий: 30.12.2021 21:03

Закрытый вопрос от пользователя Какая есть программа перевода голоса в текст?

  0   [30.12.2021 21:02] dubrovskyj Рейтинг 49.16     Стена пользователя dubrovskyj +4

Evernote — одно из самых популярных приложений для создания заметок, которое, помимо прочего, поддерживает преобразование речи в текст. В этом приложении есть множество других функций и возможностей на все случаи жизни, поэтому всем, кто часто делает заметки, Evernote обязателен к ознакомлению.30 лип. 2019 р.
Раздел: Другое, ответов: 2, последний комментарий: 30.12.2021 21:02

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40


Видеоурок

Вопрос-ответ

НОВОСТИ
31.12.2021С Новым 2022 годом!
подробнее>>
09.12.2021Запрет ВМР и выплаты на карту
подробнее>>

© 2004-2022 «WMMAIL» Пользовательское соглашение