Вордпресс

можно использовать плагин SyntaxHighlighter.
Популярный плагин с возможностью нумерации строк и подсветки частей кода. Результат выводится в виде окна с прокруткой
Пример:

[php]$sql .= » LEFT JOIN » . DB_PREFIX . «product_description pd ON (p.product_i[/php]

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

[php] // Материал с сайта https://digital-boom.ru/coding/wordpress/vsplyvayushhie-izobrazheniya-v-wordpress.html //
Описания пунктов можно удалить
// получаем все ссылки с картинками
а после точки — это наш класс, который мы прописали, редактирую картинку//
var a_i = document.querySelectorAll(‘a.a’);
// перебираем все такие ссылки на странице
[].forEach.call(a_i, function(el){
// навешиваем функцию при клике на ссылку (то есть на изображение)
el.onclick = function(e){
// отменяем переход по ссылке в новую вкладку в браузере
e.preventDefault();
// получаем путь к нашей картинке
var href = el.getAttribute(‘href’);
// получаем путь к превьюхе картинки (дальше поймете зачем)
var href_min = el.getElementsByTagName(‘img’)[0].getAttribute(‘src’);
// объявляем переменные, с которыми нам предстоит поработать
var iOverlay, body, iImg;
// 01 если элементы не были созданы, то создаем их (подложка и изображение)
if(document.querySelectorAll(‘.i_overlay’).length == 0){
// создаем элемент для подложки
iOverlay = document.createElement(‘div’);
// добавляем подложке класс, для навешивания стилей
iOverlay.className = ‘i_overlay’;
// и еще один класс для управления видимостью
iOverlay.classList.add(‘visible’);
// добавляем подложку в DOM дерево
body = document.body;
body.appendChild(iOverlay);
// создаем элемент для нашей всплывающей картинки
iImg = document.createElement(‘img’);
// добавляем классы
iImg.className = ‘i_img’;
iImg.classList.add(‘visible’);
// добавляем картинку в DOM дерево
body.appendChild(iImg);
}
// 02 если элементы уже были созданы, то просто переиспользуем их
else {
// 02.01 находим их и делаем снова видимыми (потому что в будущем мы успели сделать их невидимыми)
iOverlay = document.querySelectorAll(‘.i_overlay’)[0];
iImg = document.querySelectorAll(‘.i_img’)[0];
iOverlay.classList.add(‘visible’);
iImg.classList.add(‘visible’);
}
// добавляем подложке путь на превью нашей картинки
// чтобы фон гармонировал с цветовой гаммой самого изображения
iOverlay.style.backgroundImage = ‘url(‘ + href_min + ‘)’;
// добавляем картинке путь на само изображение на сервере
iImg.setAttribute(‘src’, href);
// а на фон поставим картинку в плохом качестве
// чтобы хоть что-то можно было увидеть, пока загружается большая картинка
// (если у кого-то медленный интернет)
iImg.style.backgroundImage = ‘url(‘ + href_min + ‘)’;
// а при клике на подложу, мы скрываем наши элементы
// но не удаляем их, чтобы потом использовать заново в пункте 02.01 (привет из будущего)
iOverlay.onclick = function(){
iOverlay.classList.remove(‘visible’);
iImg.classList.remove(‘visible’);
}
}
})[/php]

б. В файл стилей style.css прописываем

[php].i_overlay.visible,
.i_img.visible{
display: block;
}
.i_overlay{
display: none;
position: fixed;
top:0;
left:0;
width: 100vw;
height: 100vh;
z-index: 100;
cursor:pointer;
background-size: cover;
filter: blur(50px);
opacity: 0.75;
animation: i_overlay 0.25s linear;
}
.i_img{
display: none;
position: fixed;
width: auto;
height: auto;
max-width: 85vw;
max-height: 85vh;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-size: cover;
box-shadow: 0 5px 25px 5px rgba(0,0,0,0.75);
z-index: 200;
animation: i_img 0.4s cubic-bezier(.44,-0.3,.59,1.44);
}
/* добавим немного анимации, чтобы все было красиво */
@keyframes i_overlay {
0% { opacity: 0; }
100% { opacity: 0.75; }
}
@keyframes i_img {
0%, 45% { top: 40%; opacity: 0; }
100% { top: 50%; opacity: 1; }
}
[/php]

[php]a rel=‘nofollow’ target=‘_blank’ href=’ssilka’
[/php]

[php]<div class=»subscribetextbgpost»>

<form action=»http://feedburner.google.com/fb/a/mailverify» method=»post» target=»popupwindow» onsubmit=»window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Stargoroda’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true»>
<input name=»email» type=»text» value=»Введите Ваш e-mail» class=»subscribe_textieldpost» onfocus=»if (this.value == ‘Введите Ваш e-mail’) {this.value = »;}» onblur=»if (this.value == ») {this.value = ‘Введите Ваш e-mail’;}» />
<input type=»hidden» value=»Stargoroda» name=»uri»/>
<input type=»hidden» value=»<?php bloginfo(‘name’); ?>» name=»title»/>
<input type=»hidden» name=»loc» value=»ru_RU»/>
<input type=»image» src=»https://stargoroda.ru/wp-content/themes/Organic/images/b_subscribe.png» value=»Subscribe» class=»subscribepost» />
</form>
</div>[/php]

Добавить в конец файла «functions.php» код, загрузить на сайт нужную картинку и прописать ее адрес в коде

[php]/*Стрелка вверх*/
add_action( ‘wp_footer’, ‘back_to_top’ );
function back_to_top() {
echo ‘<img id=»totop» src=»/wp-content/uploads/2021/04/strelka-50.png» />’;
}
add_action( ‘wp_head’, ‘back_to_top_style’ );
function back_to_top_style() {
echo ‘<style type=»text/css»>
#totop {
cursor:pointer;
position: fixed;
right: 30px;
bottom: 30px;
display: none;
outline: none;
}
</style>’;
}
add_action( ‘wp_footer’, ‘back_to_top_script’ );
function back_to_top_script() {
echo ‘<script type=»text/javascript»>
jQuery(document).ready(function($){
$(window).scroll(function () {
if ( $(this).scrollTop() > 400 )
$(«#totop»).fadeIn();
else
$(«#totop»).fadeOut();
});
$(«#totop»).click(function () {
$(«body,html»).animate({ scrollTop: 0 }, 800 );
return false;
});
});
</script>’;
}
[/php]

Материал с сайта /wp-lessons.com/kak-sdelat-knopku-vverh-v-wordpress

[php]<div class=»demo»>
<input class=»hide» id=»hd-1″ type=»checkbox»>
<label for=»hd-1″>Нажмите здесь, чтобы прочитать больше о HTML!</label>
<div>
HTML — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме..
</div>
<br/>
<br/>
<input class=»hide» id=»hd-2″ type=»checkbox»>
<label for=»hd-2″>Нажмите здесь, чтобы прочитать больше о CSS!</label>
<div>
CSS — CSS Cascading Style Sheets — каскадные таблицы стилей — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
</div>[/php]

CSS

[php]@charset «UTF-8»;
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic);
*, ::after, ::before {
box-sizing: border-box;
}
html, body {
height: 100%;
margin:0;
padding:0;
}
body {
font-family: ‘Open Sans’, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
/* demo контейнер */
.demo {
max-width: 1024px;
padding: 0 20px;
margin: 5% 10%;
}
/* скрываем чекбоксы и блоки с содержанием */
.hide,
.hide + label ~ div {
display: none;
}
/* вид текста label */
.hide + label {
margin: 0;
padding: 0;
color: green;
cursor: pointer;
display: inline-block;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
color: red;
border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием */
.hide:checked + label + div {
display: block;
background: #efefef;
-moz-box-shadow: inset 3px 3px 10px #7d8e8f;
-webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
box-shadow: inset 3px 3px 10px #7d8e8f;
margin-left: 20px;
padding: 10px;
/* чуточку анимации при появлении */
-webkit-animation:fade ease-in 0.5s;
-moz-animation:fade ease-in 0.5s;
animation:fade ease-in 0.5s;
}
/* анимация при появлении скрытых блоков */
@-moz-keyframes fade {
from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
from { opacity: 0; }
to { opacity: 1 }
}
.hide + label:before {
background-color: #1e90ff;
color: #fff;
content: «\002B»;
display: block;
float: left;
font-size: 14px;
font-weight: bold;
height: 16px;
line-height: 16px;
margin: 3px 5px;
text-align: center;
width: 16px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.hide:checked + label:before {
content: «\2212»;
}[/php]

Материал с сайта https://dbmast.ru/

В таблице стилей

[php]body { background: url(адрес картинки) no-repeat; }[/php]

no-repeat — одна картинка

[php]#page {
background: url(адрес картинки) center no-repeat fixed;
}[/php]

прозрачность фона определяется свойством opacity: от 0.0 до1.0;

Если сайт не выходит за пределы ТОП-50, то нужно проверить SEO-настройки: sitemap, title, description, ссылки, микроразметку, правильность заполнения метатегов и файла robots.txt.

Если ниже ТОП-50 или ТОП-100, это указывает на дубли страниц, бан, малоценные страницы, недоработанная структура.

Изменить размер текста контента на всем сайте одновременно можно из панели администратора. Для этого надо пройти по пути «Внешний вид» ► «Настроить» ► «Дополнительные настройки». В открывшемся окне вставляем нужный код, в частности следующий:

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

[php]Redirect 301 /old.php https://site.ru/new.php[/php]

Новый адрес указываем полностью с http или https и доменным именем.

<table style="width: 100%;">
<tbody>
<tr>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
</tr>
<tr>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
</tr>
<tr>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
</tr>
<tr>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
</tr>
<tr>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
</tr>
<tr>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
<td style="border: 1px solid #808080;"></td>
</tr>
</tbody>
</table>

<table <span style="background-color: #ff9900;">width=</span>"600" border="1" cellspacing="1" cellpadding="3">