WordPress ist ein Tool, das verschiedene Anwendungen hat. Es kann sowohl als Content-Management-System als auch als Blogging-Plattform verwendet werden (CMS).
Dies liegt definitiv daran, dass dieses Tool leicht zu erlernen, zu verwenden und anzupassen ist. Ich meine, Sie können Ihre Website so gestalten, wie Sie es möchten, ohne zu viel Aufwand zu betreiben. Sie können Ihren WordPress-Posts und -Seiten sogar unterschiedliche Hintergründe hinzufügen. Dieser letzte Teil ist Gegenstand dieses Tutorials.
Wenn Sie Ihren WordPress-Posts und -Seiten Farbe und Stil verleihen möchten, wird in diesem Handbuch das Thema anhand eines zweigleisigen Ansatzes betrachtet. Zunächst werden wir Posts oder Seiten mithilfe von CSS und einer einfachen PHP-Funktion unterschiedliche Hintergründe hinzufügen.
Wenn dies jedoch nicht Ihre Tasse Tee ist (Nehmen wir an, Sie sind der perfekte Anfänger und der Code geht Sie nichts an), bieten wir ein Plugin an, das Ihnen dabei hilft.
In jedem Fall müssen Sie nicht viel Zeit verschwenden, da es sich um ein relativ einfaches Projekt handelt. Außerdem macht es immer Spaß, etwas Neues zu lernen.
Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren
Dann zurück zu warum wir hier sind.
So fügen Sie einen Hintergrund mit Code in WordPress hinzu
Dieser Abschnitt ist von großem Nutzen, wenn Sie Kenntnisse in PHP, HTML und CSS haben. Keine Sorge, Sie können die hier bereitgestellten Snippets jederzeit kopieren und einfügen. Sie müssen nur wissen, wo sich die verschiedenen Dateien in Ihrer WordPress-Installation befinden.
Entdecke warum Videohintergründe sind nicht immer eine gute Idee
Fügen Sie mit CSS in WordPress verschiedene Hintergründe hinzu
Ein großer Teil der Stil, der in Wordpress Artikel und Seiten geht (und Ihre gesamte Website) wird von einer Datei mit dem Namen "Stylesheet “. Die Stylesheet-Datei unter WordPress wird normalerweise in "style.css" umbenannt. Sie können zugreifen " style.css Durch den Zugriff auf " Aussehen> Editor Auf Ihrem WordPress-Dashboard:
Wir werden einen Hintergrund hinzufügen (und andere Stile) Ihre Artikel und WordPress-Seiten in der style.css-Datei, daher ist es wichtig, eine zweite offene Registerkarte zu haben, auf der Sie eine Vorschau der verschiedenen Änderungen anzeigen können.
Entdecken Sie auch diese Einige Texteditoren für Entwickler Wordpress
Bei der Navigation zu " Aussehen> Editor Sie sehen auch eine Liste aller Modelle in der Wordpress-Theme rechts auf dem Bildschirm. Wenn Sie ein untergeordnetes Design verwenden, müssen Sie die Vorlagendateien Ihres übergeordneten Designs hochladen.
Sie müssen sich auf die Datei konzentrieren " header.php ". Warum header.php ? Weil diese Datei allen anderen Seiten und Beiträgen hinzugefügt wird. Mit anderen Worten, der Code in header.php wird auf jeder Seite oder jedem Beitrag angezeigt, den Sie erstellen.
Suchen Sie diesen Codeausschnitt:
>
Diese Funktion hat einen Zweck. Es bietet CSS-Klassen, mit denen Sie den Stil Ihrer Artikel und Seiten ändern können. Sie müssen lediglich eine bestimmte CSS-Klasse auf die Seite oder den Artikel ausrichten, die bzw. den Sie anpassen möchten, und Ihren Hintergrund und Stil hinzufügen. Jetzt müssen Sie nur noch Ihre Änderungen speichern.
Entdecke das das kannst du konkret mit dem WordPress Plugin Yellow Pencil machen?
Deshalb "
Das Anzeigen des Quellcodes für einen Beitrag oder eine Seite ist einfach. Wenn Sie Chrome verwenden, klicken Sie mit der rechten Maustaste auf eine leere Stelle auf einer Seite und klicken Sie auf " Untersuchen Sie das Element “. Klicken Sie in Mozilla mit der rechten Maustaste direkt auf den Artikel / die Seite und klicken Sie dann auf " Seite Quelle “. Wenn Sie Microsoft Edge (Internet Explorer) verwenden, klicken Sie mit der rechten Maustaste auf Ihre Seite / Artikel und wählen Sie " Quelltext anzeigen ".
Lerne auch Wie effektiv die Tabs in Ihrem Web-Browser verwenden
Wenn Sie sich den Quellcode einer WordPress-Seite ansehen, ist der generierte Code fast der gleiche:
Wenn Sie sich den Quellcode für einen einzelnen Artikel angesehen haben, zeigt die body_class-Funktion Folgendes an:
Wie Sie sehen, steht Ihnen ein CSS-Auswahlsatz zur Verfügung, mit dem Sie den Hintergrund Ihres Blogs anpassen können.
So fügen Sie einen benutzerdefinierten Hintergrund mit Plugins hinzu
Sie können auch WordPress-Post- und Seitenhintergründe anpassen, wie wir zuvor gezeigt haben, indem Sie die verwenden Wordpress-Plugins. Wenn Sie also keine Zeit haben, mit dem Code herumzuspielen oder diesen Anweisungen zu folgen, finden Sie hier ein Plugin, das Ihnen dabei hilft, dorthin zu gelangen.
Premium-Wordpress benutzerdefinierte Hintergründe
In ein paar Minuten mit Kundenspezifische Hintergründe Sie können unter anderem wechselnde Hintergründe für Artikel, Seiten, benutzerdefinierte Publikationsformate, Taxonomien und Archive erstellen. Sie haben sogar die Möglichkeit, den Parallaxeeffekt, den Timer und vieles mehr anzupassen.
Sie können sogar anklickbare Hintergründe für Ihre WordPress-Beiträge und -Seiten festlegen, ohne zu viel Konfiguration vorzunehmen. Der Autor ermöglicht es Ihnen auch, das Plugin vor dem Kauf zu testen, damit Sie wissen, was Sie erwartet.
Entdecken Sie auch einige Premium-WordPress-Plugins
Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.
Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.
1. Zxeion
Zxeion ist ein mächtiger WordPress Plugin Dies erhöht die Sicherheit Ihrer Website. Dieses Plugin enthält eine Sammlung von Patches und Tools für zusätzlichen Schutz sowie Echtzeitschutz für Ihr Netzwerk, mit denen Sie Bedrohungen für Ihre Website erkennen und blockieren können, ohne etwas unternehmen zu müssen. irgendetwas.
Zu seinen Funktionen gehören unter anderem: Echtzeitschutz, die Möglichkeit, den Administratorbereich auszublenden, automatisiertes Firewall-Verbot, Dateischutz, IP-Blocker, Schutz vor Brute-Force-Angriffen, Erkennung von Serverfehler, Spam-Schutz und vieles mehr
Herunterladen | Demo | Web-Hosting
2. SearchAzon
Le WordPress Plugin Mit SearchAzon können Sie die Amazon-Suchfunktion in Ihre Website integrieren. Dadurch haben Sie die Möglichkeit zu wählen, ob Suchergebnisse auf Amazon auf Ihrer Website angezeigt und Besucher zu Amazon weitergeleitet werden sollen.
Mit SearchAzon verdienen Sie Provisionen und Ihre Kunden werden begeistert sein. Es ist ein sehr einfaches Konzept, das Einnahmen aus der automatischen Steuerung Ihrer Website generiert. Angenommen, Sie haben bereits einen Online-Shop, der nur eine bestimmte Produktnische bietet, z. B.: Apple. Ein Kunde sucht nach "Samsung S8 +". Was passieren wird, ist, dass Sie diesen Kunden verlieren. Hier setzt SearchAzon an.
Wenn ein Kunde anhand dieses Schlüsselworts / dieser Phrase nach einem Produkt sucht, das auf Ihrer Website nicht gefunden werden kann, wird bei Amazon eine automatische Suche ausgeführt, und Ihr Kunde erhält die besten Ergebnisse von Amazon direkt auf Ihrer Website. Also keine verlorenen oder enttäuschten Kunden mehr. Jeder findet auf Ihrer Website, was er will, und Sie generieren zusätzliche Einnahmen mit Amazon.
Herunterladen | Demo | Web-Hosting
3. Master-Slider
Kein Wunder WordPress Plugin Master Slider ist ein Dauerbrenner auf CodeCanyon. Dieser taktile und reaktionsschnelle Schieberegler bietet über 70 Vorlagen, die hochgradig anpassbar und auch einfach zu verwenden sind.
Sie haben die Möglichkeit, HTML-Text, Links, Bilder oder Videos direkt in jede Folie einzufügen oder einzubetten und anschließend jede Ebene unabhängig zu animieren. Mit über 70 Konfigurationsoptionen bleibt Master Slider eines der hochgradig anpassbaren Plugins in dieser Nische.
Seine Funktionen sind: ein visueller Diashow-Builder, Benutzerfreundlichkeit, das Vorhandensein von Navigationstasten, die Möglichkeit, Galerien von Diensten wie Flickr und WooCommerce zu laden und anzuzeigen, und vieles mehr
Herunterladen | Demo | Web-Hosting
Andere empfohlene Ressourcen
Wir laden Sie außerdem ein, die unten aufgeführten Ressourcen zu konsultieren, um die Kontrolle und Kontrolle Ihrer Website und Ihres Blogs zu verbessern.
- So verwalten Sie die URLs der Bilder Ihres WordPress-Blogs
- Wie der CloudFlare EUR für Ihren Wordpress Blog konfigurieren
- Wie Sie Ihre Wordpress-Themes kaufte auf Themeforest aktualisieren
- Wie man benutzerdefinierte Vorlagen Wordpress erstellen
Fazit
Das war's Das ist es für dieses Tutorial, ich hoffe, es wird Ihnen ermöglichen, die Hintergründe auf WordPress leicht zu ändern. Wenn Ihnen dieser Artikel gefallen hat, wenden Sie sich bitte an Mit deinen Freunden teilen.
Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.
Aber erzählen Sie uns in der Zwischenzeit von Ihrem commentaires und Vorschläge im entsprechenden Abschnitt.
...