О том как я создавал «зеркало» для блога и в итоге переехал на новый адрес домена без потерь

Вся запись написана со стороны лучшего ранжирования (нахождения сайта) в поисковых системах одного домена и применяя некоторые ключевые особенности о которых я постараюсь расписать по подробнее.

---

Зеркалами сайта называются все ресурсы с одинаковым контентом. Вернее, совпадение контента должно быть не менее 80%.

Дизайн сайта и его оформление значение не имеют. Единица зеркальности является его контент. Зеркалами сайта называются все ресурсы с одинаковым контентом. Вернее, совпадение контента должно быть не менее 80%.

Позаимствовал у seojus.ru.

---

Многие мои читатели еще переходят из различных закромах интернета в уже семейный блог по старому адресу: stark.net.ru. Но, в связи с тем что я ранее создал личный блог на домене Stark.Net.Ru и позже был приобретен домен Vinogorov.Blog для семейного блога, а также для лучшего разъяснения Вам как образца инструкции по покупке и созданию семейного блога на WordPress с помощью хостинга сайтов и регистратора доменов от Reg.Ru, я принял решение об объединении двух доменов (stark.net.ru+vinogorov.blog) в один (vinogorov.blog). Также придумал предоставление различного дизайна в зависимости от адреса захода на блог. Таким образом в случае захода посетителя на домен личного блога (stark.net.ru) будет перенаправление на домен семейного блога (vinogorov.blog). И осуществлена работа PHP-кода, который предоставит посетителю информацию об переезде на новый домен. В итоге блог будет доступен по двум адресам с теми же URL-ссылками, но в поисковой выдаче различных поисковых систем будет отображаться адрес семейного блога (vinogorov.blog).

Таким образом, я решил с помощью правок и изменений нижеперечисленного достигнуть требуемых результатов:

1. Добавление псевдомена в ISPManager панели управления от хостинга;
2. Изменение адреса домена в WordPress и простая настройка перенаправлений с учетом 301 ответа от сервера;
3. Изменение файла Robots.txt и указаний нового домена в поисковых системах: Яндекс, Google и т.п.;
4. Изменение URL адресов содержащих элементов (картинки, медиафайлы, ссылки);
5. Добавление нового домена в панель управлении сервиса reCAPTCHA от Google при установленном плагине Contact Form 7;
6. Добавление в тему оформления WordPress кода написаного на PHP (необязательно для выполнения при переезде, однако так красивее).

Об каждом пункте читайте подробнее с соответствующим одноименным заголовком в данной записи.

Блог, как один из видов различных интернет ресурсов, порой требует простого слежения за доступностью и быстрого устранения возможных ошибок, которые иногда усложняют обход поискового робота по сайту. Таким образом для качественного слежения за доступностью сайта и получение различных рекомендаций предоставляемой для веб-мастеров существуют веб-мастер панели в поисковых системах.

---

В России больше всего поискового трафика (запросов от людей) за период с 3 февраля по 9 февраля 2020 года у Яндекса (58,29%), создан в РФ. Второе место занимает Google (38,83%), а третья позиция принадлежит российской поисковой системе Mail.ru (1,60%).

---

Читателям моих записей которые создают свой семейный блог и еще не опытны в веб-мастерском деле, я предлагаю Вам: перейти и зарегистрироваться или использовать уже существующий аккаунт и корректно настроить для существующего блога панель управления веб-мастером. Трудностей при использовании веб-мастер панели у Вас возникнуть не должно. Главное: читать и выполнить несколько несложных действий для подтверждения домена в панели управления веб-мастером выбранной Вами поисковой системы.

Список популярных поисковиков по интернету в России с их панелями веб-мастера:

• Яндекс.Вебмастер;
• Google для веб-мастеров;
• Кабинет вебмастера поиска Mail.Ru;
• Bing средства веб-мастера (поисковая система от Microsoft).

Многие веб-мастера регистрируются сразу во всех веб-мастерских панелях поисковых системах, так как предлагаемые ими рекомендации для сайта порой разные.

Немного об подтверждении прав владельца сайта на WordPress:

Благодаря плагину «Yoast SEO» на WordPress возможно быстро установить верификационный код для подтверждения прав владельца сайта, ранее следовавшим моей инструкции этот плагин Вы уже устанавливали.

В консоли управления WordPress нажмите на «SEO» в меню управления, после чего перейдите на вкладку «Инструменты веб-мастеров» и вставьте скопированный код верификации сайта (владельца) и нажмите на кнопку «Сохранить изменения«. Перейдите обратно в веб-мастер панель поисковой системы и нажмите «Проверить» (или другой синоним этому слову). После успешной проверки прав на владельца сайта Ваш сайт будет успешно добавлен в панель управления веб-мастера в выбранной Вами поисковой системе.

В случае возникших трудностей у Вас я готов помочь Вам: для этого в читаемой Вами записи снизу найдите текст «Добавить комментарий», по мере свободного времени я обязательно Вам отвечу.

Надеюсь, что читаемая Вами запись при необходимости понадобится в дальнейшем при изменении своего блога.

Добавьте в закладку Вашего браузера читаемую запись или расскажите друзьям ↓

1. Добавление псевдомена в ISPManager — панели управления от хостинга Reg.Ru

Псевдоним (алиас) домена — отдельный домен, который может использоваться как альтернативное имя сайта. Псевдонимы стоит создавать в случаях, если вы хотите, чтобы ваш сайт открывался не только по основному имени домена, но и по другим схожим комбинациям. Например, имя вашего домена mysite.ru для него можно использовать алиасы/псевдонимы: www.mysite.ru; mysite.com, mysite.pro и т.п.; mysite1.ru, 1mysite.ru и т.п.

Определение позаимствовал от Reg.Ru

1. Откройте бумажку с содержим Ваших логина и паролей, которые были даны Вам при регистрации от Reg.Ru. Если не печатали бумажку, тогда откройте электронное письмо указав в почтовом поиске адресат получателя: Reg.Ru;
2. Авторизуйтесь указав логин и пароль на Reg.Ru, и следуйте инструкции от Reg.Ru для входа в панель управления вашим хостингом (ISPManager);
3. Следуйте следующей инструкции от Reg.Ru об добавлении псевдонимов для домена, но в 1 этапе 2 пункта добавьте новый домен, в моем случае я добавил псевдонимы: vinogorov.blog и www.vinogorov.blog. Выполните 2 этап инструкции от Reg.Ru;
4. После обновления DNS серверов, которое обычно длится 24 часа, станет возможным зайти на новый домен и Вы окажитесь на сайте, но уже по новому адресу.

2. Изменение адреса домена в WordPress и простая настройка перенаправлений с учетом 301 ответа от сервера

С помощью данного этапа возможно осуществить указание всех ссылок Вашего блога на WordPress с новым доменом, для этого выполните несколько не сложных действий:

1. Зайдите в консоль управления Вашего блога на WordPress и нажмите на «Настройки«;
2. Укажите в полях ввода с названием «Адрес WordPress (URL)» и «Адрес сайта (URL)» новый адрес домена, в моем случае я указал: «http://vinogorov.blog«;
3. Если раннее указывали адрес старого домена в поле «Название сайта» измените его, в моем случае мне пришлось это выполнить;
4. Нажмите на кнопку «Сохранить изменения«.

Приступим к следующей процедуре, из разряда «танцев с бубном», именно под таким понятием я понимаю работу со серверной частью сайта.

С помощью изменений специального служебного файла с названием «.htaccess» (находится на Вашем хостинге в папке вашего домена), который отвечает за конфигурации и настройки веб-сервера Apache и подобных серверов, настроим 301 код-ответ от сервера. 301 код-ответ обозначает редирект (перенаправление или переадресация) с одного URL на другой URL, с ответом что страница переправлена навсегда. Таким образом перенаправим всех посетителей и поисковых роботов со старого адреса (stark.net.ru) на новый адрес (vinogorov.blog) и тем самым создадим полноценное зеркало блога, но без передачи SEO веса для каждой страницы.

Для этого, вновь откройте плагин с названием «Yoast SEO» (он отображен в консоли управления под названием «SEO») через консоль управления WordPress. В открывшимся подменю найдите «Инструменты» и нажмите на него. После перехода из предложенных инструментов найдите «Редактор файлов» и перейдите в него.

На открывшейся странице отредактируйте содержимое файла «.htaccess«, аккуратно скопировав находящийся ниже правила для веб-сервера и вставив с новой строки после содержимого «RewriteEngine On«:

RewriteCond %{HTTP_HOST} ^stark.net.ru$ [NC]
RewriteRule ^(.*)$ http://vinogorov.blog%{REQUEST_URI} [R=301,NC,L,QSA]

После вставки скопированного исправьте надписи: stark.net.ru и vinogorov.blog в коде — это адрес старого и нового домена, соответственно.

Не забудьте нажать на кнопку «Сохранить изменения в .htaccess» для внесения изменений в конфигурационный файл веб-сервера для сайта.

Ненадолго отложим «танцы с бубном». 😁

3. Изменение файла Robots.txt и указаний нового домена в поисковых системах: Яндекс, Google и т.п.

Robots.txt — ключевой текстовый файл, содержащий набор определенных правил для поисковых систем. Ключевым является потому что в нем указаны правила: об включении и исключении из поисковой выдачи, указание карты сайта (имя файла содержащего все ссылки на страницы, но за исключением записей «Личное» и находящихся под паролем для системы WordPress).

Некоторые поисковые системы поддерживают свои рекомендации по наполнению текстового файла robots.txt. Более подробную информацию об работе с файлом robots.txt можете прочесть у Эдуарда Бунакова.

---

Мой блог по адресу Stark.Net.Ru уже ранее был добавлен в поисковые системы через панели управления веб-мастером и мне осталось:

• Изменить один файл с названием: «robots.txt«, тем самым указать всевозможным поисковым системам главный адрес блога.
• Указать главный адрес блога в инструментах веб-мастера поисковой системе Яндекс, в целях лучшей и быстрой смены адреса домена без потери поискового трафика.

Для этого через консоль управления WordPress перейдите к плагину с названием «Yoast SEO» (он отображен в консоли управления с названием как «SEO») и после к подменю «Инструменты«, после перехода найдите один из инструментов под названием «Редактор файлов» и перейдите в него.

Таким образом отредактируйте содержимое файла «robots.txt» простым способом (без захода через панель ISPManager или захода через FTP клиент программы). Заменив адрес своего нового домена вместо «vinogorov.blog» добавьте «Host: vinogorov.blog» в конец содержимого «User-agent: *«. Таким образом содержимое моего файла robots.txt имеет следующий вид:

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php
Host: vinogorov.blog

Не забудьте нажать на кнопку «Сохранить изменения в robots.txt» для внесения изменений в текстовый файл.

Также можете войти и проверить правильность исправлений файла, для этого добавьте к адресу Вашего домена следующее содержимое: /robots.txt

Из всех ранее перечисленных панелей веб-мастера поисковых систем я распишу об панелях: Яндекс.Вебмастер и Google для вебмастеров. По схожему принципу моего описания Вы сможете выполнить и в других веб-мастер панелях.

Яндекс.Вебмастер переезд сайта:

1. Перейдите и авторизуйтесь на Яндекс.Вебмастере;
2. Добавьте новый сайт — для этого найдите в Яндекс.Вебмастере символ плюса («+«), нажмите на него, после нажатия укажите адрес вашего главного сайта и нажмите «Добавить». Пройдите этап проверки на владение сайтом с помощью копирования содержимого в кавычках атрибута «content» из html-кода meta. В моем случае из всего html-кода: <meta name=»yandex-verification» content=»5cb5586ee99b16b3″ /> я скопировал лишь 5cb5586ee99b16b3 без кавычек;
3. Скопированный текст вставьте согласно инструкции «Немного об подтверждении прав владельца сайта на WordPress:», об которой я писал выше в читаемой Вами записи;
4. В Яндекс.Вебмастере сверху выберите старый адрес Вашего домена для блога, в моем случае я выбрал адрес: stark.net.ru, нажмите на «Индексирование» и перейдите из предложенного подменю «Переезд сайта»;
5. Укажите новый домен Вашего блога, в моем случае я выбрал адрес: vinogorov.blog, и нажмите «Сохранить».

Google для веб-мастеров изменение адреса:

1. Перейдите и авторизуйтесь на Google для веб-мастеров;
2. Добавьте новый адрес домена, в карточке ввода типа ресурса: «Доменный ресурс» напишите новый домен и нажмите на кнопку «Продолжить», в моем случае я написал vinogorov.blog;
3. Скопируйте содержимое в текстовом поле с содержанием начинающийся на google-site-verification=<…> весь целиком или нажмите «Копировать»;
4. Откройте в новой вкладке панель управления хостингом и доменами от Reg.Ru (авторизуйтесь и перейдите в управление DNS-серверов и управление записей зоны нового домена, нажмите «Изменить». После чего нажмите на «Добавить запись» и из предложенного выберите «TXT». Оставьте поле «Subdomain» пустым, а в поле «Text» скопированный текст из предыдущего пункта, нажмите на кнопку «Готово»);
5. Обычное обновление DNS серверов длится 24 часа, после истечения времени продолжите подтверждение нового домена в Google для веб-мастеров, лишь нажав на кнопку «Подтвердить»;
6. Выберите сверху старый адрес домена и перейдите в «Настройки»;
7. В настройках ресурса нажмите на «Изменение адреса» и выберите новый адрес домена, в моем случае я выбрал vinogorov.blog. После чего следуйте дальнейших инструкций от Google.

Таким образом остается лишь дождаться обновления поисковой базы от различных поисковых систем, информацию об обновлении и изменении адреса можно посмотреть написав поисковые запросы:

• Для поисковика Яндекс: url:stark.net.ru* | url:vinogorov.blog*
• Для поисковика Google: site:vinogorov.blog

4. Изменение URL адресов содержащих элементов (картинки, медиафайлы, ссылки)

Установите новый плагин для WordPress, его можно найти под названием «Velvet Blues Update URLs». Напомню коротко о том как установить новый плагин на WordPress:

• Перейдите в раздел «Плагины» → «Добавить новый»;
• В поле поиска введите название: «Velvet Blues Update URLs»;
• Загрузите и активируйте.

После активации перейдите в раздел «Инструменты» и после в «Update URLs«:

1. В поле ввода «Old URL» напишите старый адрес домена;
2. В поле ввода «New URL«, соответственно, новый адрес домена;
3. Поставьте везде «галочки» нажав на все предложенные параметры, кроме последнего параметра под названием «Update ALL GUIDs«;
4. После перепроверки вводимых данных в полях ввода — нажмите на кнопку «Update URLs NOW«.
5. Плагин начнет работать и по итогу работы выведет информацию об количестве измененных элементов.

По своему усмотрению можете деактивировать плагин и удалить, так как плагин выполняет разовую функцию. Напомню коротко о том как удалить плагин на WordPress:

• Перейдите в раздел «Плагины» → «Установленные»;
• В поле поиска введите название: «Velvet Blues Update URLs»;
• Нажмите «Деактивировать»;
• Нажмите «Удалить».

Таким образом мы выполнили 301 редирект остальных элементов (не записей), картинок, ссылок, таблиц и т.д — без применения методов «танцев с бубном», а по простому. 😁

5. Добавление нового домена в панель управлении сервиса reCAPTCHA от Google при установленном плагине Contact Form 7

Информация для читателей моих записей и следовавших ранее по ранее написаной мною инструкции об создании семейного блога и установивших плагин Contact Form 7. А также для неверующих в семейный блогинг, но установивших сей плагин. 😁

Данным этапом настроим защиту от спама исправив интеграцию плагина со сервисом reCAPTCHA:

1. Перейдите в «Contact Form 7» в консоли управления;
2. Перейдите в подменю плагина «Интеграция«;
3. Найдите интеграцию для сервиса reCAPTCHA, нажмите на кнопку «Настройки интеграции«;
4. Откройте в новой вкладке официальный сайт reCAPTCHA (← нажмите);
5. Авторизуйтесь, нажав на кнопку «Admin console» сверху справой стороны;
6. Выберите свой домен, который ранее регистрировали в сервисе reCAPTCHA;
7. Перейдите в настройки для сайта в сервисе reCAPTCHA (нажав на изображение шестеренки);
8. Нажав на символ плюса («+«) добавьте новый домен, в моем случае я написал vinogorov.blog и нажал на плюсик;
9. Раскройте ключи reCAPTCHA нажав на одноименный текст: «Ключи reCAPTCHA» и сверьте последние 4-5 символов (набор букв и цифр) с ранее установленным ключем сайта на вашем блоге (вкладка от пункта 3 читаемого совета).

Таким образом я дополнили существующий список доменов новым доменом для уже существующей защиты от возможных спам-писем, благодаря сервису reCAPTCHA от Google.

---

Не забудьте переустановить системы аналитики, если ранее устанавливали их: Яндекс Метрика, Google Analytics и т.п.

Возможные потери позиций после переноса сайта

Выполнив все рекомендации вы сможете без проблем перенести сайт на новый домен без значительной потери позиций в поисковых системах. Конечно же, на несколько недель будет незначительная просадка (порядка 10-30%), пока поисковые системы проиндексируют новые страницы и склеят старый домен с новым. Однако, если всё выполнено согласно описанных выше рекомендаций, то просадка органического трафика будет минимальна и не значительна.

Справочная информация от поисковых систем:

Очень рекомендую ознакомиться с рекомендациями поисковых систем Google и Яндекс по правильному, с их точки зрения, переносу сайта на новый домен.

6. Добавление в тему оформления WordPress кода написаного на PHP (необязательно для выполнения)

Будьте внимательны! Производя в своей теме оформления изменения и с выходом новых обновлений версий темы оформления — все изменения, сделанные Вами в файлах тем, будут утеряны. Для изменения можно создать дочерние темы вручную или воспользоваться плагином «Child Theme Configuration» для создания в полу-автоматическом режиме дочерней темы оформления (прочтите инструкцию по настройке плагина от impuls-web.ru).

Я обычно правлю вручную, используя сравнение дат в Github моей теме оформления, мне это приносит душевное удовлетворение и спокойствие зная что меняют разработчики темы оформления.

На данном этапе опишу PHP-код для уведомления посетителям перешедшим из старого адреса на новый адрес домена. Уведомления о том что они попали все верно, тем самым, не водя в заблуждение посетителей, привыкших заходить на старый адрес блога на WordPress и не понимавших как они попали на новый адрес домена Вашего блога.

1. Откройте панель ISPManager, перейдите в меню «Система» и перейдите в подменю «Менеджер фалов». (Возможно зайти напрямую к подменю раскрыв все подменю, а для этого нажмите на зеленый «+» сверху, как на изображении:);
2. С помощью менеджера файлов перейдите к папке inc, для этого следуйте поочередно: /www/имя_вашего_домена/wp-content/themes/название_шаблона/inc/
3. Нажмите на «Создать» в менеджере файлов (если не нашли у себя, то попробуйте найти схожее в менеджере файлов панели управления ISPManager, как на изображении: );
4. Создайте файл с типом «файл» и именем «information.php«, после чего подтвердите создание нажав на «Ok«;
5. Перейдите к редактированию созданного файла (двойным нажатием мыши, или найдите схожее в менеджере файлов как на изображении: ) и скопируйте и вставьте содержимое нижеприведенного кода целиком:

<?php
$referral = $_SERVER['HTTP_REFERER'];
$referral = strtolower($referral);
$referral = explode("/", $referral);
$referral = $referral[2];
if($referral =='stark.net.ru'); { ?> <p style='background-color:#feefb3'>Уважаемый читатель!
<br>Теперь блог доступен и по новому адресу: Vinogorov.Blog</p>
<?php }; ?>

Примечание к коду пункта 5:
а) Вы можете установить свой фоновый цвет, для этого измените параметр: #feefb3 на свой понравившийся цвет, проще подыскать его с помощью сервиса colorhexa.com (нажмите на красный круг в строке поиска и поиграйте с палитрой, после замените параметр);
б) Поменяйте значение в $referral ==’stark.net.ru’ на свой старый адрес домена;
в) Поменяйте текст на свой по необходимости: «Уважаемый читатель!<br>Теперь блог доступен и по новому адресу: Vinogorov.Blog«;
г) HTML-код <br> переводит на новую строку текст.

6. Нажмите на кнопки: «Сохранить» и после на «Ok«;
7. С помощью менеджера файлов перейдите к папке с названием вашего шаблона, для этого следуйте поочередно: /www/имя_вашего_домена/wp-content/themes/название_шаблона/
8. С помощью менеджера файлов откройте файл для изменения с названием «index.php» и найдите ниже написанный код:

<?php if ( have_posts() ) : ?>

9. Переключитесь на новую строку, для этого нажмите на «Enter«. Скопируйте и вставьте нижеприведенный код:

<?php get_template_part('inc/information'); ?>

10. Нажмите на кнопки: «Сохранить» и после на «Ok«;
11. Проверьте отображение PHP-кода. Для этого перейдите по старому адресу домена и с учетом ранее выполненных этапов — Вы должны автоматически перейти на главную страницу сайта. Сверху перед всеми записями должны наблюдать информацию, но только для главной страницы Вашего блога.

---

В итоге я получил результат:
— главное зеркало блога;
— отобразил информацию посетителю о том почему попали на новый адрес домена.

---

О том как я поменял логотип для нового домена — vinogorov.blog и внес некоторые дополнения

Я немного решил расширить возможности в своей теме оформления с названием «Indite». Считаю правильным смену изображений: логотипа блога и своей мордашки 😁 — в зависимости от адреса просматриваемой страницы или автора записей нашего семейного блога — vinogorov.blog.

На примере записей у авторов: @starking, @natalia, @inessa, @nikolay — внешний вид блога будет незначительно меняться: в логотипе блога, в указании социальных ссылок автора, а также в отображении аватара (т.е. вместо моего лица будет предоставлен на обозрение аватар автора записи просматриваемой страницы).

Таким образом, находясь на всех страницах за исключением страниц содержащих полные записи авторов нашего семейного блога посетитель-читатель будет видеть по умолчанию: аватар автора последней (свежей) записи и текст рядом с аватаром, а также логотип блога.

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

Создание логотипа

Прежде чем я приступил к написанию PHP-кода я решил немного проявить творчество в подборе своего логотипа для адреса домена vinogorov.blog.

Каждые логотипы авторов блога для домена создам в формате изображений, а не текста, так как изображение будет соразмерно отображено для различных версий устройств: для компьютерной, для планшетной, для мобильной.

При создании логотипа пользоваться буду понравившимся каждому автору дополнительным шрифтом, который загружу к себе на компьютер через сайт Fontstorage.com.

Со стороны одного из авторов семейного блога, мой взор и выбор пал на шрифт с названием «Steamy». Загрузив его, установив, и воспользовавшись программой которой мне удобна (Paint X): написал текст на прозрачном фоне и сохранил.

Все мой логотип готов:

Теперь необходимо создать логотип по умолчанию (шрифт с названием «Magnolia-Script») для страниц не содержащих полный текст моих записей и остальных записей от авторов семейного блога:

Логотипы созданы: мой и по умолчанию. Остальные логотипы будут созданы постепенно и совместно. 🙂

Различные дополнения (PHP+HTML) в отображении для каждого из авторов:

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

Производите редактирование файлов с помощью FTP-клиента, авторизовавшись на своем хостинге, или с помощью редактора файлов от ISPManager (откройте ISPManager -> «Система» -> «Файловый менеджер». Нажимайте «Сохранить» в редактируемом файле и просматривайте результат в новой вкладке — обновив страницу с отображением Вашего блога, а в случае некорректной установки для отмены изменений нажмите на кнопки в клавиатуре: CTRL+Z).

При добавлении различных и сторонних от темы оформления PHP-кодов, я обычно, создаю дополнительные файлы (в папке inc) в котором все корректирую, и вставляю в основные файлы темы оформления с помощью кода:

<?php get_template_part('inc/имя-файла'); ?>

Советую и Вам также поступать, именно таким образом можно не потерять внесенные изменения в случае обновления темы оформления.

[PHP-код] — смена логотипа в зависимости от автора

Созданные логотипы сразу установлю с помощью написанного мною кода:

<?php $x = get_the_author();
    
switch ($x) {
    case "Starking":
        echo '<a href="http://vinogorov.blog/" rel="home"><img src="http://vinogorov.blog/wp-content/themes/indite/img/starking/vinogorov.blog.png" alt="Vinogorov.Blog" /></a>';
        break;
    case "Natalia":
        echo '<a href="http://vinogorov.blog/" rel="home"><img src="http://vinogorov.blog/wp-content/uploads/2020/02/cropped-%D0%9F%D0%BE-%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E-vinogorov.blog_.png" alt="Vinogorov.Blog" /></a>';
        break;
    case "Inessa":
        echo '<a href="http://vinogorov.blog/" rel="home"><img src="http://vinogorov.blog/wp-content/uploads/2020/02/cropped-%D0%9F%D0%BE-%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E-vinogorov.blog_.png" alt="Vinogorov.Blog" /></a>';
        break;
     case "Nikolay":
        echo '<a href="http://vinogorov.blog/" rel="home"><img src="http://vinogorov.blog/wp-content/uploads/2020/02/cropped-%D0%9F%D0%BE-%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E-vinogorov.blog_.png" alt="Vinogorov.Blog" /></a>';
        break;
    default:
        echo '<a href="http://vinogorov.blog/" rel="home"><img src="http://vinogorov.blog/wp-content/uploads/2020/02/cropped-%D0%9F%D0%BE-%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E-vinogorov.blog_.png" alt="Vinogorov.Blog" /></a>';
}; ?>

Работа вышеприведенного кода:
PHP-код:
Задаем параметру $x значение get_the_author(). С помощью проверки через switch и указывания всех авторов вручную через case. У каждого из авторов отображает загруженные логотипы через echo. В случае если автора не существует выведет логотип по умолчанию от default.

Если хотите изменить ссылки, то измените ссылку на изображение в src в html теге img.

[PHP-код] — смена аватара в зависимости от адреса просматриваемой страницы и отображение текста об авторе

Я придерживаюсь мнения, что каждая запись любого автора в семейный блог настолько уникальна как и сам автор — именно поэтому в целях лучшего представления автора и создания читательской «связи» с ним — будет отображаться короткий текст и его аватар:

<img src="<?php global $post; echo get_avatar_url($post, "size=140&default=mystery"); ?>" alt="<?php get_the_author() ?>" />
<br>
Перед Вами один из авторов семейного блога - <?php get_the_author() ?>.

Работа вышеприведенного кода:
С помощью глобальной переменной (global $post;) получает аватар автора, который раннее был загружен в общий сервис gravatar. С дополнительными возможностями: указанием размера (size=140) и вывода изображения через HTML тег img с указанием никнейма автора через заполнение атрибута alt. В случае, если аватар не добавлен на сервис gravatar, тогда производиться отображение аватара из коллекции mystery.
С помощью HTML тега br перевод на новую строку и отображение текста с указанием автора.

Улучшенный второй вариант кода с возможностью отображения изображения для страниц WordPress где не присутствуют записи авторов, например страница поиска при не нахождении записей:

<?php
global $post;
if (get_the_author()==""){
echo "<img src='/wp-content/themes/indite/img/gerb.png' alt='Семейный герб Виногоровых' />";
}
else {
echo "<img src='"; echo get_avatar_url($post, "size=140&default=mystery"); echo "' alt='"; echo get_the_author(); echo "'/>'";
}
?>

Примечание ко второму коду: исправьте в html коде img атрибут src на свой адрес загруженного изображения, вместо /wp-content/themes/indite/img/gerb.png

Можете поменять отображение изображения, в случае если не удалось получить аватар автора. Для этого замените в параметре default текст: «mystery» на понравившийся отображение изображения от нижеприведенных значений:

• 404 — вернет 404 вместо дефолтной картинки;
• retro — пиксельная картинка 8bit;
• monsterid — монстрик;
• wavatar — мульт лицо;
• indenticon — картинка-узор;
• mystery, ‘mm’ или ‘mysterman’ — неизвестный человек;
• blank — прозрачная GIF картинка;
• gravatar_default — логотип Gravatar.

[PHP-код] — отображение социальных ссылок в зависимости от адреса просматриваемой страницы и автора последней или просматриваемой записи

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

<?php
$x = get_the_author();
        switch ($x) {
            case "Starking":
                echo '<ul class="social-links"><li><a rel="nofollow" class="social-tooltip" title="Илья в VK" href="https://vk.com/starking94" target="_blank"><i class="fab fa-vk"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Илья в Facebook" href="https://www.facebook.com/94starking" target="_blank"><i class="fab fa-facebook"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Илья в Одноклассниках" href="http://www.ok.ru/starking" target="_blank"><i class="fab fa-odnoklassniki-square"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Илья в Instagram" href="http://instagram.com/starking.94" target="_blank"><i class="fab fa-instagram"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Илья в Twitter" href="https://twitter.com/94StarKing" target="_blank"><i class="fab fa-twitter"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Пишите Илье в Telegram" href="https://tlg.name/StarKing94" target="_blank"><i class="fab fa-telegram"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Пишите Илье в Facebook Messenger" href="http://m.me/94starking" target="_blank"><i class="fab fa-facebook-messenger"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Илья на Пульсе Тинькофф" href="https://www.tinkoff.ru/invest/social/profile/starking/" target="_blank"><i class="fab fas fa-comments-dollar"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Вклад Ильи в WordPress CMS" href="https://profiles.wordpress.org/starkings/" target="_blank"><i class="fab fa-wpressr"></i></a></li></ul>';
                break;
            case "Natalia":
                echo '<ul class="social-links"><li><a rel="nofollow" class="social-tooltip" title="Наталья в Facebook" href="https://www.facebook.com/natalia.zhinhel" target="_blank"><i class="fab fa-facebook"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Наталья в Instagram" href="http://instagram.com/natalia_zhinhel" target="_blank"><i class="fab fa-instagram"></i></a></li></ul>';
                break;
            case "Inessa":
                echo '<ul class="social-links"><li><a rel="nofollow" class="social-tooltip" title="Инесса в VK" href="https://vk.com/id430578261" target="_blank"><i class="fab fa-vk"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Инесса в Facebook" href="https://www.facebook.com/profile.php?id=100018507456848" target="_blank"><i class="fab fa-facebook"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Инесса в Instagram" href="https://instagram.com/v.inessa" target="_blank"><i class="fab fa-instagram"></i></a></li></ul>';
                break;
             case "Nikolay":
                echo '';
                break;
            default:
                echo '';
        }; ?>

Работа вышеприведенного кода:
PHP-код:
Задаем параметру $x значение get_the_author(). С помощью проверки через switch и указывания всех авторов вручную через case. У каждого из авторов отображает социальные ссылки через echo. В случае если автора не существует выведет информацию от default.
HTML-код внутри PHP-кода (echo):
Выводит иконку социальной сети с возможностью перехода по ней. (Если хотите добавить новые ссылки тогда найдите понравившуюся иконку в библиотеке иконок fontawesome). Указывает поисковым системам не переходить ссылкам через html тег rel=»nofollow», тем самым не передаем «вес» от страницы другому сайту (лучше для SEO).

Если хотите добавить новые ссылки, то вставьте между <ul> и </ul> HTML-код:

<li><a rel="nofollow" class="social-tooltip" title="Описание ссылки" href="АДРЕС.САЙТА" target="_blank"><i class="fab fa-НАЗВАНИЕ-ИКОНКИ"></i></a></li>

Поменяйте вместо: «АДРЕС.САЙТА» на ссылку, а вместо: «fab fa-НАЗВАНИЕ-ИКОНКИ» на значение для иконки из fontawesome.

Надеюсь читаемая запись Вам понадобилась — сохраните её в закладки или поделитесь ею ↓