Главная

Смайлики: добавляем и удаляем. Смайлы в комментариях для блога на WordPress HTML теги исключения

Коничуа, друзья! С появлением WordPress 4.2 у многих пользователей возникает проблема в том, как использовать или отключить смайлики Emoji. По сути это даже не смайлы, а расширенный набор иконок. Кому-то он может пригодиться. Например, для использования каких-то иероглифов, музыкальных или астрологических знаков. А для кого-то эти иконки будут лишними. Поэтому этот материал я подготовил сразу для двух категорий людей.

Раньше существовал специальный плагин WP Emojis One , который позволял добавлять такие смайлы на сайт. Но начиная с WordPress 4.2 разработчики решили внедрить такой функционал в саму CMS. Я когда первый раз увидел эти лица, то сразу вспомнил про китайцев. Ведь на смайликах были узкие глаза. Что-то типа этого: (^_^). В общем, хватит вступлений. Давайте что-то делать с этой функцией. Либо использовать ее на своем блоге, либо полностью удалять. Но прежде чем определиться, обязательно дочитайте этот пост до конца!

Как использовать смайлики Emoji в WordPress?

Начнем с тех, кто хочет использовать смайлы. Вот обновились вы на WordPress 4.2, но не знаете, как использовать смайлики Emoji на своем сайте. Ведь в редакторе CMS нет никакой новой кнопки для добавления иконок. И как нам добавить эти смайлы на сайт? Прежде чем отвечать на этот вопрос, скажу вам, что тут многое зависит от операционной системы. В разных ОС и браузерах Emoji обрабатываются по-разному. Поэтому я вам перечислю несколько способов использования этих иконок. А вы в свою очередь выбираете подходящий для вас вариант и начинаете действовать.

IOS для iPhone, IPad и iPod

Скажу, что начиная с 5 версии Emojis уже внедрены в систему. Поэтому чтобы их использовать в системе IOS, вам достаточно просто подключить новую клавиатуру. Если вы используете IOS 8, то вам повезло. В этой системе клавиатура Emoji уже установлена. Если же у вас другая версия системы, то делаем следующие телодвижения. Заходим в меню «Настройки » —> «Основные » —> «Клавиатура » —> «Международные клавиатуры «.

После этого выбираем «Новые клавиатуры » и в самом списке выбираем «Эмодзи «.

Все, клавиатура теперь добавлена. В самой нижней части экрана вы увидите смайлик (1) . Нажмите на него чтобы посмотреть набор смайликов Эмодзи. Если вы используете несколько клавиатур, то выбирать нужную можно с помощью значка в виде глобуса (2) .

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

Android

Для тех, кто пользуется устройствами на системе Android, придется добавить приложение для создания клавиатуры Emoji. Похожих приложений довольно много. Поэтому я тут не буду здесь их все перечислять. Для начала можете попробовать такие, как TouchPal X Keyboard или Emoji Keyboard . После установки приложения нажимаем на кнопку смайлика для доступа к иконкам.

Windows Phone 8

Для обладателей Windows Phone 8 подойдет отличное приложение [+]Emoji . Все смайлики группируются на отдельные категории, что очень удобно.

Windows 8 и выше

Теперь для тех, кто пользуется настольными компьютерами. Для операционной системы Windows 8 и выше здесь будет достаточно просто. Смайлы Эмодзи уже встроены в систему и их нужно только включить. Для этого на панели задач (3) (она в самом низу) щелкаем правой кнопкой мыши. Выбираем «Панели инструментов » —> «Сенсорная клавиатура (Touch Keyboard) «. После этого в нижнем правом углу появится новый значок в виде клавиатуры (4) .

Когда захотите добавить Emoji смайлы в Windows 8, то просто кликните на клавиатуру и выберите значок в виде смайла (5) .

Windows 7 и ниже

Для более ранних версий Виндовс, Эмодзи не встроены. Поэтому придется немного повозиться. Скажу вам, что есть два способа добавления иконок. Во-первых, можно использовать специальные расширения для браузеров. К примеру, я для Google Chrome установил расширение Emoji Input . Теперь чтобы добавить смайлы Emojis на WordPress блог, мне достаточно кликнуть на значок расширения, выбрать и скопировать нужную иконку.

После этого нужно зайти в текстовый редактор сайта и вставить иконку.

Во-вторых, вместо расширения можно воспользоваться сайтом (getemoji.com) или (classic.getemoji.com) и брать иконки оттуда. Тут по аналогии с первым вариантом. Копируем нужную иконку и сразу вставляем в редактор WordPress.

Вот такими способами можно добавлять и использовать смайлики Emoji на своем сайте WordPress. Конечно, такие иконки можно использовать и на других операционных системах. Более подробно вы найдете в кодексе Вордпресса (codex.wordpress.org/Emoji).

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

иконка

Вместо 14 вставляем свое число. Получится так:

Как отключить Emojis в WordPress 4.2?

Ну а теперь, о наболевшем. В связи с некоторыми проблемами, многие пользователи WordPress 4.2 захотели бы просто отключить эти смайлики Emoji. Причин тут несколько. Кому-то банально, не нравятся такие иконки. У кого-то возникают различные ошибки и так далее. Я лично отключил Эмодзи, потому что у меня начали возникать проблемы со старыми смайликами.

Дело в том, что когда я обновил WordPress, то все смайлики в моих комментариях начали отображаться некрасиво. В основном они были сплющены и плохо заметны. Такой вариант меня не устраивал. Поэтому решил отключить новую функцию. А еще, как правило, сами иконки в посты я редко добавляю. Если и использую, то только иконочные шрифты (пальцы, плюсики, галочки и тому подобное) . Мне этого хватает.

Конечно, я мог бы вместо иконочных шрифтов использовать смайлики Эмодзи (они намного легче) . Однако конфликт со старыми смайлами в комментариях меня не сильно радует. Такие смайлы мне нравятся и как-то не хочется от них избавляться или уродовать.

И сейчас вы спросите: «Так как же отключить смайлики Emoji в WordPress 4.2? » Да очень просто! Достаточно просто установить плагин Disable Emojis . Расширение не имеет никаких настроек. Поэтому когда вы его активируете, то поддержка Эмодзи полностью исчезнет.

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

Если вам нужно вывести что-либо другое, то устанавливаем подходящее для этого расширение. В общем если захотите вывести свои смайлики и отключить Эмоции, вам нужно установить Disable Emojis + скрипт или плагин, который выведет нужные вам лица. Если вы вообще, полностью хотите отключить вывод смайлов на сайте WordPress, то просто устанавливаем Disable Emojis и в меню «Настройки » —> «Написание » —> «Форматирование » убираем галочку с «Преобразовывать смайлики наподобие… »

Использовать смайлики Эмодзи или нет?

Теперь вы знаете, как использовать или отключить смайлы Emoji в WordPress 4.2. Плохо конечно, что разработчики пока не сделали для нас возможность отключить эту новую функцию прямо в админке. Ведь такие иконки не все будут использовать. В основном это нововведение хорошо подходит для социальных сетей или форумов, где идет более тесное общение. Для бизнес-сайтов или проектов не развлекательной тематики такая функция точно не подойдет.

Да и к тому же могут возникать проблемы с отображением иконок. Особенно это касается ОС в которых нет поддержки Emojis. К примеру, у меня седьмая Винда стоит. Но все равно, при просмотре этих смайликов с сайта (getemoji.com) у меня возникают ошибки в виде квадратов.

Это говорит о том, что даже если вы добавите эти иконки на свой сайт, многие пользователи могут их просто не увидеть. Чтобы этого можно было как-то избежать, стоит ставить классические смайлики с сайта (classic.getemoji.com) . Там у меня проблем с отображением не было.

Есть еще и второй вариант — это использовать специальные расширения для браузеров (типа Emoji Input для Хрома) . Они помогают распознать все виды смайликов. Но тут опять же, нужно чтобы такие расширения были установлены на стороне пользователя. Иначе вместо ваших иконок он увидит пустые квадраты.

Также стоит учесть, что вот эта новая функция Эмодзи может дополнительно подгружать сайт. Когда пользователь заходит на ваш сайт, то WordPress автоматом с помощью специального скрипта проверяет поддержку Emoji на стороне пользователя. Если ее не будет, то CMS будет дополнительно загружать иконки с другого сайта. В итоге для пользователя (со старой ОС и без расширения) сайт будет грузиться на 1 — 1,5 секунды больше обычного. Поэтому если вы не планируете использовать Emoji, то лучше полностью отключите эту функцию.

Как по мне, так все это нововведение в новой версии WordPress будет лишним. Зачем мудрить то, что и так работает нормально! А если кто-то захочет подключить Эмодзи, то достаточно просто установить плагин WP Emojis One . В итоге у человека появится право выбора. Сейчас же, к сожалению, его у нас нет. Приходится бегать за и возвращать прежний функционал обратно.

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

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

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

Стандартные смайлики wordpress

Здесь можно пойти двумя путями.

Первый — это установить плагин, который автоматически заменит стандартные смайлы на другие. Но слишком много активных плагинов замедлит работу блога, увеличит нагрузку на сервер. К тому же плагины зачастую добавляют свои таблицы в базу данных MySQL, а при удалении не всегда чистят за собой эту базу и приходится , через панель phpMyAdmin.
Второй путь позволит избежать таких неприятностей, к тому же позволит лучше изучить работу WordPress. Он подразумевает под собой ручное редактирование.

Поэтому мы пойдем вторым путем. Стандартные смайлики находятся в папке /wp-includes/images/smilies/ в корне Вашего блога. Чтобы их сменить нужно просто переписать старые на новые. Вы можете взять абсолютно любые смайлы, переименовать их, чтобы имена файлов совпадали со стандартными и закачать обратно в ту же папку. Выкладываю наборы смайликов, которые у меня уже есть:

Ничего переименовывать не нужно, осталось лишь заменить этими стандартные и готово. С этим вопросом разобрались.

Следующий вопрос: как добавить смайлики над текстовым полем формы отправки комментариев? Здесь также все очень просто! Для этого в файле comments.php Вашей темы перед открывающим тегом , у меня он имеет следующий вид:</p> <<span>textarea name ="comment" id ="comment" rows ="10" cols ="1" > </span></<span>textarea > </span> <p>вставить следующий код:</p> <<span>script > </span> <span>function addsmile ($smile ) </span></<span>script > </span> <span><?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag => <img src='/smailiki-dobavlyaem-i-udalyaem-smaily-v-kommentariyah-dlya/' loading=lazy>"/wp-includes/images/smilies/" </span>.$dm_smile."" alt="" .$tag."" onclick="addsmile(\"" .$tag."\");"/> " ; } } echo <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>Вот и все! Данными действиями нам удалось заменить стандартные смайлики wordpress на более привлекательные и современные, а также добавить их над текстовым полем формы комментариев. И всё это без использования каких либо плагинов.</p> <h2>Смайлики для WordPress 4.2 и выше, как отключить Emoji</h2> <p>Начиная с версии 4.2 и выше разработчики внедрили в ядро WordPress новую библиотеку Twemoji — это набор символов в формате Unicode, которые при формировании страницы конвертируются в Emoji. Если браузер не поддерживают эмодзи, то происходит автоматическая замена символов на графические изображения, подгружаемые с CDN.</p> <p><img src='https://i2.wp.com/webliberty.ru/wp-content/uploads/2010/11/Emoji.png' align="center" width="100%" loading=lazy></p> <ul><li>даже современные браузеры не всегда поддерживают Emoji;</li> <li>изображения имеют истинные размеры 72х72px и при загрузке масштабируются, увеличивая время рендеринга страницы;</li> <li>в секции <head> подгружаются инлайновые скрипты и стили, не вынесенные в отдельные файлы.</li> </ul><p>К тому же все статьи и комментарии на блоге приобрели совсем иной внешний вид, который меня не устраивал. Предлагаю воспользоваться решением, которое позволяет вернуть прежние смайлики на свои места. Оно содержит часть функций плагина Classic Smilies, а также собственные наработки.</p> <p>Для начала в каталоге с названием темы блога необходимо создать папку smilies и в нее распаковать изображения смайликов (ссылки на загрузку приведены выше). Затем выполнить инструкции, предназначенные для ранних версий WordPress, добавляя немного модифицированный код в comments.php темы:</p> <<span>script > </span> <span>function addsmile ($smile ) </span>{ document .getElementById("comment" ).value=document .getElementById("comment" ).value+" " +$smile+" " ; } </span></<span>script > </span> <span><?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag => $dm_smile) { if (!in_array($dm_smile,$dm_smiled)) { $dm_smiled = $dm_smile; $tag = str_replace(" " , "" , $tag); $dm_showsmiles .= "<img src='/smailiki-dobavlyaem-i-udalyaem-smaily-v-kommentariyah-dlya/' loading=lazy> " ; } } echo <span>"<div style="width:100%; margin-left:0px; margin-right:0px;">" </span>.$dm_showsmiles."</div>" ; ?> </span> <p>В файл functions.php добавляем следующий код:</p> <span>// Задаем новое расположение изображений по-умолчанию </span> <span>function classic_smilies_src ($old, $img) </span>{ $mythemes = get_template(); return site_url(<span>"/wp-content/themes/$mythemes/smilies/{$img}" </span>, __FILE__ ); } <span>// Возвращаем сопоставление символов файлам </span> add_action("init" , "classic_smilies_init" , 1 ); <span>function classic_smilies_init () </span>{ global $wpsmiliestrans; $wpsmiliestrans = array (":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , ":arrow:" => "icon_arrow.gif" , ":o" => "icon_eek.gif" , ":)" => "icon_smile.gif" , ":???:" => "icon_confused.gif" , ":cool:" => "icon_cool.gif" , ":evil:" => "icon_evil.gif" , ":D" => "icon_biggrin.gif" , ":idea:" => "icon_idea.gif" , ":oops:" => "icon_redface.gif" , ":P" => "icon_razz.gif" , ":roll:" => "icon_rolleyes.gif" , ":wink:" => "icon_wink.gif" , ":cry:" => "icon_cry.gif" , ":eek:" => "icon_surprised.gif" , ":D" => "icon_lol.gif" , ":mad:" => "icon_mad.gif" , ":sad:" => "icon_sad.gif" , "8-)" => "icon_cool.gif" , "8-O" => "icon_eek.gif" , ":-(" => "icon_sad.gif" , ":-)" => "icon_smile.gif" , ":-?" => "icon_confused.gif" , ":-D" => "icon_biggrin.gif" , ":-P" => "icon_razz.gif" , ":-o" => "icon_surprised.gif" , ":-x" => "icon_mad.gif" , ":-|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , "8O" => "icon_eek.gif" , ":(" => "icon_sad.gif" , ":)" => "icon_smile.gif" , ":?" => "icon_confused.gif" , ":D" => "icon_biggrin.gif" , ":P" => "icon_razz.gif" , ":o" => "icon_surprised.gif" , ":x" => "icon_mad.gif" , ":|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" ,); add_filter("smilies_src" , "classic_smilies_src" , 10 , 2 ); <span>// Отключаем загрузку скриптов и стилей Emoji </span> remove_action("wp_head" , , 7 ); remove_action("admin_print_scripts" , <span>"print_emoji_detection_script" </span>); remove_action("wp_print_styles" , "print_emoji_styles" ); remove_action("admin_print_styles" , "print_emoji_styles" ); remove_filter("the_content_feed" , "wp_staticize_emoji" ); remove_filter("comment_text_rss" , "wp_staticize_emoji" ); remove_filter("wp_mail" , <span>"wp_staticize_emoji_for_email" </span>); add_filter("tiny_mce_plugins" , <span>"classic_smilies_rm_tinymce_emoji" </span>); add_filter("the_content" , , 11 ); add_filter("the_excerpt" , <span>"classic_smilies_rm_additional_styles" </span>, 11 ); add_filter("comment_text" , <span>"classic_smilies_rm_additional_styles" </span>, 21 ); } <span>// Отключаем Emoji в визуальном редакторе TinyMCE </span> <span>function <span>classic_smilies_rm_tinymce_emoji </span>($plugins) </span>{ return array_diff($plugins, array ("wpemoji" )); } <span>// Убираем размеры смайликов равные 1em (новые задаются для класса.wp-smiley) </span> <span>function <span>classic_smilies_rm_additional_styles </span>($content) </span>{ return str_replace(<span>"class="wp-smiley" style="height: 1em; max-height: 1em;"" </span>, "class="wp-smiley"" , $content); } <p>Теперь не нужно каждый раз после заменять картинки на новые, так как они располагаются в другой папке и обновление их не затрагивает.</p> <p>Таким образом мы отключили загрузку и показ Emoji, заменив их своими смайликами, которые использовали прежде. Удачи!</p> <p>Смайлики для сайта. Сегодняшняя статья об интересном плагине wp-monalisa, который добавит веселых смайликов в форму комментирования на Ваш сайт. Также Вы сможете добавлять смайлы при написании статей.</p><p>Плагин очень просто настраивается и не требует никаких дополнительный «ковыряний» в коде шаблона сайта, что для новичков часто является «темным лесом».<br><span><br>Что Вы сможете узнать из статьи: </p><ol><li>Сначала мы посмотрим как нужно настроить плагин для корректной работы;</li><li>Рассмотрим как можно добавлять дополнительные смайлики, которые Вы, возможно найдете в сети и захотите добавить их к себе на сайт;</li><li>А также я дам Вам ссылку на скачивание набора симпатичных смайликов.</li> </ol><p>По желанию смайлики для сайта можно добавлять и другие, но об этом чуть позже. Первым делом нужно скачать сам плагин по ссылке <span>http://wordpress.org/extend/plugins/wp-monalisa/ </span>, его обычным способом, и затем в админке Вашего сайта перейти на вкладку «wp-Monalisa»:</p><p><img src='https://i0.wp.com/svetlanaslobodeniuk.com/wp-content/uploads/2012/03/smailiki-dlia-saita2.png' height="33" width="156" loading=lazy></p><h2>Настройки плагина смайликов wp-Monalisa</h2><p>После перехода в настройки плагина wp-Monalisa перед Вами будут следующие настройки:</p><p><img src='https://i1.wp.com/svetlanaslobodeniuk.com/wp-content/uploads/2012/03/smailiki-dlia-saita31.png' align="center" width="100%" loading=lazy></p><p>Можете оставить эти настройки как есть. Поставив «галочку» в надписи «Show smilies on edit» у Вас будет возможность вставлять смайлики при написании статей. При этом когда вы будете добавлять новую запись, справа в админке появится соответствующая панелька:</p><p><img src='https://i2.wp.com/svetlanaslobodeniuk.com/wp-content/uploads/2012/03/smailiki-dlia-saita5.png' align="center" height="137" width="286" loading=lazy></p><p>Надпись «Show smilies on comment» обозначает «Показать смайлы при комментировании». Остальные настройки можете просто сами поэкспериментпровать, там ничего сложного, например можно настроить чтобы отображалась только часть смайликов, а остальные будут появляться при нажатии на надпись «more…».</p><p><img src='https://i0.wp.com/svetlanaslobodeniuk.com/wp-content/uploads/2012/03/smailiki-dlia-saita4.png' align="center" width="100%" loading=lazy>При помощи стрелочек можно менять местоположения смайликов, а также отметить какие смайлики показывать, а какие не показывать.</p><h3>Как добавить новые смайлики в плагин</h3><p>Как я уже говорила можно добавить в плагин wp-monalisa новые смайлики. В сети их очень много. Добавить их можно двумя способами. Первый способ — это добавление набора смайлов в виде «пака». Для этого нужно нажать на надпись «Import Smiley-Package» :</p><p><img src='https://i2.wp.com/svetlanaslobodeniuk.com/wp-content/uploads/2012/03/smailiki-dlia-saita6.png' height="26" width="153" loading=lazy></p><p>И после этого указать где у Вас на диске находится пакет смайлов, который нужно установить.</p><p>Однако, скорее всего, смайлики, которые Вы захотите добавить будут у Вас на диске в виде простых отдельных файлов. Для того чтобы добавить смайлики по отдельности нужно, прежде всего, добавить их в папку «icons» лагина wp-monalisa.</p><p>Путь к папке выглядит так: <span>wp-content/plugins/wp-monalisa/icons/ </span>. Изображения смайликов должны быть в формате «gif» . Затем перезагружаем в браузере страницу с настройками плагина wp-monalisa, и в списке ищем и выбираем новый добавленный смайлик:</p><p><img src='https://i1.wp.com/svetlanaslobodeniuk.com/wp-content/uploads/2012/03/smailiki-dlia-saita7.png' align="center" width="100%" loading=lazy></p><p>Теперь смайлику нужно прописать название и отметить галочками его отображение в комментариях и статьях:</p><p><img src='https://i2.wp.com/svetlanaslobodeniuk.com/wp-content/uploads/2012/03/smailiki-dlia-saita8.png' align="center" width="100%" loading=lazy></p><p>Не забудьте в конце нажать кнопку «Save» , чтобы сохранить изменения. После этого новый смайлик появится рядом с остальными. В итоге у Вас может получиться примерно вот такой набор смайликов:</p><p><img src='https://i0.wp.com/svetlanaslobodeniuk.com/wp-content/uploads/2012/03/smailiki-dlia-saita9.png' align="center" width="100%" loading=lazy></p><p>Симпатичные правда? Дарю вам архив в котором собраны смайлики, которые изображены на этой картинке, но, внимание, там нет тех смайликов, которые входят в плагин wp-monalisa изначально.</p><p>В некоторых шаблонах, при использовании данного плагина, вокруг смайликов появляется рамка, которая некрасиво смотрится. Если у Вас также есть такая проблема и Вы не знаете как её решить, посмотрите мою на эту тему)</p><p>Как видите установка плагина смайликов wp-monalisa не сложная. Удачи!</p> <p>Не все пользователи вордпресс знают, что в данной CMS есть возможность вывода стандартных смайликов в статьях или комментариях. Но мало того, стандартные «улыбки», мы вполне может заменить на свои. Что же нужно, для вывода смайлов и замены стандартных картинок на свои?</p> <p>После того, как все подготовительные работы сделаны, нужно заменить стандартные изображения на новые. Для этого, на сервере, с помощью бесплатного ftp-клиента , нужно найти папку с картинками. Она находится обычно по следующей директории: public_html/wp-includes/images/smiles. После замены, обновите страницу сайта и посмотрите на результат. Он должен быть таким:</p> <p><img src='https://i1.wp.com/sdelaemblog.ru/wp-content/uploads/2012/10/smiles_3.png' align="center" width="100%" loading=lazy></p> <p>Разница очевидна, по сравнению со стандартными, блеклыми смайлами. Теперь и Вы сможете улучшить свой блог. Данная операция занимает буквально несколько минут, а эффект стоит затраченных усилий.</p> <p>Да, не забудьте перед началом редактирования файлов wordpress — сделать резервную копию сайта . Чтобы в случае полного провала и уничтожения сайта:), его можно было восстановить.</p> <p>До новых встреч! У меня получилось и у Вас получится! </p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> </div> </div> </div> <div class='yuzo_related_post style-1' data-version='5.12.50'> <div class='yuzo_clearfixed yuzo__title'> <h3>Что еще почитать</h3> </div> <div class='yuzo_wraps'> <div class="relatedthumb relatedpost-60568 " style="width:258.75px;float:left;overflow:hidden;"> <a href="/referat-dlya-nauchno-prakticheskoi-konferencii-sinonimy/"> <div class="yuzo-img-wrap " style="/*width: 258.75px;height:180px;*/"> <div class="yuzo-img" style="background:url('/uploads/17406e957d302f52c50b34c7a38d6a6a.jpg') 50% 50% no-repeat;width: 258.75px;;max-width:100%;height:180px;margin-bottom: 5px;background-size: cover; "></div> </div> <span class="yuzo__text--title" style="font-size:20px;">Реферат для научно-практической конференции "синонимы русского языка"</span> <span class="yuzo_text" style="font-size:16px;">Знание синонимических богатств родного языка - необходимое условие речевой культуры человека. Синонимы – это (греч....</span> </a> </div> <div class="relatedthumb relatedpost-60566 " style="width:258.75px;float:left;overflow:hidden;"> <a href="/obshchie-pravila-perevozki-gruzov-avtomobilnym-transportom/"> <div class="yuzo-img-wrap " style="/*width: 258.75px;height:180px;*/"> <div class="yuzo-img" style="background:url('/uploads/8c97a4fc303742069f6ef36cf09a01a1.jpg') 50% 50% no-repeat;width: 258.75px;;max-width:100%;height:180px;margin-bottom: 5px;background-size: cover; "></div> </div> <span class="yuzo__text--title" style="font-size:20px;">Правила перевозок грузов автомобильным транспортом</span> <span class="yuzo_text" style="font-size:16px;">Постановление Правительства РФ от 15 апреля 2011 г. № 272 "Об утверждении Правил перевозок грузов автомобильным...</span> </a> </div> <div class="relatedthumb relatedpost-60565 " style="width:258.75px;float:left;overflow:hidden;"> <a href="/hlebushek-upotreblyali-recept-hleb-pita---klassicheskii-recept-podrobnyi-i-ochen/"> <div class="yuzo-img-wrap " style="/*width: 258.75px;height:180px;*/"> <div class="yuzo-img" style="background:url('/uploads/ef2563787a0a22d43f9d872233996f73.jpg') 50% 50% no-repeat;width: 258.75px;;max-width:100%;height:180px;margin-bottom: 5px;background-size: cover; "></div> </div> <span class="yuzo__text--title" style="font-size:20px;">Рецепт: Хлеб пита - Классический рецепт подробный и очень простой с раскрытием секрета приготовления</span> <span class="yuzo_text" style="font-size:16px;">Похожие лепешки любят по всему Средиземноморью: в Иерусалиме пита идет рука об руку с фалафелем, в арабских странах в...</span> </a> </div> </div> </div> <style> .yuzo_related_post img { width: 258.75px !important; height: 180px !important; } .yuzo_related_post .relatedthumb { line-height: 22px; background: #ffffff !important; color: #494c43!important; } .yuzo_related_post .relatedthumb:hover { background: #ffffff !important; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; ; color: #000000!important; } .yuzo_related_post .relatedthumb a { color: #494c43!important; } .yuzo_related_post .relatedthumb a:hover { color: #dd3333 } !important; } .yuzo_related_post .relatedthumb:hover a { color: #dd3333!important; } .yuzo_related_post .relatedthumb:hover .yuzo__text--title { color: #dd3333!important; } .yuzo_related_post .yuzo_text, .yuzo_related_post .yuzo_views_post { color: #494c43!important; } .yuzo_related_post .relatedthumb:hover .yuzo_text, .yuzo_related_post:hover .yuzo_views_post { color: #000000!important; } .yuzo_related_post .relatedthumb { margin: 5px 0px 0px 0px; padding: 5px 5px 5px 5px; } .yuzo_related_post .relatedthumb .yuzo-img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .yuzo_related_post .relatedthumb .yuzo-img-wrap { overflow: hidden; background: url(/wp-content/plugins/yuzo-related-post/assets/images/link-overlay.png) no-repeat center; } .yuzo_related_post .relatedthumb:hover .yuzo-img { opacity: 0.7; -webkit-transform: scale(1.2); transform: scale(1.2); } </style> <script> jQuery(document).ready(function($) { jQuery('.yuzo_related_post .yuzo_wraps').equalizer({ columns: '> div' }); }); </script> <div class="wpb_row vc_row-fluid ish-row-notfull ish-row_notsection"> <div class="ish-vc_row_inner"> <div class="share_box share_box_fixed"> <script type="text/javascript"> (function() { if (window.pluso) if (typeof window.pluso.start == "function") return; if (window.ifpluso == undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset = 'UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h = d[g]('body')[0]; h.appendChild(s); } })(); </script> <div class="pluso" data-background="transparent" data-options="big,square,line,horizontal,counter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir"></div> </div> </div> </div> <div class="wpb_row vc_row-fluid ish-row-notfull ish-row_notsection"> <div class="ish-vc_row_inner"> <div class="wpb_row vc_row-fluid ish-row-notfull ish-row_notsection"> </div> </div> </div> </div> <div class="ish-grid3 ish-main-sidebar ish-right-sidebar" id="sidebar"> <div class="ish-row ish-row-notfull"> <div class="ish-row_inner"> <div id="search-2" class="ish-grid3 widget-1 widget widget_search"> <form role="search" method="get" id="searchform" action="/"> <div> <label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" placeholder="Search..."> <input type="submit" id="searchsubmit" value=""> </div> </form> </div> </div> </div> <div class="ish-row ish-row-notfull"> <div class="ish-row_inner"> <div id="recent-posts-3" class="ish-grid3 widget-2 widget widget_recent_entries"> <h4 class="widget-title">ПОСЛЕДНИЕ ЗАПИСИ </h4> <ul> <li> <a href="/grazhdanskaya-voina-v-paragvae-1947-hod-boevyh-deistvii/">Гражданская война в парагвае 1947</a> </li> <li> <a href="/svyataya-ulita-stradanie-kirika-i-iulitty-kirik-tarsiiskii-mch/">Страдание кирика и иулитты</a> </li> <li> <a href="/zhidkaya-kasha-iz-ovsyanyh-hlopev-kak-pravilno-varit-ovsyanku-na/">Как правильно варить овсянку на молоке: самые полезные рецепты</a> </li> <li> <a href="/krestnoe-znamenie---troeperstie-i-dvoeperstie---svyatye--/">Крестное знамение - троеперстие и двоеперстие - святые - история - каталог статей - любовь безусловная</a> </li> <li> <a href="/kak-vyzhat-yablochnyi-sok-vruchnuyu-bez-marli-kak-zakatat-sok-iz-yagod-kak/">Как закатать сок из ягод?</a> </li> </ul> </div> </div> </div> <div class="ish-row ish-row-notfull"> <div class="ish-row_inner"> <div id="tag_cloud-2" class="ish-grid3 widget-3 widget widget_tag_cloud"> <h4 class="widget-title">Категории</h4> <div class="tagcloud"> <a href='/category/health/' class='tag-link-12' title='Здоровье' style='font-size: 8pt;'>Здоровье</a> <a href='/category/beauty/' class='tag-link-12' title='Красота' style='font-size: 8pt;'>Красота</a> <a href='/category/kitchen/' class='tag-link-12' title='Кухня' style='font-size: 8pt;'>Кухня</a> <a href='/category/house/' class='tag-link-12' title='Дом' style='font-size: 8pt;'>Дом</a> <a href='/category/fashion/' class='tag-link-12' title='Мода' style='font-size: 8pt;'>Мода</a> <a href='/category/hair/' class='tag-link-12' title='Волосы' style='font-size: 8pt;'>Волосы</a> <a href='/category/fashion-and-style/' class='tag-link-12' title='Мода и стиль' style='font-size: 8pt;'>Мода и стиль</a> </div> </div> <div class="space"></div> </div> </div> <div class="ish-row ish-row-notfull"> <div class="ish-row_inner"> <div id="tag_cloud-2" class="ish-grid3 widget-3 widget widget_tag_cloud"> </div> <div class="space"></div> </div> </div> </div> </div> </div> </section> <section class="ish-part_footer" id="ish-part_footer"> <div class="ish-row ish-row-notfull"> <div class="ish-row_inner"> <div id="text-2" class="ish-grid6 widget-1 widget widget_text"> <div class="textwidget"><p><img src="/logo/logo.png" loading=lazy></p> <p>nanbaby.ru - Здоровье и красота. Мода. Дети и родители. Досуг. Быт. Дом</p> <p></p> </div> </div><div id="ishyoboy-recent-portfolio-widget-3" class="icon-clock ish-grid3 widget-3 widget widget_ishyoboy-recent-portfolio-widget"> </div> </div> </div> </section> <section class="ish-part_legals"> <div class="ish-row ish-row-notfull"> <div class="ish-row_inner"> </div> </div> </section> </div> <a href="#top" class="ish-back_to_top ish-smooth_scroll ish-icon-up-open"></a> </div>  <style scoped>.yuzo_related_post{ } .yuzo_related_post .relatedthumb{ }</style><script type='text/javascript' src='https://nanbaby.ru/wp-content/plugins/akismet/_inc/form.js?ver=3.1.11'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.3.14'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.4.2'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/plugins/ishyoboy-boldial-assets/ishyoboy-shortcodes/assets/frontend/js/ishyoboy-shortcodes.js?ver=1.0'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/plugins/ishyoboy-boldial-assets/ishyoboy-widgets/assets/frontend/js/widgets.js?ver=4.3.14'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/plugins/yuzo-related-post/assets/js/yuzo-postviews-cache.js?ver=5.12.50'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/plugins/yuzo-related-post/assets/js/jquery.equalizer.js?ver=5.12.50'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/themes/boldial/assets/frontend/js/vendor/jquery.smoothscroll.min.js'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/themes/boldial/assets/frontend/js/vendor/jquery.fancybox.pack.js'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/themes/boldial/assets/frontend/js/vendor/ish_jquery.tooltipster.min.js'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/themes/boldial/assets/frontend/js/main.js'></script> <script type='text/javascript' src='https://nanbaby.ru/wp-content/themes/boldial/wpbakery/js_composer/assets/js/js_composer_front.js?ver=4.5.3'></script> </body> </html>