Вордпресс

$sql .= " LEFT JOIN " . DB_PREFIX . "product_description pd ON (p.product_i

 // Материал с сайта 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');
}
}
})

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

.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; }
}

a rel=‘nofollow’ target=‘_blank’ href=’ssilka’

<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>

/*Стрелка вверх*/
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>';
}

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

<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>

CSS

@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";
}

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

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

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

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

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

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

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

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