Кстати, делиться с читателями своим положительным или даже отрицательным опытом – это основа успешного ведения блога (и ).
Проблемы-то возникают у многих, поэтому подобная информация востребована.
Как вывести программный код
Итак, вы хотите дать читателям скопировать скрипт или html код, размещаете его в тело поста. Не тут-то было. Как вывести его без преобразования?
Совсем недавно для корректного вывода тегов на странице предлагалось вручную заменять знаки < и > на спецсимволы < и >.
Сегодня движок WordPress чаще всего умеет сам делать такие преобразования, но также добавляет много мусора, перековеркивает, обрезает код, делает его нечитаемым или некопируемым (было в моей теме).
На самом деле способов красиво оформить html код, вставить его в пост с подсветкой синтаксиса несколько: без плагина и с применением wordpress плагинов для кода.
Перечислю способы, а вы пробуйте, что подойдет именно вам. Я убедилась на своем опыте, что не в каждом шаблоне теги и плагины работают одинаково. Подробнее о правильном выведении кода смотрите в учебнике HTML.
Показать html код на странице как текст. Тег
Показать html код на странице как текст, подсветить его помогают теги
В ВИЗУАЛЬНОМ РЕДАКТОРЕ пропишите код.
Перейдите в HTML РЕЖИМ, добавьте открывающий и закрывающий тег
В моей теме уже автоматически знаки < > преобразовались в спецсимволы < и >. СОХРАНИТЕ. В визуальный режим больше НЕ переключайтесь, иначе изменения пропадут.
При отображении СОХРАНЯЮТСЯ все пробелы. В моем шаблоне получился следующий результат (у вас отображение может быть другим). 
Как вывести html код на странице поста как текст. Тег
Тег также позволяет вывести одну или несколько строк программного кода. Пробелы и переносы НЕ УЧИТЫВАЮТСЯ, переносите строки тегами Или
.
Делайте все аналогично вставке тега
. 
Отобразить html код на странице как текст. Тег<![CDATA[</h4> <p>Если вы предлагаете читателям коды нечасто, можете использовать такую конструкцию.</p><p> <div style="overflow: auto;
height: 80px;
width: 450px;
padding: 8px;
border: 1px solid #ccc;">
<xmp>
ВСТАВИТЬ СЮДА ВАШ КОД
]]>
Она помогает отобразить коды или скрипты в виде текста, заключенного в рамочку, С УЧЕТОМ форматирования и всех переносов.
Отображение кода получится в симпатичной рамочке. Ее ширину редактируйте, изменяя параметр width, высоту - height.
Но дело в том, что КОДЫ с использованием тега <![CDATA[ считаются НЕВАЛИДНЫМИ.
</i>
</b> Учебник HTML предлагает вставлять этот тег только в таком виде.</p> <h4>Плагины для выведения кода на страницу поста</h4> <p>Большинство блогеров для красивого и неизменного отображения html кодов на странице поста применяют плагины для WordPress. Опять таки, плагинов множество, но у меня корректно заработал лишь один.</p> <p>Приведу список, а вы подберете плагин, работающий с вашим шаблоном.</p> <p>Сладкая парочка <b>WP-Syntax
</b> – выделяет код рамочкой, дает возможность подсветить синтаксис. Плюс <b>wp-syntax button
</b> – выводит кнопку в админпанель блога, предоставляет возможность вставить html код или скрипт без преобразования в специальное окно. Недостаток – все действия производятся в html режиме, переключаться в визуальный режим нельзя, иначе все изменения исчезнут.</p> <p><b>Syntax Highlighter Compress
</b> – в текстовый редактор выводит дополнительную кнопку. Нажимаете ее, открывается окно, куда можно ввести код и выбрать язык программирования.</p> <p>Так же работают и другие плагины.</p> <ul><li><b>Better WordPress Syntax
</b></li> <li><b>Wp-highlight.js
</b></li> <li><b>SyntaxHighlighter
</b></li> <li><b>Auto SyntaxHighlighter
</b> (у меня). И многие другие плагины.</li>
</ul><p>Мне пришлось устанавливать и активировать все по-очереди, пока не нашла тот, который работает в моем шаблоне.</p> <h4>Заключение</h4> <p>Итак, из статьи вы узнали, как можно вывести html код на странице поста, используя теги или плагины. А какой способ применяете вы, чтобы внести теги html в обычный текст без преобразования?</p>
<p>Возвращает или изменяет текстовое содержимое выбранных элементов.</p>
<ul><li><h4>version added: <a>1.0</a>
.text()</h4>
</li>
<li><h4>version added: <a>1.0</a>
.text(textString)</h4>
<p>Получает текст выбранного элемента в наборе. Если таких элементов несколько, получит содержимое всех элементов, разделенные пробелом</p></li>
<li><h4>version added: <a>1.4</a>
.text(function(index, text))</h4>
<p>Заменяет содержимое каждого выбранного элемента в наборе на возвращенное функцией <b>function
</b> текст. Функция вызывается, для каждого из выбранных элементов.
Параметры функции: <br><b>index
</b> - позиция элемента в наборе, <br><b>value
</b> - текущей текст элемента.</p></li>
</ul><p><b>Пример 1.
</b><b> Получим текстовое-содержимое элемента <b>div
</b>:
</b></p>
<p> <div class="example">Привет! я <strong>div</strong> <p>параграфы</p>, <h4>заголовок h4</h4>, <strong>strong</strong>, ссылка
</div>
<div class="example"><strong>Второй div</strong></div>
<button>Получить текстовое-содержимое элемента <strong>div</strong></button>
<br><b>JS:
</b> $(function (){
$("button").click(function(){
var html = $(".example").text();
alert(html);
});
});
<br></p><p><b>Пример 2.
</b><b> Заменим содержимое элемента <b>div на введенный текст
</b>:
</b></p>
<p> <div>Привет! я <strong>div</strong>-ный элемент на странице. Во мне много всякого html-а, <p>параграфы</p>, <h4>заголовок h4</h4>, <strong>strong</strong>, ссылка
</div>
<p>Введите текст: <input type="text" /></p>
<button>Заменить содержимое элемента <strong>div</strong> на введенный текст</button>
<br><b>JS:
</b> $(function (){
$("button").click(function(){
var text = $("input").val();
$("div").text(text);
});
});
<br></p><p>Обратите внимание, что метод<b> .text(textString)
</b>преобразует htm-теги в их сущности, аналогично функции <b>htmpspecialchars
</b>в php. Для проверки в примере выше попробуйте вставить какой-либо html-код.</p>
<p><b>Пример 3.
</b><b> Заменим HTML-содержимое элементов div c помощью функции, которая вернет первые 20 символов начального текста, полученный текст обернем в параграф, полученная строка вернется и заменит собой исходную
:
</b></p>
<p> <style>
body{
line-height: 100%;
}
div{
margin-bottom: 20px; padding: 5px; border: solid 1px #ccc;
}
</style>
<div class="example">Привет! я <strong>div</strong>-ный элемент на странице. Во мне много всякого html-а, <p>параграфы</p>, <h4>заголовок h4</h4>, <strong>strong</strong>, ссылка
</div>
<div class="example">Привет! я <strong>второй div</strong>-ный элемент на странице. Во мне тоже много всякой-всячины</a>
</div>
<button>Выбрать первые 20 символов в текстах каждого <strong>div</strong>-а</button>
<br><b>JS:
</b> $(function (){
$("button").click(function(){
$(".example").text(function(index, text){
text = text.substr(0,20);
return text;
});
});
});
</p>
<p>В статье разберем как сделать в wordpress вывод меток (не путать с тегами). Позволяют быстро найти нужную информацию, особенно если на сайте количество постов насчитывает сотню или более. Она добавляется в окне редактирования записи. Их может быть одна или несколько.</p> <h2>Для чего нужны и где ввести</h2> <p>Метки в wordpress служат некими ключевыми словами, по которым можно сориентироваться на блоге с целью поиска нужной информации.</p> <h2>Как сделать вывод меток в wordpress</h2> <p>Рассмотрим два способа вывода меток на сайте. В первом случае воспользуемся встроенными возможностями WordPress. Во втором – используем специальный плагин, позволяющий решить эту же задачу, но с расширенными возможностями. Будем считать, что они к статьям уже добавлены, и их осталось показать на страницах. Выводить будем в сайдбаре.</p> <h3>Способ 1. Стандартные средства WordPress</h3> <p>Для вывода, необходимо в админ-панели перейти <b>Внешний вид -> Виджеты
</b>. WordPress, для вывода имеет встроенный инструмент <b>Облако меток
</b>.</p> <p><img src='https://i1.wp.com/wpschool.ru/wp-content/uploads/2017/10/popular_tags_2.png' align="center" width="100%" loading=lazy></p> <p>Для добавления виджета к выводу необходимо его перетянуть в сайдбар.</p> <p><img src='https://i2.wp.com/wpschool.ru/wp-content/uploads/2017/10/popular_tags_3.png' align="center" height="538" width="468" loading=lazy></p> <p>Тут можно задать имя и возможность показа количества записей, связанных с конкретным тегом. После нажатия кнопки <b>Сохранить
</b> можно переходить на сайт.</p> <p><img src='https://i0.wp.com/wpschool.ru/wp-content/uploads/2017/10/popular_tags_4.png' align="center" width="100%" loading=lazy></p> <p>В нашем примере было добавлено 3 штуки. Видно на фото, их названия имеют разные размеры начертания. Это связано с тем, что <b>Метка 1
</b> был прикреплен к постам наибольшее количество раз. Дальше по количеству прикрепленности идут отстальные.</p> <h3>Способ 2. Плагин Simple Tags</h3> <p>Плагин Simple Tags
выполняет ту же задачу, но имеет больше визуальных возможностей. Так, после установки и активации плагина, следует перейти <b>Настройки -> Simple Tags
</b>, где увидите основное окно настроек плагина.</p> <p><img src='https://i1.wp.com/wpschool.ru/wp-content/uploads/2017/10/popular_tags_5.png' align="center" width="100%" loading=lazy></p> <p>Для вывода с помощью плагина нужно снова перейти <b>Внешний вид -> Виджеты
</b>. Теперь среди списка доступен <b>Tag Cloud (Simple Tags)
</b>.<br><img src='https://i2.wp.com/wpschool.ru/wp-content/uploads/2017/10/popular_tags_6.png' align="center" width="100%" loading=lazy></p> <p>Перетягиваем его и видим множество настроек.<img src='https://i2.wp.com/wpschool.ru/wp-content/uploads/2017/10/popular_tags_7.png' align="center" height="692" width="440" loading=lazy></p> <p>Среди настроек, можно задать максимальное количество меток для отображения, всевозможные сортировки, размер шрифта, цвета. Зададим, например, красный цвет для наиболее популярных. Для этого в поле <b>Цвет шрифта минимальных: (по умолчанию: #CCCCCC)
</b> укажем значение <b>#ff0000
</b> и нажмем кнопку <b>Сохранить
</b>.</p> <p><img src='https://i0.wp.com/wpschool.ru/wp-content/uploads/2017/10/popular_tags_8.png' height="589" width="420" loading=lazy></p> <p>Результат настроек на блоге:</p> <p><img src='https://i2.wp.com/wpschool.ru/wp-content/uploads/2017/10/popular_tags_9.png' align="center" width="100%" loading=lazy></p> <h2>Показать метки текущего поста или рубрики</h2> <p>Иногда необходимо показать в текущем посте (записи, странице, рубрики или категории). Для решение проблемы необходимо залезть в код самой темы и найти то место где необходима данная функция.</p> <blockquote class="danger"><p>Внимание: если вы не особо дружите с HTML и большей части с PHP, то лучше прибегнкть к помощи других людей.</p>
</blockquote> <p>За вывод меток записи отвечает функция <b>the_tags
</b> рассмотрим три варианта:</p> <ul><li>Стандартный вид</li> <li>Замена надписи</li> <li>Списком</li>
</ul><p>В шаблоне (выбрал single.php вверху страницы, для категорий, например, это category), вставляем один из трёх кодов:</p> <ol><li><p><?php the_tags(); ?></p> добавляем стандартную надпись и далее все ссылки</li> <li><?php the_tags("другие варианты: ", " > "); ?> заменяет стандартную надпись на свою</li> <li><?php the_tags(""); ?> показывает списком</li>
</ol><p>Вот сюда я вставил код (сразу все три строчки) в файле single темы Twenty Sewenteen.</p> <p><img src='https://i0.wp.com/wpschool.ru/wp-content/uploads/2017/10/metki1.png' align="center" width="100%" loading=lazy></p> <p>И получил такую картину, вверху записи появилось новых три раздела.</p> <p><img src='https://i0.wp.com/wpschool.ru/wp-content/uploads/2017/10/metki2.png' align="center" width="100%" loading=lazy></p> <p>В статье разобрали и настроили вывод меток на wordpress блоге. Если у вас есть пожелания или дополнения то мы с радостью их выслушаем.</p>
<ul><p>Здравствуйте! Нужно вывести отдельно облако тегов блога в сайдбаре блога, отдельно категории. Категории получилось вывести, теги нет. Прошу помощи. Использую плагины для тегов и категорий. Стандартно они выводятся вместе, тема default 2.</p>
<p>Привет, я не шарю в php. Так вот у меня вопрос:Как вывести теги в не массива...{foreach $post.plugins.after as $plugin => $output}{$output}{/foreach}Как я понял, суть в том что все установленные плагины относящиеся к блогам будет выводиться в конце...</p>
<p>Добрый день, уважаемые. С платформой встретился первый раз. Заказчик хочет вывести теги на главную страницу. В бэкэнде я их вижу, как инструмент отбора по ним в низу админки, но не могу найти как это вывести в фронтэнд. С PHP знаком.</p>
<p>Есть решение
</p><p>Добрый день.Подскажите кто-нибудь, как вывести теги к фотографиям скажем на странице photos-thumbs.html что бы у каждой фотографии снизу писалось не только Описание $photo.descriprion, но и подобие $tags как в photo.html. Тема дизайна Дефолт...</p>
<p>В шаблоне photos-thumbs.html добавить к примеру {implode($photo.tags,",")} после </a>
</p>
<p>Доброго всем, подскажите как вывести теги блога в home.html приложения магазин? Для блога используется бесплатный плагин</p>
<p>Есть решение
</p><p>Как можно вывести информацию вверху страниц тегов? Нужно чтобы она отображалась только на страницах товаров, отобранных по тегу... Пробовали добавлять на страницу search.html, но блок виден еще и на страница брендов, а нужно только на странице тегов....</p>
<p>Ну...например так:{if $wa->currentUrl()|strstr:"/tag/"}
ваш код
{/if}
</p>
<p>Как вывести категории блога в сайдбаре любой темы отдельно от облака тегов? Тоже самое облако тегов без категорий?У меня почему, то выводятся вместе. Облако тегов и под ним категории.Вот код:<!-- PLUGINS -->
{foreach $frontend_action as $plugin...</p>
<p>При создании страницы сайта в Настройках страницы если убрать галочку с "Для соцсетей использовать эти же заголовки и описания" появляются поля для ввода og тегов (og:title, og:image, og:video, og:description). Подскажите как вывести эти теги...</p>
<p> <span>Стилизовать теги
</span>
</p><p>Всем привет.Нужно стилизовать Теги, например как здесь http://www.rukzakoff.ru/product/ryukzak-holdie-lea...Делать нужно в этом магазине http://biznes-lanch.com/product/mindal-1-kg/, так-же вывести в сайд баре и под описание, сейчас они под кнопкой...</p>
<p>Наш магазин: http://instrumart.ru/tag/flir+one/Нужно для заданного тега выводить в мета-теге description название бренда товара, вывожу так:Только оригинальные {tag_name} производства компании {brand_name}, купить за наличные в Москве или по карте на...</p>
<p>Есть решение
</p><p>Подскажите как вывести в sitemap страницы тегов?</p>
<p>В sitemap эти страницы не формируются для избежания дублирования ссылок.В рекомендациях https://www.shop-script.ru/help/149/shop-script-5-... индексирование тегов тоже закрыто - Disallow: /tag/
</p>
<p>В приложении "Сайт", "Магазин" облако тегов выводится по алфавиту, в "Хаб" в порядке весов.Как вывести облако тегов для "Сайт", "Магазин" в порядке весов?p/s/ облако выводится примерно так: {$cloud =...</p>
<p>Есть решение
</p><p>Как вывести облако тегов на странице товаров, отобранных по тегу? Чтобы это облако не выводилось на других страницах, например, брендов..</p>
<p>Попробуйте обернуть код вывода облака условием, получится примерно так:{if strstr($wa->currentUrl(), "tag")}{/if}
</p>
<p>Есть решение
</p><p>Здравствуйте. Подскажите пожалуйста, как вывести в карточке товара условие по конкретному тегу?{if $product.tags}...... {/if} выводит если указан вообще хоть один тег у товара, а как указать условия по конкретным тегам?</p>
<p> {if $product.tags.1|default:false} Tag 1 {/if}где 1 идентификатор тега.
</p>
<p>Есть блок blog.latest_posts, позволяющий выводить заданное количество последних записей блога.
Нужен подобный блок, позволяющий выводить не последние записи, а записи с определенным тегом (например, "Новости")
Код блока blog.latest_posts:...</p>
<p>Есть два блога: blog/ и news/. Как вывести в блоге отображение тегов только этого блога? Всё равно при нажатии на тег другого блога ничего не находится.</p>
<p>Требуется вывести в наименовании товара как верхний индекс значок ®вслед за товарным знаком - ЗНАК®В HTML это можно сделать через теги <sup> </sup>. При попытке вставить их в поле наименование товара, выводятся и сами теги.</p>
<p>Подскажите - есть плагин тегов для блога(https://www.webasyst.ru/store/plugin/blog/tag/) в описании указано Облако тегов доступно в бекенде и во фронтенде (на сайте), ни как не могу вывести на сайте.</p>
<p>Есть решение
</p><p>Собственно вопрос:В приложении фото есть возможность назначить к фото свои описания и теги. А для чего они нужны если они нигде во фронтеде не выводятся? И собственно вопрос: как эти описания и теги вывести в галереи или в другом месте, где выводятся...</p>
<p>Прошло три недели, как обещали поправить, а воз и ныне там Разочарованы этой темой дизайна "корпоративный"очень много лишнего кода, очень много шлака, под фото вообще не оптимизирована. Обидно, выброшенные деньги и время.
</p>
<p>Здравствуйте! Требуются доработки: Добавить подстраницу товара «Запчасти для модели». Аналогично https://rc-today.ru/product/monstr-remo-hobby-rh1631/ (кнопка «Запчасти и тюнинг»). На этой подстранице вывести список товаров...</p>
<p> <span>Вывести Cross-selling товары на подстраницу товара
</span>
</p><p>Здравствуйте! Требуются доработки: Добавить подстраницу товара «Запчасти для модели». Аналогично https://rc-today.ru/product/monstr-remo-hobby-rh1631/ (кнопка «Запчасти и тюнинг»). На этой подстранице вывести...</p>
<p>Есть решение
</p><p>Добрый день! В ShopScript5 краткое описание выводилось с учетом HTML разметки, тегов.В Webasyst 6 (тема Sidebar) после загрузки товаров из старого магазина SS5 краткое описание выводится сплошным текстом. При этом теги просто отбрасываются, не...</p>
<p>Да, в list-thumbs.html вашей темы измените {strip_tags($p.summary)|truncate:100} на, например, {$p.summary|truncate:100}, 100 - это ограничение на количество символов, можно увеличить.
</p>
<p>Есть решение
</p><p>Подскажите как вывести список всех используемых тегов в приложении ХАБ?</p>
<p>По такому принципу. Вставьте в нужное место шаблона вашей темы дизайна.{if $cloud = $wa->hub->tags()}
<div class="tags align-center">
{foreach $cloud as $tag}
{$tag.name|escape}
{/foreach}
</div>
{/if}
</p>
<p>Здравия друзья!Возник вопрос. Есть товар, допустим iphone. Люди задают на него вопросы в хабе с тегом #iphone. Имеется допустим 10 ответов. Я хочу их вывести на странице заказа iphone в магазине. Это возможно? И если да - то как это реализовать?</p></ul>
<p>Браузеры интерпретируют html-теги в свой синтаксис. В итоге любой html-тег при написании его в виде <тег>
не отображается на странице, так как мы видим его в коде. Рассмотрим все способы как можно выводить теги html на странице сайта так, как они написаны в коде.</p>
<p>Существует три способа. Каждый из них не идеален. Я пользуюсь первым.</p>
<h2>Замена левой и правой скобки на коды < и ></h2>
<p>Чем характеризуется любой html-тег? Наличием открывающей и закрывающий скобки: < и >. Если мы будем писать эти скобки с помощью html-кодов , то добьемся как раз нужного нам результата, а точнее, что браузер поймет этот код, как простой текст.</p>
<p>Например, мы хотим вывести следующий html-код на странице сайта:</p>
<blockquote><html
>
<head
>
<style
></style
>
</head
>
<body
>
<div
class
="primer1
"><span>Пример №1. Рамка с тенью
</span></div
>
</body
>
</html
>
</blockquote>
<p>Для этого заменяем</p>
<ul><li><
на <
</li>
<li>>
на >
</li>
</ul><blockquote><html
>
<head
>
<style
>
.primer1
{
padding
: 10px;
margin
: 10px;
width
: 200px;
height
: 100px;
box-shadow
: 0px 0px 15px 5px
#a34b23;
}
</style
>
</head
>
<body
>
<div
class
="primer1
"><span>Пример №1. Рамка с тенью
</span></div
>
</body
>
</html
>
</blockquote>
<p>Заменять каждую знак муторно и долго. Поэтому проще всего определиться сразу какой код нужно вывести, а потом массово сделать замену. Это делается с помощью любого блокнота (например, notepad++). Открыв код в блокноте, нажмите комбинацию "CTRL + H" (заменить). Заполните поля что заменить и чем. Таким образом, можно автоматом массово заменить все нужные символы на другие.</p>
<p>В интернете есть специальные онлайн генераторы для замены.</p>
<p>В целом я придерживаюсь этого метода, т.к. он кроссбраузерный и валидный (отвечает всем стандартам).</p>
<h2>Используя теги <xmp> и <plaintext></h2>
<p>В html есть специальные теги для отображения кода как есть: <xmp>
...]]>
и <![CDATA[
...</plaintext>
. Весь html-код нужно поместить как есть между открывающим и закрывающим тегами и все.</p>
<p>В целом этот метод работает во всех браузерах. Однако этот код не проходит валидацию.</p>
<p>Пользоваться этим методом или нет? Конечно, вряд ли это может как-то сказаться на позициях сайта и траста сайта со стороны поисковых систем, но лично я придерживаюсь к мнению, что если делать код, то сразу отвечающим всем стандартам. Сейчас это не важно, а завтра может быть это станет уже критично.</p>
<p>Пример с <xmp>
</p>
<blockquote><xmp
>
<html
>
<head
>
<style
>
.primer1
{
padding
: 10px;
margin
: 10px;
width
: 200px;
height
: 100px;
box-shadow
: 0px 0px 15px 5px
#a34b23;
}
</style
>
</head
>
<body
>
<div
class
="primer1
"><span>Пример №1. Рамка с тенью
</span></div
>
</body
>
</html
>
</xmp
>
</blockquote>
<p>Пример с <plaintext>
</p>
<blockquote><plaintext
>
<html
>
<head
>
<style
>
.primer1
{
padding
: 10px;
margin
: 10px;
width
: 200px;
height
: 100px;
box-shadow
: 0px 0px 15px 5px
#a34b23;
}
</style
>
</head
>
<body
>
<div
class
="primer1
"><span>Пример №1. Рамка с тенью
</span></div
>
</body
>
</html
>
</plaintext
>
</blockquote>
<p>Из этих двух тегов, советую выбирать <plaintext>Т.к. он более новый и есть шансы пройти валидность кода.</p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</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 class="right -is-sticky">
<div class="articles-conseilles">
<div id="focoda2" style="height:500px;width:266px;" align="center"></div>
</div>
</div>
</div>
<div class="a-decouvrir">
<h3>Рекомендуем почитать</h3>
<div class="featured">
<div class="view view-articles view-id-articles view-display-id-block_4 view-dom-id-169dc93f512a102548b755435ccd1346">
<div class="view-content">
<div class="row">
<article class="preview-article">
<header class="preview-article__header">
<a href="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/">
<figure class="">
<img src="https://i2.wp.com/webhelper.info/images/danger.jpg" alt="Лучшие утилиты для удаления вирусов и вредоносных программ" loading=lazy>
</figure>
</a>
</header>
<div class="preview-article__content">
<div class="views-field views-field-title"> <span class="field-content"><a href="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/">Лучшие утилиты для удаления вирусов и вредоносных программ</a></span> </div>
<div class="views-field views-field-body">
<div class="field-content">
<p>
Вредоносное ПО (malware) - это назойливые или опасные программы,...
</p>
</div>
</div>
<div class="views-field views-field-field-article-categorie">
<div class="field-content"> <span class="preview-article__category se-soigner">
</span>
</div>
</div>
</div>
</article>
<article class="preview-article">
<header class="preview-article__header">
<a href="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/">
<figure class="">
<img src="https://i0.wp.com/softnonstop.ru/newi/7-Data-Recovery-Suite-min.png" alt="Как тестировались программы" loading=lazy>
</figure>
</a>
</header>
<div class="preview-article__content">
<div class="views-field views-field-title"> <span class="field-content"><a href="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/">Как тестировались программы</a></span> </div>
<div class="views-field views-field-body">
<div class="field-content">
<p>
Лучшие программы для восстановления данных с любых носителей информации....
</p>
</div>
</div>
<div class="views-field views-field-field-article-categorie">
<div class="field-content"> <span class="preview-article__category se-soigner">
</span>
</div>
</div>
</div>
</article>
<article class="preview-article">
<header class="preview-article__header">
<a href="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/">
<figure class="">
<img src="https://i2.wp.com/pcpro100.info/wp-content/uploads/2015/03/kak-pochistit-kompyuter-ot-pyili.jpg" alt="Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы" loading=lazy>
</figure>
</a>
</header>
<div class="preview-article__content">
<div class="views-field views-field-title"> <span class="field-content"><a href="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/">Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы</a></span> </div>
<div class="views-field views-field-body">
<div class="field-content">
<p>
Здравствуйте.Одна из самых распространенных причин, по которым тормозит...
</p>
</div>
</div>
<div class="views-field views-field-field-article-categorie">
<div class="field-content"> <span class="preview-article__category se-soigner">
</span>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="#skip-link" class="visually-hidden visually-hidden--focusable" id="main-menu" tabindex="-1">Наверх</a>
</div>
</section>
<div class="region region-bottom">
<div class="block block-block first last odd" id="block-block-7">
<ul>
<li><a href="/category/news/">Новости</a></li>
<li><a href="/category/for-android/">Для Андроид</a></li>
<li><a href="/category/for-windows/">Для Windows</a></li>
<li><a href="/category/for-windows-phone/">Для Windows Phone</a></li>
<li><a href="/category/download-viber/">Скачать Viber</a></li>
<li><a href="/category/viber-on-the-computer/">Вайбер на компьютер</a></li>
</ul>
<p><a href="/" id="choosit"><img alt="" height="13" src="/sites/all/themes/lanutrition/img/logo-choosit.svg" width="50" / loading=lazy></a></p>
</div>
</div>
<div class="search-modal" id="search-modal"><button class="close-button" id="close-search" aria-label="Close reveal" type="button"><span aria-hidden="true">×</span></button>
<div class="search-modal__content">
<div class="block block-search first odd" role="search" id="block-search-form">
<form class="search-form" role="search" action="/" method="get" id="search-block-form" accept-charset="UTF-8">
<div>
<div class="container-inline">
<h2 class="element-invisible">Поиск по сайту</h2>
<div class="form-item form-type-textfield form-item-search-block-form">
<input title="" class="custom-search-box form-text" placeholder="введите слово" type="text" id="edit-search-block-form--2" name="s" value="" size="15" maxlength="128" />
</div>
<div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Rechercher" class="form-submit" /></div>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>]]></plaintext></i></b></p></div></div>
