Proč se WordPress na alternativní adrese zobrazuje rozbitě a jak to opravit

Otevřeli jste si testovací (alternativní) adresu svého webu, abyste si WordPress prohlédli ještě před přepnutím DNS – a místo hotového webu vidíte buď stránku bez stylů a obrázků, nebo vás prohlížeč rovnou hodí zpět na starý web. Není to chyba serveru ani poškozená instalace. Je to typické chování WordPressu, který si svou adresu pamatuje natvrdo v databázi.

Testovací adresa je dočasná adresa, na které váš web běží na novém serveru ještě předtím, než na něj nasměrujete doménu. Kde ji najdete a jak vůbec funguje, popisuje návod Jak si zobrazit web ještě před změnou DNS. V tomto článku se zaměříme na to, proč na ní WordPress vypadá rozbitě a jak ho přimět, aby se zobrazoval správně.

Rychlý přehled pro pokročilé

Než začnete, ujistěte se, že je web na WordPressu už nahraný na novém serveru a funguje – jen se zatím na testovací adrese zobrazuje rozbitě. Samotná úprava je rychlá, počítejte s ní zhruba 10–15 minut.

Co budete potřebovat

• Přístup k souborům webu (povinné) – buď Správce souborů (na webhostingu v Zákaznickém portálu, ve VPS Centru V3), nebo FTP klient (funguje všude). Jak se připojit přes FTP, popisuje návod Jak se připojit na FTP.
• Testovací adresu vašeho webu (povinné) – adresu, na které web běží na novém serveru. Kde ji najdete, popisuje návod Jak si zobrazit web ještě před změnou DNS.
• Znalost umístění instalace WordPressu (podmíněné – jen pokud máte WordPress v podadresáři) – soubor wp-config.php leží v kořenové složce dané instalace. Pokud jste WordPress nainstalovali do podadresáře (například /wordpress), hledejte soubor tam.

Skok rovnou k postupu

Pokud už víte, proč se web na testovací adrese rozbil, přejděte rovnou k řešení, které se vám hodí:

Zobrazení přes soubor hosts · Úprava souboru wp-config

Proč se WordPress na testovací adrese zobrazuje rozbitě

WordPress si při instalaci uloží adresu webu na dvě místa v databázi – do hodnoty home (adresa, na které web navštěvují lidé) a siteurl (adresa, ze které se načítá samotný WordPress). Z těchto hodnot pak skládá úplné (absolutní) odkazy na vše, co stránka potřebuje: kaskádové styly, skripty, obrázky i odkazy mezi stránkami.

Když si web otevřete na testovací adrese, prohlížeč sice načte obsah stránky z nového serveru, ale odkazy na styly a obrázky uvnitř ní stále míří na vaši reálnou doménu (například example.cz). A protože ta zatím směřuje na starý server, nastane jedna ze dvou věcí:

• Styly, skripty a obrázky se načtou ze starého serveru, nebo se nenačtou vůbec – web se proto zobrazí jako holý text bez vzhledu.
• WordPress požadavek rovnou přesměruje zpět na vaši reálnou doménu, takže místo testovací verze uvidíte starý web.

Podstata řešení je proto v obou případech stejná: adresa, kterou WordPress používá, se musí shodovat s adresou, na které si web prohlížíte. Toho docílíte buď tak, že si web zobrazíte rovnou na reálné doméně přes soubor hosts (pak se shoduje s tím, co má WordPress uložené v databázi), nebo tak, že adresu ve WordPressu dočasně přepíšete na testovací. Která cesta je pro vás lepší, závisí na tom, jestli web potřebujete vidět jen vy, nebo ho chcete někomu poslat.

Zobrazení reálné domény přes soubor hosts

Pokud potřebujete web zkontrolovat jen vy sami na svém počítači, nejjednodušší a nejčistší cesta je testovací adresu vůbec nepoužít. Místo toho ve svém počítači namapujete reálnou doménu na IP adresu nového serveru pomocí souboru hosts. Prohlížeč pak vaši doménu načítá z nového serveru, zatímco pro všechny ostatní běží web dál tam, kde byl.

Výhoda pro WordPress je zásadní – web vidíte na své reálné doméně, takže hodnoty home a siteurl v databázi sedí a všechny styly, skripty i obrázky se načtou správně. Ve WordPressu nemusíte měnit vůbec nic.

Kompletní postup pro Windows, macOS i Linux, včetně toho, kde zjistíte správnou IP adresu serveru, najdete v návodu Jak si zobrazit web ještě před změnou DNS.

Tahle cesta má ale jeden háček – funguje jen na počítači, kde soubor hosts upravíte. Když chcete web ukázat klientovi přes odkaz nebo si ho otevřít na mobilu či tabletu, soubor hosts vám nepomůže. V takovém případě přichází na řadu úprava přímo ve WordPressu.

Úprava souboru wp-config

Když web opravdu musí běžet na testovací adrese – třeba abyste klientovi poslali funkční odkaz nebo si web prohlédli na jiném zařízení – přepíšete adresu webu přímo ve WordPressu. Slouží k tomu konfigurační soubor wp-config.php, do kterého přidáte dva řádky. Ty dočasně přebijí adresu uloženou v databázi a WordPress se začne tvářit, že jeho adresa je ta testovací.

U standardní instalace leží soubor wp-config.php v kořenové složce webu, kterou je složka www. Poznáte ji podle složek wp-admin, wp-content a wp-includes – soubor wp-config.php leží hned vedle nich. Cesta je ve všech rozhraních prakticky stejná, soubor je vždy ve složce www. Liší se jen to, jak se k němu dostanete:

Webhosting (Zákaznický portál)

Otevřete u dané domény Správce souborů a vejděte do složky www – v řádku s cestou nahoře uvidíte Kořenový adresář / www. Soubor wp-config.php otevřete přímo v okně prohlížeče a upravíte.

VPS Centrum V3

V levém menu klikněte na Soubory a vejděte do složky www (cesta Kořenový adresář / www). Soubor otevřete a upravíte rovnou v okně prohlížeče.

VPS Centrum V2

VPS Centrum V2 vlastního správce souborů nemá, soubor proto upravíte přes FTP nebo SFTP – stejně můžete postupovat i na webhostingu a ve V3. Po připojení přejděte do složky www, soubor wp-config.php stáhněte, upravte v textovém editoru a nahrajte zpět. Jak se připojit, popisuje návod Jak se připojit na FTP.

Cesta výše platí pro standardní instalaci. Pokud jste WordPress při instalaci nasměrovali do vlastní složky a web tak neběží přímo z www, hledejte soubor wp-config.php ve složce, kam jste WordPress nainstalovali.

Které dva řádky přidat

Otevřete soubor wp-config.php a najděte řádek /* That's all, stop editing! */

Nad něj přidejte tyto 2 řádky

define( 'WP_HOME', 'http://example.cz.vhs07.vas-hosting.com' );
define( 'WP_SITEURL', 'http://example.cz.vhs07.vas-hosting.com' );

Místo example.cz.vhs07.vas-hosting.com vložte přesnou testovací adresu, kterou vidíte ve svém rozhraní – na webhostingu končí na vas-hosting.com, na VPS na vas-server.cz. Pokud si nejste jistí, kterou adresu vyplnit, najdete její přesné znění v návodu Jak si zobrazit web ještě před změnou DNS. Adresu zadejte s http:// na začátku (bez „s“), protože testovací adresa běží jen přes nezabezpečené spojení. Pak soubor uložte a web na testovací adrese znovu načtěte – měl by se zobrazit se styly a správným rozložením.

Tyto dva řádky přepíšou adresu uloženou v databázi pouze dočasně – samotnou databázi nemění. Jakmile testování dokončíte a nasměrujete doménu na nový server, oba řádky z wp-config.php zase odstraňte. WordPress se pak vrátí k adrese uložené v databázi a web poběží na vaší doméně.

Tento postup řeší dočasný náhled, při kterém se vaše doména nemění – po přepnutí DNS poběží web na stejné doméně jako dřív. Pokud web stěhujete na úplně novou doménu (mění se tedy URL adresa webu), je potřeba adresu změnit v databázi natrvalo. Tím vás provede návod Jak migrovat web na WordPressu, který má na aktualizaci URL v databázi samostatný krok. A pokud se web zobrazuje rozbitě teprve poté, co běží naostro na vaší doméně (ne na testovací adrese), nesouvisí to už s testovací adresou – nejčastější příčinou bývá nekompatibilní plugin nebo verze PHP, kterou odhalíte přes Zobrazení chyb ve WordPressu.

Řešení problémů

WordPress mě z testovací adresy přesměruje zpět na starý web

Symptom: Po zadání testovací adresy vás prohlížeč přesměruje na vaši reálnou doménu, na které se zatím zobrazuje starý web.

Příčina: WordPress má v databázi uloženou vaši reálnou doménu v hodnotách home a siteurl a každý požadavek na ni automaticky přesměruje.

Řešení: Přidejte do souboru wp-config.php dvojici řádků WP_HOME a WP_SITEURL s testovací adresou podle sekce Které dva řádky přidat. Tím přesměrování na reálnou doménu vypnete.

Web se načte bez stylů a rozložení

Symptom: Web se otevře, ale vypadá jako holý text – chybí styly i rozložení stránky.

Příčina: WordPress skládá odkazy na styly a skripty z adresy uložené v databázi, takže míří na vaši reálnou doménu, která zatím směřuje na starý server.

Řešení: Použijte dvojici řádků WP_HOME a WP_SITEURL podle sekce Které dva řádky přidat a ujistěte se, že jsou v souboru oba. Po uložení vyprázdněte mezipaměť prohlížeče (klávesami Ctrl + F5) i případnou cache ve WordPressu, aby se načetla nová verze stránky.

Některé obrázky v článcích se nenačtou ani po úpravě

Symptom: Šablona i styly už fungují, ale některé obrázky vložené přímo do článků nebo stránek se na testovací adrese nenačtou.

Příčina: Tyto obrázky mají v obsahu uloženou úplnou adresu (například https://example.cz/obrazek.jpg) zapečenou natvrdo. Konstanty WP_HOME a WP_SITEURL ovlivní jen adresy, které WordPress skládá sám (šablonu, styly, menu i náhledové obrázky) – do odkazů zapsaných přímo v obsahu článku ale nezasáhnou, takže pořád míří na vaši reálnou doménu, která zatím směřuje na starý server.

Řešení: Po přepnutí DNS se to spraví samo – jakmile bude doména směřovat na nový server, načtou se obrázky odtud. Pokud je potřebujete vidět správně ještě před přepnutím DNS, je spolehlivá cesta zobrazit si web přes soubor hosts podle návodu Jak si zobrazit web ještě před změnou DNS – tam prohlížeč načítá z nového serveru úplně všechno, šablonu i obsah, pod vaší reálnou doménou. Při trvalé změně domény se adresy upravují přímo v databázi, jak popisuje návod Jak migrovat web na WordPressu.

Prohlížeč hlásí, že připojení není zabezpečené

Symptom: Při otevření testovací adresy prohlížeč zobrazí varování „Nezabezpečeno“ nebo „Vaše připojení není soukromé“.

Příčina: Testovací adresa běží vždy jen přes nezabezpečené spojení (http), protože SSL certifikát se vydává až pro vaši doménu po přepnutí DNS.

Řešení: U testovací adresy je toto varování běžné a zobrazení webu nebrání – klidně pokračujte. V souboru wp-config.php proto u obou řádků použijte http://, nikoli https://. Zabezpečené HTTPS se zapne, jakmile doménu nasměrujete na nový server a vydáte certifikát.

Po úpravě wp-config.php se na webu nic nezměnilo

Symptom: Přidali jste oba řádky, ale web se na testovací adrese pořád zobrazuje stejně.

Příčina: Nejčastěji se načítá uložená verze stránky z mezipaměti případně řádky jsou vložené až za řádkem /* That's all, stop editing! */, nebo jste upravili soubor jiné instalace.

Řešení: Vyprázdněte cache prohlížeče i cache pluginu ve WordPressu. Zkontrolujte, že oba řádky jsou nad řádkem /* That's all, stop editing! */, a že upravujete soubor wp-config.php ve správné kořenové složce (u instalace v podadresáři je soubor právě tam).

Po přepnutí DNS je web rozbitý nebo míří na testovací adresu

Symptom: Doménu jste nasměrovali na nový server, ale web je rozbitý nebo odkazy vedou na testovací adresu.

Příčina: V souboru wp-config.php zůstaly řádky WP_HOME a WP_SITEURL s testovací adresou, které stále přebíjejí reálnou doménu.

Řešení: Oba řádky ze souboru wp-config.php odstraňte a soubor uložte. WordPress se vrátí k adrese uložené v databázi a web poběží na vaší doméně.

Pokud problém přetrvává, kontaktujte naši podporu – rádi se na vaši konkrétní situaci podíváme.