Как да различаваме един и същ сайт на два различни сървъра?

Помощен център

Как да различаваме един и същ сайт на два различни сървъра?

Завършихме първата част от упражнението с инсталирането на един и същ сайт, с едни и същи настройки на два различни сървъра - на cPanel хостинг сървъра и на локалния тестов сървър XAMPP.

Тъй като в тази част няколко пъти ще сменяме достъпа до сървърите критично важно е да намалим възможността за грешка. За целта ще добавим две различни favicon изображения, които ще се зареждат в таба на браузера и визуално ще ни помагат да се ориентираме на кой сървър сме се логнали в момента.

За целта трябва да приготвите два различни по цвят .png файла с размер 32х32 пиксела. Лесно може да го направите в графичния редактор pixlr.

Отворете cPanel и влезте в директорията на сайта. Препоръчаме ви от бутона Settings да изберете опцията Document Root for и от падащия списък да изберете домейна - по този начин File Manager при зареждане ще отваря директорията на сайта.

Влезте в директорията на активната тема /wp-content/themes/twentyseventeen и кликнете Upload за да качите иконатa, която създадохте за cPanel сайта.

Отворете файла functions.php (избирате го и кликате Edit) и в долния край поставете следния код:

// Function Add Favicon
function add_favicon() {
    $favicon_url = get_stylesheet_directory_uri() . '/favcp.png';
    echo '<link rel="shortcut icon" href="' . $favicon_url . '" />';
}
add_action('wp_head', 'add_favicon');
add_action('login_head', 'add_favicon');
add_action('admin_head', 'add_favicon');

като замените favcp.png с името на вашата икона.

Запазете файла.

За да достъпите сайта в хостинга трябва да направите промяна в hosts файла - коментирайте записа към локалния сървър XAMPP и изтрийте коментара пред записа за cPanel сървъра:

12.34.56.78 icn-xampp.net

#127.0.0.1 icn-xampp.net

Във вашите записи ползвайте данните (IP адрес и домейн), с които вие работите.

Запазете файла и въведете URL на сайта в браузер - в таба трябва да се зареди малката икона:

xampp favicon

Сега активирайте в hosts файла записа към локалния сървър XAMPP:

#12.34.56.78 icn-xampp.net

127.0.0.1 icn-xampp.net

В директорията на темата на сайта F:\Xampp\htdocs\sites\icn-xampp.net\wp-content\themes\twentyseventeen трябва да повторим стъпките, които извършихме във файловия мениджър:

  • да копираме иконата за локалния сайт
  • да отворим с текстов редактор файла functions.php, да въведем същия код с коректното име на иконата.
// Function Add Favicon
function add_favicon() {
    $favicon_url = get_stylesheet_directory_uri() . '/favloc.png';
    echo '<link rel="shortcut icon" href="' . $favicon_url . '" />';
}
add_action('wp_head', 'add_favicon');
add_action('login_head', 'add_favicon');
add_action('admin_head', 'add_favicon');

Запазете файла и в нов таб на браузера въведете URL на сайта - новата икона трябва да се зареди коректно и така изглеждат нашите два сайта, заредени в два съседни таба:

xampp favicon

Важно: иконите се зареждат само за съответната активна тема. Ако активирате друга тема за WordPress на някой от двата сървъра текущата икона ще изчезне и трябва по същия начин да се добави в новата тема: добавяте запис в functions.php и да качите иконата в директорията на новата тема.

В следващото упражнение ще ви покажем как може сайта на локалния тестов сървър XAMPP да ползвате MySQL сървъра на cPanel хостинга.