Maintenance Mode

Snewi

Hallo, ich habe mal wieder eine Frage :-)

Ich würde gerne den Maintenance Mode in WP ohne Plugin realisieren. Die Datei .maintenance habe ich angelegt und per FTP ins Verzeichnis gelegt. Das funktioniert soweit. Jetzt würde ich gerne noch das Aussehen ein wenig schöner gestalten und habe eine Datei maintenance.php in den wp-content Ordner geschoben.
Der Inhalt ist erstmal folegnder:

PHP

<?php
$protocol = $_SERVER['SERVER_PROTOCOL'];
if ( 'HTTP/1.1' != $protocol && 'HTTP/1.0' != $protocol ) {
    $protocol = 'HTTP/1.0';
}
header( "$protocol 503 Service Unavailable", true, 503 );
header( 'Content-Type: text/html; charset=utf-8' );
header( 'Retry-After: 600' );
?>


<!DOCTYPE html>
<html>
<head>
<title>Wartungsseite</title>
<style>


/** Hintergrund **/
body {
    background-image: url('Bild.jpg');
}
</style>
</head>
<body>


    <h2 style="text-align: center;">Hier entsteht eine neue Webseite</h2>
    <hr />


</body>
</html>
<?php die(); ?>

Alles anzeigen

Den Text komme ich natürlich angezeigt aber das Bild nicht. Muss natürlich den Pfad noch richtig einstellen. Wenn ich dass zwar tue gehts immer noch nicht.

1.Frage: Könnte ich einen Pfad aus dem Child-Theme /images/background dynamisch angeben? Also immer aus dem Child Theme diesen Pfad nehmen?

2.Frage: Kann ich überhaupt Bilder einbinden?

LG Snewi

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Du könntest z. B. mit get_stylesheet_directory_uri() arbeiten.

Snewi

dann aber nur im HTML code oder? Gehts auch im Css?

SirEctor

das ist ein PHP-Befehl und funktioniert nur dort wo PHP erlaubt ist.

Snewi

Das hier funktioniert leider nicht:

PHP

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/background/BILD.jpg" alt="" width="1920" height="1080" />

Ist da was falsch dran?

b3317133

Link zur Seite?

Snewi

hehemann-bau.de

b3317133

Der aktuelle Ausgabe des HTML-Codes bricht genau beim Bild ab:

HTML

<!DOCTYPE html>
<html>
<head>
<title>WEBASMEDIA | Wartungsseite</title>


<img src="

Wie genau sieht Deine ganze [FONT=Courier New]maintenance.php[/FONT] aus?

Ergänzung: Und was steht im PHP Error Log des Servers? Das bekommst Du beim Hostinganbieter.

SirEctor

Es fehlt auch vorher der body-Tag etc.

Könnte es sein, dass du sowas vor hattest?

PHP

<body style="background: url('<?php echo get_stylesheet_directory_uri(); ?>/images/background/BILD.jpg')">

Snewi

Hallo,
also wenn ich alles mit festem Pfad angebe klappt es:

PHP

<?php
$protocol = $_SERVER['SERVER_PROTOCOL'];
if ( 'HTTP/1.1' != $protocol && 'HTTP/1.0' != $protocol ) {
    $protocol = 'HTTP/1.0';
}
header( "$protocol 503 Service Unavailable", true, 503 );
header( 'Content-Type: text/html; charset=utf-8' );
header( 'Retry-After: 600' );
?>


<!DOCTYPE html>
<html>
<head>
<title>Wartungsseite</title>


<style>
body {
    -webkit-animation: fadein 0.7s;
    animation: fadein 0.7s
}
@-webkit-keyframes fadein {
    from {opacity:0} to {opacity:1}
}
@keyframes fadein {
    from {opacity:0} to {opacity:1}
}


</style>
</head>


<body>
    <img src="../wp-content/themes/hb-child/images/background/Wartung.jpg" alt="TEST" width="1920" height="1080" />


    <h2 style="text-align: center;">Hier entsteht eine neue Webseite</h2>
        
</body>
</html>
<?php die(); ?>

Alles anzeigen

anders leider nicht :-(

PHP

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/background/Wartung.jpg" alt="TEST" width="1920" height="1080" />

Snewi

So ich habe nochmal ein bischen gespielt und habe folgendes Ergebnis was zwar noch einwenig angepasst werden muss bezüglich Layout aber die Bilder sind da und diese möchte ich jetzt nur noch dynamisch immer über den gleich Pfad einbinden:

PHP

<?php
$protocol = $_SERVER['SERVER_PROTOCOL'];
if ( 'HTTP/1.1' != $protocol && 'HTTP/1.0' != $protocol ) {
    $protocol = 'HTTP/1.0';
}
header( "$protocol 503 Service Unavailable", true, 503 );
header( 'Content-Type: text/html; charset=utf-8' );
header( 'Retry-After: 600' );
?>


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="de-DE">
<head>
<title>Wartungsseite</title>
<style>


body {  
background-image: url('../wp-content/themes/hb-child/images/background/Wartung.jpg');
    position: relative;
    margin: 1em auto;
    background-size: contain !important;  
    background-repeat: no-repeat;
    width: 1920px;
    height: 1080px;
}


#wam-page {
    padding: 60px 60px 60px;
    min-height: 100%;
}


#wam-box {
    background: rgba(255, 255, 255, 0.75);
    padding: 60px;
    border: 0px solid;
    max-width: 500px;
    margin: 0 auto;
    transition: background 1s;
}


#wam-box img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    background-size: contain;
    background-repeat: no-repeat;


}


#wam-text {
    font-family: 'OpenSansRegular', Verdana, sans-serif !important;
    font-size: 14px;
    padding: 1px 24px 5px;
    border: 0px solid #265366; /*border auf 3px*/
    border-radius: 10px;
    box-shadow: 0 0px 0px;
}




</style>
</head>
<body>
    <div id="page">
        <div id="wam-box">
            <img id="wam-image" src="https://hehemann-bau.de/wp-content/uploads/2020/05/Logo_hehemann-bau.png">
       
            <div id="wam-text">
            <h2 style="text-align: center;">Hier entsteht eine neue Webseite.</h2>
            <hr>
            <h3 style="text-align: center;">Wir beantworten Ihre Fragen aber gerne persönlich.</h3>
            <hr>
            <h4 style="text-align: center;"><strong>Schreiben Sie uns eine Mail, oder rufen Sie direkt an!</strong></h4>
            <h4 style="text-align: center;">str</h4>
            <h4 style="text-align: center;">ort</h4>
            </div>
        </div>
    </div>
   
</body>
</html>
<?php die(); ?>

Alles anzeigen

Ist da irgendwas zu machen? Habe jetzt das Hintergrundbild per CSS eingebunden. Vielleicht gehts auch anders hab es nur nicht hinbekommen.

LG und gute Nacht

Snewi

So ein Stück weiter. Beide Bilder unten im HTML Code aber immer noch nicht über get_stylesheet_directory. Da wird mir ein Fehler ausgewiesen :-(

PHP

<?php
$protocol = $_SERVER['SERVER_PROTOCOL'];
if ( 'HTTP/1.1' != $protocol && 'HTTP/1.0' != $protocol ) {
    $protocol = 'HTTP/1.0';
}
header( "$protocol 503 Service Unavailable", true, 503 );
header( 'Content-Type: text/html; charset=utf-8' );
header( 'Retry-After: 600' );
?>


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="de-DE">
<head>
<title>Wartungsseite</title>
<style>


body {   
    background-size:cover;
    background-repeat: no-repeat;
    max-width: 100%;
    height: auto;
}


#wam-page {
    padding: 60px 60px 60px;
    min-height: 100%;
}


#wam-box {
    background: rgba(255, 255, 255, 0.75);
    padding: 60px;
    border: 0px solid;
    max-width: 500px;
    margin: 0 auto;
}


#wam-box img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    background-size: contain;
    background-repeat: no-repeat;


}


#wam-text {
    font-family: 'OpenSansRegular', Verdana, sans-serif;
    font-size: 14px;
    padding: 1px 24px 5px;
    border: 0px solid #265366; /*border auf 3px*/
    border-radius: 10px;
    box-shadow: 0 0px 0px;
}
</style>
</head>


<body style="background-image: url('../wp-content/themes/hb-child/images/background/Wartung.jpg')">
    <div id="wam-page">
        <div id="wam-box">
            <img id="wam-image" src="https://hehemann-bau.de/wp-content/uploads/2020/05/Logo_hehemann-bau.png">
            <div id="wam-text">
            <h2 style="text-align: center;">Hier entsteht eine neue Webseite.</h2>
            <hr>
            <h3 style="text-align: center;">Wir beantworten Ihre Fragen aber gerne persönlich.</h3>
            <hr>
            <h4 style="text-align: center;"><strong>Schreiben Sie uns eine Mail, oder rufen Sie direkt an!</strong></h4>
            <h4 style="text-align: center;">Str</h4>
            <h4 style="text-align: center;">Ort</h4>
            </div>
        </div>
    </div>
    
</body>
</html>
<?php die(); ?>

Alles anzeigen

b3317133

Zitat von Snewi

.. aber immer noch nicht über get_stylesheet_directory. Da wird mir ein Fehler ausgewiesen

Welcher genau?

Und was steht im PHP Error Log des Servers? Das bekommst Du beim Hostinganbieter.

Snewi

Hi, das steht dann da wenn ich die PHP Funktion einbaue:

Bei dem Aufruf:

Das obere Bild da brauche ich auch Hilfe wie ich es einbidnen kann.

LG

b3317133

Die Meldung im PHP Error Log bedeutet, dass die WordPress Funktion [FONT=Courier New]get_stylesheet_directory_uri()[/FONT] beim Ausführen der Datei [FONT=Courier New]maintenance.php[/FONT] nicht zur Verfügung steht.

Der für Theme-Funktionen relevante Teil des WordPress Core läuft zu dem Zeitpunkt noch nicht.

Snewi

Ok heisst das dann es gibt keine Möglichkeit hier das Bild immer aus dem gleichen Child-Theme Pfad zu laden?? Keine andere möglichkeit?
Oder ist es siwieso nicht so sinnvoll das über die .maintanence zu machen und lieber ein Plugin verwenden?

LG

Snewi

Ich mache es jetzt einfach mit nem relativen Pfad und gut. Das klappt aufjedenfall. Eine weitere Frage habe ich da noch. Wenn ich den Wartungsmodus jetzt so mache komme ich per wp-admin nicht mehr ins Backend. Was muss ich tun damit das wenigstens noch klappt und ich mir vielleicht sogra nen kleinen login-Button einbaue um als Admin wenigstens noch was machen zu können?

b3317133

Die Mechanismen mit [FONT=Courier New].maintenance[/FONT] bzw. [FONT=Courier New]maintenance.php[/FONT] werden von WordPress genutzt, wenn Plugins, Themes und auch der WordPress Core selbst aktualisiert werden.

Daher ist es nicht sinnvoll, dass zu diesem Zeitpunkt Plugins, Themes oder der Rest des WordPress Core läuft.

Wenn Du einen "Maintenance" Hinweis für Besucher zeigen, selbst aber weiter an der Seite arbeiten willst, nutze eines der vielen Maintenance oder Coming Soon o.ä. Plugins oder schau Dir deren Code an und schreibe ein eigenes. Mit den o.g. Mechanismen haben diese Plugins rein gar nichts zu tun.

Snewi

Ok danke für den Tipp! Bis denn

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Maintenance Mode

Jetzt mitmachen!

Benutzer online in diesem Thema