So entwerfen Sie eine benutzerdefinierte WordPress-Seitenvorlage [AKTUALISIEREN 2021]

WordPress-Themes sind einfach großartig. Sie machen WordPress Webdesign so einfach.

Aber was passiert, wenn Sie über das von Ihnen gewählte Thema hinausgehen möchten?

Was ist, wenn Sie ein benutzerdefiniertes WordPress-Layout auf einer bestimmten Seite verwenden möchten?

Nun, einige Themen erlauben es Ihnen nicht, ihre Layouts zu ändern.

Aber dafür gibt es einige Problemumgehungen.

Folgen Sie mir, um es herauszufinden.

Was ist eine benutzerdefinierte Seitenvorlage und wie wird sie zugewiesen?

WordPress-Seiten und Beiträge Layout werden durch eine Template-Datei namens „Seite gesteuert.PHP“. Vorlagen sind Dateien, die WordPress mitteilen, wie verschiedene Arten von Inhalten angezeigt werden sollen.

Möglicherweise möchten Sie nicht, dass alle Seiten und Beiträge gleich aussehen. Dies ist, wenn Sie eine benutzerdefinierte Seitenvorlage benötigen.

Welche WordPress-Seitenvorlagen verwenden Sie?

Möchten Sie herausfinden, welche Seitenvorlage Sie verwenden oder wie Sie zwischen Vorlagen wechseln können?

Es ist einfach peasy, Sie müssen:

1. Gehen Sie zu Ihrem WordPress-Admin-Dashboard,
2. Wählen Sie im Menü links „Seiten“,
3. Bewegen Sie den Mauszeiger über den Titel einer Seite,
4. Wählen Sie im Menü unter dem Titel „Schnellbearbeitung“,
5. Bearbeiten“ -Fenster, gehen Sie zur Dropdown-Liste „Vorlage“.

Hier sehen Sie alle verfügbaren Themenvorlagen und können Ihrer aktuellen Seite eine andere Vorlage zuweisen.

Zum Beispiel gibt es eine Option, um Ihre Seite in voller Breite zu ändern, wenn Sie möchten. Es gibt jedoch keine Option für eine Vorlage, die eine zweite Seitenleiste hinzufügt.

Aus diesem Grund können benutzerdefinierte WordPress-Vorlagen nützlich sein. Jedes Mal, wenn Sie eine neue Vorlage speichern, wird es neben den alten auch zur Verfügung stehen.

Jetzt können Sie diese Zuweisung auch innerhalb der Seite zuweisen. Wenn Sie eine Seite bearbeiten möchten, gehen Sie auf der rechten Seite zu „Seitenattribute“ -> Vorlage.

So erstellen Sie ein untergeordnetes Thema

Bevor wir uns jetzt mit dem Erstellen einer benutzerdefinierten WordPress-Seitenvorlage die Hände schmutzig machen, sollten Sie Folgendes beachten: Nehmen Sie die Änderungen an einem untergeordneten Thema vor. Sie möchten keine irreversiblen Änderungen am übergeordneten Thema vornehmen.

Ein WordPress-Unterthema ist ein Unterthema, das alle Funktionen und Stile des übergeordneten Themas erbt. Wenn nun das übergeordnete Thema aktualisiert wird, ist Ihr untergeordnetes Thema nicht betroffen und Ihre Änderungen werden nicht überschrieben.

Wie erstellen Sie nun ein untergeordnetes Thema? Hier sind die Schritte:

1. Anmelden, um ihre cPanel,
2. Gehen zu Datei Manager,
3. Kopf über zu public_html-> wp-content-> themen ordner,
4. Während innerhalb der „Themen“ ordner, fügen sie eine neue ordner von „+ Ordner“ in die oberes Menü. Gib ihm einen Namen. Im besten Fall verwenden Sie den Namen des Themas, an das Sie „-child“ anhängen. Verwenden Sie auch Bindestriche anstelle von Leerzeichen. In meinem Fall verwende ich mesmerize-child, da ich das Mesmerize-Thema
5. Im Ordner verwende, eine neue Datei erstelle und sie „Stil“ nenne.css“,
6. . Klicken Sie mit der rechten Maustaste auf die Datei und wählen Sie die Option „Bearbeiten“.

   /* Theme Name: Your Theme Child Theme URL: http://yourdomain.comDescription: Your Theme Child Theme Author: Your NameAuthor URL: http://yourdomain.comTemplate: yourtheme Version: 1.0.0 Text Domain: yourtheme-child */

   Hier können Sie einen Teil des Codes in die übergeordnete CSS-Datei einfügen oder Ihr eigenes Styling hinzufügen.

7. Ändern Sie das Thema und die Domänennamen, klicken Sie dann auf „Speichern“,
8. Erstellen Sie eine weitere Datei im selben Ordner. Dieses Mal nennen Sie es „Funktionen.PHP“. Fügen Sie den folgenden Code ein:

   <?phpadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );}?>

9. Gehen Sie zum WordPress-Dashboard, Aussehen -> Thema. Ihr untergeordnetes Thema wird dort sein, Sie müssen es nur aktivieren.

Und fertig.

Als nächstes machen wir eine neue Vorlage, sollen wir?

Wie erstelle ich eine benutzerdefinierte WordPress-Seitenvorlage?

Sie können mit dem vorhandenen Themencode beginnen und die erforderlichen Anpassungen vornehmen.

Hier sind die Schritte:

1. Gehen Sie zu cPanel -> Dateimanager,
2. Navigieren Sie zu public_html -> wp-content -> Themenordner,
3. Öffnen Sie Ihren Hauptthemenordner,
4. Identifizieren Sie die Seite.PHP-Datei. Es wird so aussehen:

   <?php mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

5. Wählen Sie die Datei aus und wählen Sie „Kopieren“,
6. Ändern Sie im folgenden Fenster den Pfad der Datei in den Ordner in Ihrem untergeordneten Thema,
7. Benennen Sie die neue Datei um, damit Sie leicht erkennen können, was sie tut.
8. Fügen Sie einen Kommentar in die Datei ein, damit Sie WordPress mitteilen können, dass es sich um eine neue benutzerdefinierte Vorlage handelt. Wählen Sie dazu „Bearbeiten“ und fügen Sie diesen Text ein:

   /* * Template Name: Your custom TEmplate's name * description: >- Explain what your new templates does */

   Ihre neue Datei sollte folgendermaßen aussehen:

   <?php /* * Template Name: Custom Full Width * description: >- Page template without sidebar */mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

Sie können hier auch Kopien anderer Dateien hinzufügen. Zum Beispiel können Sie die Single anpassen.PHP-Datei, die das Erscheinungsbild von Blog-Posts ändert.

Als nächstes müssen Sie die Ärmel hochkrempeln und Code schreiben.

Und wenn Sie das CSS-Styling ändern möchten, können Sie dies innerhalb des Child Theme Customizers, innerhalb von zusätzlichem CSS oder innerhalb des Stils tun.CSS-Datei.

Es gibt jedoch eine einfachere Lösung …

Mit einem Site Builder wie Colibri „steht“ der gesamte Code dahinter und blockiert keinen nicht technischen Site-Ersteller. Jede Hinzufügung oder Änderung einer benutzerdefinierten Seite wird visuell im Customizer angezeigt. Somit hat der Site-Ersteller mehr Kontrolle über das Design. Die hübsche benutzerdefinierte Seite ist im Handumdrehen fertig, ohne sich um den Code hinter der Seite zu kümmern.