it-swarm.com.de

Wie füge ich ein Hintergrundbild-Steuerelement zu Seitenadministrator-Steuerelementen hinzu?

Ich verstehe, dass jeder Seite eine eigene Klasse wie .page-id-22 zugewiesen wurde und ich kann diese verwenden, um ihr mithilfe des Stylesheets ein Hintergrundbild zuzuweisen, aber ich habe ein Thema gesehen, das dem Admin-Bereich der eine Steuerung hinzufügt Seite selbst, was ich erreichen möchte.

Grundsätzlich kann der Benutzer bei Bedarf auf ein Bild klicken und es auf eine einzelne Seite hochladen, ohne das Stylesheet bearbeiten zu müssen.

Wäre es ähnlich wie bei einigen Ideen in dieser datierten Diskussion ?

Diese Frage unterscheidet sich von dieser Diskussion , da es sich nicht nur um die Überschrift handelt und dies Teil des Themas sein muss, das kein Plugin verwendet.

2
Jeff W

Dies kann mit einem benutzerdefinierten Feld erfolgen und das CSS sollte in eine .php-Datei geändert werden:

$image = get_post_meta( $post->ID, "ImagePathFromCustomField", true );
if ( $image != '' ) { 
    ?>
    <style type="text/css">
        .bg-image { 
            background-image: url(<?php echo $image; ?>); 
            background-repeat: repeat; 
        }
    </style>
    <?php
}
1
Arsalan

Der einfachste Weg wäre, benutzerdefinierte Felder zu verwenden, sagen wir ACF (Advanced Custom Fields) * sogar eine kostenlose Version von WordPress.org

  1. Nehmen wir an, wir verwenden ACF. Sie müssen eine Feldgruppe erstellen: Folgen Sie diesem Link und gehen Sie zu Benutzerdefinierte Felder> Neu hinzufügen

  2. Felder, Feld erstellen, Feldbezeichnung hinzufügen und Feldname (YOUR_FIELD_NAME) danach wählen Sie Feldtyp: Bild (wenn Sie diesen Feldtyp auswählen, erhalten Sie die Option, ihn als URL anzuzeigen

  3. Wähle einen Ort (Seite oder Beiträge) - wo das Feld angezeigt werden soll, das du erstellt hast:  ACF Choose Location 

  4. Jetzt haben wir die Schaltfläche Bildfeld auf jeder Seite im Backend, mit der Sie zur Frontend-Anzeige springen können

  5. Entscheiden Sie, wo Sie dieses Bild (Code) anzeigen möchten, es kann page.php, footer.php, header.php (oder alles, was Sie brauchen) sein, öffnen Sie diese Datei und Sie müssen dort <img src="<?php the_field('YOUR_FIELD_NAME'); ?>" /> einfügen.

  6. Fortgeschrittenere Dinge sind, können Sie if/else verwenden, um Bild und Abfrage für diesen Hintergrund anzuzeigen, <?php if( get_field('YOUR_FIELD_NAME') ): ?> <img src="<?php the_field('YOUR_FIELD_NAME'); ?>" /> <script>Your Script here</script>
    <?php endif; ?>

  7. Am besten fügen Sie Ihre Skriptdatei in die Fußzeile ein, sodass sie nach jQuery und anderen Teilen geladen wird und nur dann, wenn image den gleichen Code wie 6 hat, aber nur Skriptcode enthält.

INFO: Abschnitt 3 gibt Ihnen die Möglichkeit, das Bildfeld im Backend anzuzeigen, wenn Sie eine neue Seite erstellen oder eine alte Seite bearbeiten

0
apsolut

Schauen Sie sich das Custom CSS Per Post Plugin auf GitHub an, um zu erfahren, wie Sie eine Meta-Box mit dem Customizer verwenden. Es gibt auch ein Gist: Benutzerdefiniertes CSS in WordPress, das im Customizer bearbeitet werden kann , wobei Sie den CSS-Teil einfach durch ein WP_Customize_Image_Control ersetzen könnten.

0
jgraup