Kako da napravim stilizovanu 404 stranicu u temi?

Stilizovanje 404 stranice u WordPress temi (klasični pristup)

U WordPress-u, stilizovana 404 stranica (stranica koja se prikazuje kada posetioci unese nepostojeću adresu) kreira se kreiranjem ili editovanjem datoteke 404.php u folderu aktivne teme. Ovo je standardni klasični metod. Preporučuje se korišćenje child teme da izbegnete gubitak izmena pri ažuriranjima.

Koraci za kreiranje:

  1. Pripremite child temu: Ako nemate child temu, instalirajte plugin poput “Child Theme Configurator” ili ručno kreirajte folder child teme u /wp-content/themes/.
  2. Kopirajte 404.php iz parent teme: U admin panelu idite na Izgled > Uređivač teme, izaberite child temu. Ako 404.php ne postoji, kopirajte ga iz parent teme preko FTP-a (npr. iz /wp-content/themes/parent-theme/404.php).
  3. Uredite sadržaj 404.php: Otvorite fajl i dodajte HTML strukturu. Primer osnovnog koda:
    <?php get_header(); ?>
    <div class="error-404">
        <h1>404 - Stranica nije pronađena</h1>
        <p>Vratite se na <a href="<?php echo home_url(); ?>">početnu stranicu</a>.</p>
    </div>
    <?php get_footer(); ?>
  4. Dodajte CSS stilove: U Izgled > Prilagođavanje > Dodatni CSS ili u style.css child teme, dodajte stilove, npr.:
    .error-404 {
        text-align: center;
        padding: 100px 0;
        background: #f8f9fa;
    }
    .error-404 h1 {
        color: #dc3545;
        font-size: 4em;
    }
  5. Proverite rezultate: Sačuvajte izmene i testirajte unosom nepostojeće URL adrese (npr. yoursite.com/nepostojeci-link).

Alternativa sa page builder-om:

Za vizuelni dizajn bez kodiranja, koristite premium pluginove poput Elementor Pro ili Bricks Builder. WP Host svim korisnicima pruža preko 350 premium tema i pluginova besplatno, uključujući ove alate. Kreirajte 404 template u Elementor-u i dodelite ga preko Theme Builder-a.

Ako trebate dodatnu pomoć, kontaktirajte našu 24/7 podršku specijalizovanu za WordPress.