In this article we will look at how to display tags in WordPress (not to be confused with tags). They allow you to quickly find the information you need, especially if there are a hundred or more posts on the site. It is added in the entry editing window. There may be one or several.
What are they for and where to enter them?
Tags in wordpress serve as some keywords, which you can use to navigate the blog for search purposes necessary information.
How to display tags in wordpress
Let's look at two ways to display tags on a website. In the first case, we will use the built-in features of WordPress. In the second, we use a special plugin that allows us to solve the same problem, but with expanded capabilities. We will assume that they have already been added to the articles, and all that remains is to show them on the pages. We will display it in the sidebar.
Method 1. Standard WordPress tools
To withdraw, you need to go to the admin panel Appearance-> Widgets. WordPress has a built-in output tool Label cloud.
To add a widget to the output, you need to drag it to the sidebar.
Here you can set the name and the ability to display the number of records associated with a specific tag. After pressing the button Save you can go to the site.
In our example, 3 pieces were added. You can see in the photo that their names have different font sizes. This is due to the fact that Label 1 was attached to posts greatest number once. Next in terms of the number of attachments are the rest.
Method 2. Simple Tags plugin
The Simple Tags plugin performs the same task, but has more visual capabilities. So, after installing and activating the plugin, you should go Settings -> Simple Tags, where you will see the main plugin settings window.
To output using the plugin you need to go again Appearance -> Widgets. Now available in the list Tag Cloud (Simple Tags).
We drag it and see many settings. 
Among the settings, you can set the maximum number of labels to display, various sortings, font size, colors. Let's set, for example, red color for the most popular ones. To do this in the field Minimum font color: (default: #CCCCCC) indicate the value #ff0000 and press the button Save.
Result of settings on the blog:
Show tags for the current post or category
Sometimes it is necessary to show in the current post (post, page, category or category). To solve the problem, you need to go into the code of the theme itself and find the place where this function is needed.
Attention: if you are not particularly familiar with HTML and most of PHP, then it is better to seek the help of other people.
The function is responsible for displaying record labels the_tags Let's consider three options:
- Standard view
- Replacing the inscription
- List
In the template (selected single.php at the top of the page, for categories, for example, this is category), insert one of three codes:
- add a standard inscription and then all the links
- "); ?> replaces the standard inscription with your own
- shows in list
This is where I pasted the code (all three lines at once) in the single file of the Twenty Seventeen theme.
And I got this picture: three new sections appeared at the top of the entry.
In the article we disassembled and configured the display of tags on a WordPress blog. If you have any suggestions or additions, we will be happy to listen to them.
Hello! You need to display the blog tag cloud separately in the blog sidebar, separately the categories. The categories were displayed, but the tags were not. Please help. I use plugins for tags and categories. By default they are displayed together, default theme 2.
Hi, I'm not good at php. So my question is: How to display tags in a non-array...(foreach $post.plugins.after as $plugin => $output)($output)(/foreach)As I understand it, the point is that everything installed plugins related to blogs will be displayed at the end...
Good afternoon, dear ones. I met the platform for the first time. The customer wants to display tags on home page. In the backend I see them as a selection tool for them at the bottom of the admin panel, but I can’t find how to display it in the frontend. I'm familiar with PHP.
There is a solution
Good afternoon. Someone tell me how to display tags for photographs, say on the photos-thumbs.html page, so that for each photo at the bottom there would be written not only the Description $photo.descriprion, but also something like $tags as in photo.html. Design theme Default...
In the photos-thumbs.html template, add for example (implode($photo.tags,",")) after
Hello everyone, tell me how to display blog tags in the home.html application store? Used for blog free plugin
There is a solution
How can I display information at the top of tag pages? It needs to be displayed only on pages of products selected by tag... We tried adding it to the search.html page, but the block is also visible on the brands page, but it is needed only on the tags page....
Well...for example like this:(if $wa->currentUrl()|strstr:"/tag/") your code (/if)
How to display blog categories in the sidebar of any theme separately from the tag cloud? The same cloud of tags without categories? For some reason, they are displayed together. Tag cloud and categories below it. Here is the code:(foreach $frontend_action as $plugin...
When creating a site page in the Page Settings, if you uncheck the “Use the same titles and descriptions for social networks” fields for entering og tags (og:title, og:image, og:video, og:description) appear. Tell me how to display these tags...
Style tags
Hello everyone. You need to stylize the Tags, for example like here http://www.rukzakoff.ru/product/ryukzak-holdie-lea...You need to do this in this store http://biznes-lanch.com/product/mindal-1 -kg/, also display in the side bar and under the description, now they are under the button...
Our store: http://instrumart.ru/tag/flir+one/For a given tag, you need to display the name of the product brand in the description meta tag, I display it like this: Only original (tag_name) produced by the company (brand_name), buy for cash in Moscow or by map on...
There is a solution
Tell me how to display tag pages in the sitemap?
In the sitemap, these pages are not generated to avoid duplication of links. In the recommendations https://www.shop-script.ru/help/149/shop-script-5-... indexing of tags is also closed - Disallow: /tag/
In the “Site”, “Store” application, the tag cloud is displayed in alphabetical order, in the “Hub” in order of weights. How to display the tag cloud for “Site”, “Store” in order of weights? p/s/ the cloud is displayed something like this: ($ cloud =...
There is a solution
How to display a tag cloud on the page of products selected by tag? So that this cloud is not displayed on other pages, for example, brands..
Try wrapping the cloud output code with a condition, it will look something like this:(if strstr($wa->currentUrl(), "tag"))(/if)
There is a solution
Hello. Please tell me how to display a condition for a specific tag in a product card? (if $product.tags).... (/if) displays if at least one tag is specified for a product, but how to specify conditions for specific tags?
(if $product.tags.1|default:false) Tag 1 (/if)where 1 is the tag identifier.
There is a blog.latest_posts block that allows you to display a specified number of recent blog posts. We need a similar block that allows us to output not the last notes, and posts with a specific tag (for example, “News”) Block code blog.latest_posts:...
There are two blogs: blog/ and news/. How can I display the tags of only this blog on a blog? Still, when I click on another blog tag, nothing is found.
It is required to display the ® icon in the product name as a superscript, following trademark- ZNAK®In HTML this can be done through tags . When you try to insert them into the product name field, the tags themselves are displayed.
Tell me - there is a tag plugin for the blog (https://www.webasyst.ru/store/plugin/blog/tag/) the description says The tag cloud is available in the backend and frontend (on the website), but I can’t display it on the website .
There is a solution
Actually the question: In the photo application it is possible to assign your own descriptions and tags to photos. Why are they needed if they are not displayed anywhere in the frontend? And the actual question is: how to display these descriptions and tags in galleries or in another place where they are displayed...
Three weeks have passed since they promised to fix it, but things are still there. Disappointed with this “corporate” design theme, there is a lot of unnecessary code, a lot of slag, it is not optimized for photos at all. It's a shame, wasted money and time.
Hello! Improvements required: Add a product subpage “Spare parts for the model”. Similar to https://rc-today.ru/product/monstr-remo-hobby-rh1631/ (button “Spare parts and tuning”). On this subpage display a list of products...
Display Cross-selling products on the product subpage
Hello! Improvements required: Add a product subpage “Spare parts for the model”. Similar to https://rc-today.ru/product/monstr-remo-hobby-rh1631/ (button “Spare parts and tuning”). On this subpage display...
There is a solution
Good afternoon In ShopScript5 short description was displayed taking into account HTML markup and tags. In Webasyst 6 (Sidebar theme), after loading products from the old SS5 store, a short description is displayed in solid text. In this case, the tags are simply discarded, not...
Yes, in your theme's list-thumbs.html change (strip_tags($p.summary)|truncate:100) to, for example, ($p.summary|truncate:100), 100 is the character limit, you can increase it.
There is a solution
Tell me how to display a list of all used tags in the HUB application?
According to this principle. Paste into the desired location of your design theme template.(if $cloud = $wa->hub->tags())
(foreach $cloud as $tag) ($tag.name|escape) (/foreach)
(/if)
Hello friends! I have a question. There is a product, say an iPhone. People ask questions about it in the hub with the tag #iphone. There are allowed 10 answers. I want to display them on the iPhone order page in the store. Is this possible? And if so, how to implement it?
Browsers interpret html tags into their own syntax. As a result, any html tag, when written in the form<тег>is not displayed on the page because we see it in the code. Let's look at all the ways you can withdraw html tags on the site page the way they are written in code.
There are three ways. Each of them is not perfect. I use the first one.
Replacing left and right brackets with codes< и >
What characterizes any html tag? The presence of opening and closing brackets:< и >. If we write these brackets using html codes, we will achieve exactly the result we need, or rather, that the browser will understand this code as simple text.
For example, we want to display the following html code on a website page:
Пример №1. Рамка с тенью
Для этого заменяем
Пример №1. Рамка с тенью
Заменять каждую знак муторно и долго. Поэтому проще всего определиться сразу какой код нужно вывести, а потом массово сделать замену. Это делается с помощью любого блокнота (например, notepad++). Открыв код в блокноте, нажмите комбинацию "CTRL + H" (заменить). Заполните поля что заменить и чем. Таким образом, можно автоматом массово заменить все нужные символы на другие.
В интернете есть специальные онлайн генераторы для замены.
В целом я придерживаюсь этого метода, т.к. он кроссбраузерный и валидный (отвечает всем стандартам).
Используя теги <![CDATA[ и <plaintext></h2>
<p>В html есть специальные теги для отображения кода как есть: <xmp>
...]]>
и <![CDATA[
...</plaintext>
. Весь html-код нужно поместить как есть между открывающим и закрывающим тегами и все.</p>
<p>В целом этот метод работает во всех браузерах. Однако этот код не проходит валидацию.</p>
<p>Пользоваться этим методом или нет? Конечно, вряд ли это может как-то сказаться на позициях сайта и траста сайта со стороны <a href="https://shyza.ru/en/perspektivy-razvitiya-poiskovyh-sistem-poiskovye-sistemy-interneta-kak.html">поисковых систем</a>, но лично я придерживаюсь к мнению, что если делать код, то сразу отвечающим всем стандартам. Сейчас это не важно, а завтра может быть это станет уже критично.</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>
<p><b><i>Кстати, делиться с читателями своим положительным или даже отрицательным опытом – это основа успешного ведения блога (и ).
</i>
</b></p> <p>Проблемы-то возникают у многих, поэтому подобная информация востребована.</p> <i>
</i><h2>Как вывести программный код</h2> <p>Итак, вы хотите дать читателям скопировать скрипт или html код, размещаете его в тело поста. Не тут-то было. Как вывести его без преобразования?</p> <p>Совсем недавно для корректного вывода тегов на странице предлагалось вручную заменять знаки < и > на спецсимволы < и >.</p> <p>Сегодня движок WordPress чаще всего умеет сам делать такие преобразования, но также добавляет много мусора, перековеркивает, обрезает код, делает его нечитаемым или некопируемым (было в моей теме).</p> <p><br><img src='https://i2.wp.com/moi-start.ru/images/ne-kopiruetsa-kod.png' width="100%" loading=lazy loading=lazy></p> <p>На самом деле способов красиво оформить html код, вставить его в пост с подсветкой синтаксиса несколько: без плагина и с применением <a href="https://shyza.ru/en/parser-blogov-s-eksportom-v-wordpress-moi-plagin-wp-uniparser-universalnyi.html">wordpress плагинов</a> для кода.</p> <p>Перечислю способы, а вы пробуйте, что подойдет именно вам. Я убедилась на своем опыте, что не в каждом шаблоне теги и плагины работают одинаково. Подробнее о правильном выведении кода смотрите в учебнике HTML.</p> <h3>Показать html код на странице как текст. Тег <pre></h3> <p>Показать html код на странице как текст, подсветить его помогают теги <p>В ВИЗУАЛЬНОМ РЕДАКТОРЕ пропишите код.</p> <p>Перейдите в HTML РЕЖИМ, добавьте открывающий и закрывающий тег <pre>В моей теме уже автоматически знаки < > преобразовались в спецсимволы < и >.</p> <p>СОХРАНИТЕ. В визуальный режим больше НЕ переключайтесь, иначе изменения пропадут.</p> <p>При отображении СОХРАНЯЮТСЯ все пробелы. В моем шаблоне получился следующий результат (у вас отображение может быть другим). <span><img src='https://i1.wp.com/moi-start.ru/images/otobraghenie-tega-pre.jpg' height="614" width="480" loading=lazy loading=lazy></p> <h4>Как вывести html код на странице поста как текст. Тег <code></h4> <p>Тег <code> также позволяет вывести одну или несколько строк <a href="https://shyza.ru/en/pamyatka-po-ispolzovaniyu-bb-kodov-bbcode-html-programmnyi-kod-programmnyi-kod.html">программного кода</a>. Пробелы и переносы НЕ УЧИТЫВАЮТСЯ, переносите строки тегами <p>Или <br>.</p> <p>Делайте все аналогично вставке тега <pre>. <span><img src='https://i1.wp.com/moi-start.ru/images/otobraghenie-tega-code.jpg' height="614" width="480" loading=lazy loading=lazy></p> <h4>Отобразить html код на странице как текст. Тег<xmp></h4> <p>Если вы предлагаете читателям коды нечасто, можете использовать такую конструкцию.</p><p> <div style="overflow: auto;
height: 80px;
width: 450px;
padding: 8px;
border: 1px solid #ccc;">
<xmp>
ВСТАВИТЬ СЮДА ВАШ КОД
</xmp>
</div>
</p><p>Она помогает отобразить коды или скрипты в виде текста, заключенного в рамочку, С УЧЕТОМ форматирования и всех переносов.<br><span><img src='https://i2.wp.com/moi-start.ru/images/otobraghenie-tega-xmp.jpg' height="538" width="480" loading=lazy loading=lazy></span><br> Отображение кода получится в симпатичной рамочке. Ее ширину редактируйте, изменяя параметр width, высоту - height.</p> <p><b><i>Но дело в том, что КОДЫ с использованием тега <xmp> считаются НЕВАЛИДНЫМИ.
</i>
</b> Учебник HTML предлагает вставлять этот тег только в таком виде.</p> <h4>Плагины для выведения кода на страницу поста</h4> <p>Большинство блогеров для красивого и неизменного отображения html кодов на странице поста применяют плагины для WordPress. Опять таки, плагинов множество, но у меня корректно заработал лишь один.</p> <p>Приведу список, а вы подберете плагин, работающий с вашим шаблоном.</p> <p><a href="https://shyza.ru/en/kak-po-drugomu-nazyvaetsya-datchik-otpechatka-palcev-touch-id-i-secure-enclave-sladkaya.html">Сладкая парочка</a> <b>WP-Syntax
</b> – выделяет код рамочкой, дает возможность подсветить синтаксис. Плюс <b>wp-syntax button
</b> – выводит кнопку в админпанель блога, предоставляет возможность вставить html код или скрипт без преобразования в специальное окно. Недостаток – все действия производятся в html режиме, переключаться в визуальный режим нельзя, иначе все изменения исчезнут.</p> <p><b>Syntax Highlighter Compress
</b> – в <a href="https://shyza.ru/en/tekstovye-redaktory-dlya-androida-na-russkom-tekstovyi-redaktor-dlya-plansheta.html">текстовый редактор</a> выводит дополнительную кнопку. Нажимаете ее, открывается окно, куда можно ввести код и выбрать язык программирования.</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">Hello! I <strong>div</strong> th element on the page. I have a lot of html stuff in me, <p>paragraphs</p>, <h4>h4 header</h4>, <strong>strong</strong>, link</div>
<div class="example">Hello! I <strong>second div</strong> th element on the page. There's a lot of stuff in me too</a>
</div>
<button>Select the first 20 characters in the texts of each <strong>div</strong>-A</button>
<br><b>JS:</b>$(function ()( $("button").click(function())( $(".example").text(function(index, text)( text = text.substr(0,20); return text; )); ));</p>
<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 loading=lazy>");</script>
</div>
</div>
</article>
</div>
</div>
<div id="secondary">
<aside id="text-19" class="widget widget_text clearfix">
<h3 class="widget-title"><span>Advertising</span></h3>
<div class="textwidget">
<p>
</p>
</div>
</aside>
<aside id="recent-posts-7" class="widget widget_recent_entries clearfix">
<h3 class="widget-title"><span>News</span></h3>
<ul>
<li>
<a href="https://shyza.ru/en/mozhno-li-dobavit-v-vatsap-2-nomera-kak-sozdat-vtoroi-akkaunt-v-whatsapp.html">How to create a second WhatsApp account on one smartphone</a>
</li>
<li>
<a href="https://shyza.ru/en/kak-skachat-i-ispolzovat-mobilnoe-prilozhenie-moi-bilain-prilozhenie-moi.html">How to download and use the My Beeline mobile application</a>
</li>
<li>
<a href="https://shyza.ru/en/prilozhenie-google-planeta-zemlya-besplatnye-programmy-dlya-windows-skachat.html">Free programs for Windows download for free</a>
</li>
<li>
<a href="https://shyza.ru/en/el-pochta-voiti-na-moyu-stranicu-email-pochta-registraciya-vybor.html">Email mail - registration, choosing an email address, how to enter your mailbox and how to view incoming letters on your page</a>
</li>
<li>
<a href="https://shyza.ru/en/kak-proverit-sostoyanie-ozu-na-kompyutere-testirovanie-operativnoi-pamyati.html">Testing RAM</a>
</li>
<li>
<a href="https://shyza.ru/en/pochemu-vsegda-ispolzuetsya-100-procentov-diska-10-zhestkii-disk-polnostyu.html">Hard drive is fully loaded: causes and solutions</a>
</li>
<li>
<a href="https://shyza.ru/en/instrumenty-komandnoi-stroki-dlya-veb-razrabotchika-curl-setopt--.html">Curl_setopt - Sets a parameter for the CURL session Curl linux examples</a>
</li>
<li>
<a href="https://shyza.ru/en/oracle-isklyucheniya-isklyucheniya-oshibki-v-oracle-gruppy-oshibok.html">Exceptions (Errors) in Oracle</a>
</li>
<li>
<a href="https://shyza.ru/en/kak-otobrazhat-yazykovuyu-panel-na-vindovs-7-kak-dobavit-yazyk-na-panel.html">How to add a language to the taskbar</a>
</li>
<li>
<a href="https://shyza.ru/en/kak-otsledit-prishla-li-posylka-na-pochtu-otsledit-posylku-pochta-rossii.html">Track your parcel by Russian Post</a>
</li>
</ul>
</aside>
<aside id="text-20" class="widget widget_text clearfix">
<h3 class="widget-title"><span>Advertising</span></h3>
<div class="textwidget">
<p>
</p>
</div>
</aside>
</div>
</div>
</div>
<footer id="colophon" class="clearfix">
<div class="footer-widgets-wrapper">
<div class="inner-wrap">
<div class="footer-widgets-area clearfix">
<div class="tg-footer-main-widget">
</div>
<div class="tg-footer-other-widgets">
<div class="tg-second-footer-widget">
<aside id="text-28" class="widget widget_text clearfix"> <div class="textwidget">
<p style="text-align: center;"><strong>shyza.ru</strong></p>
<p style="text-align: center;"><strong>Adviсe. Answers. Solutions</strong></p>
<p style="text-align: center;"><strong>2024</strong></p>
<p style="text-align: center;" <span style="display:scroll;">
<noindex><a target="blank" href="https://www.facebook.com/sharer/sharer.php?u=https://shyza.ru/kak-vyvesti-teg-v-mirovye-otobrazit-html-kod-na-stranice-kak-tekst.html"><img class="animate1" src="https://shyza.ru/wp-content/uploads/2017/01/logo_facebook.png" width="40" height="40" title="Facebook group" alt="Post to Facebook" loading=lazy loading=lazy></a></noindex>
</span><span style="display:scroll;">
<noindex><a target="blank" href="https://vk.com/share.php?url=https://shyza.ru/kak-vyvesti-teg-v-mirovye-otobrazit-html-kod-na-stranice-kak-tekst.html"><img class="animate1" src="https://shyza.ru/wp-content/uploads/2017/01/logo_vk.png" width="40" height="40" title="Vkontakte community" alt="Publish on VKontakte" loading=lazy loading=lazy></a></noindex></span><span style="display:scroll;">
<noindex><a target="blank" href="https://connect.ok.ru/offer?url=https://shyza.ru/kak-vyvesti-teg-v-mirovye-otobrazit-html-kod-na-stranice-kak-tekst.html"><img class="animate1" src="https://shyza.ru/wp-content/uploads/2017/01/logo_odnoklass.png" width="40" height="40" title="Group in Odnoklassniki" alt="Publish on Odnoklassniki" loading=lazy loading=lazy></a></noindex></span>
<span style="display:scroll;">
</span>
</div>
</aside> </div>
<div class="tg-third-footer-widget">
<aside id="text-32" class="widget widget_text clearfix"> <div class="textwidget">
<div class="footer-socket-left-sectoin">
</div>
</div>
</div>
</div></div>
</aside> </div>
<div class="tg-fourth-footer-widget">
</div>
</div>
</div>
</div>
</div>
<div class="footer-socket-wrapper clearfix">
<div class="inner-wrap">
<div class="footer-socket-area">
<div class="footer-socket-right-section">
</div>
</div>
</div>
</div>
</footer>
<a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a>
</div>
<script type='text/javascript' src='https://shyza.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.1'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/navigation.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/sticky/jquery.sticky.js?ver=20150309'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/sticky/sticky-setting.js?ver=20150309'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/magnific-popup/jquery.magnific-popup.min.js?ver=20150310'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/magnific-popup/image-popup-setting.js?ver=20150310'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/themes/colormag/js/post-format.js?ver=20150422'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.3'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script>
<script type='text/javascript' src='https://shyza.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script>
<script type="text/javascript">
jQuery(easy_fancybox_handler);
jQuery(document.body).on('post-load', easy_fancybox_handler);
jQuery(easy_fancybox_auto);
</script>
</body>
</html>]]></plaintext></h2></div></div>
