Dann müssen Sie die Datei herunterladen Volle Breite.php In Ihrem WordPress-Theme-Ordner mit .

Sie haben erfolgreich eine benutzerdefinierte Seitenvorlage in voller Breite für Ihr Design erstellt und hochgeladen. Der nächste Schritt besteht darin, diese Vorlage zu verwenden, um eine Seite in voller Größe zu erstellen.

Gehen Sie zu Ihrem Dashboard und bearbeiten oder erstellen Sie eine neue Seite.

Suchen Sie im Seitenbearbeitungsbildschirm nach dem Kontrollkästchen „Seitenattribute“ und klicken Sie auf das Dropdown-Menü unter der Option „Modell“.

Sie können Ihr Modell sehen. Fahren Sie fort, wählen Sie es aus und speichern oder aktualisieren Sie die Seite.

Sie können jetzt Ihre Website besuchen und werden feststellen, dass die Seitenleisten verschwunden sind und Ihre Seite als einspaltige Seite angezeigt wird. Es ist vielleicht noch nicht voll, aber jetzt können Sie es auf andere Weise verteilen.

Machen Sie Ihre Website beliebt, indem Sie sie entdecken

Sie müssen das Inspect-Tool verwenden, um die CSS-Klassen zu ermitteln, die Ihr Theme zum Definieren des Inhaltsbereichs verwendet.

Anschließend können Sie die Breite mithilfe von CSS auf 100 % anpassen. Wir haben den folgenden CSS-Code verwendet:

.str-template full-width zone.content (Breite: 100 %; Rand: 0px; Rand: 0px; Auffüllung: 0px; ) .str-template full-width.Output (Rand: 0px; )

So würde Twenty Seventeen aussehen.

Das ist alles für dieses Tutorial. Ich hoffe, dass es Ihnen ermöglicht, Seiten in voller Größe zu erstellen.

Die oben genannten Methoden sind kostenlos für diejenigen, die es sich leisten können und schnell Layouts in voller Breite oder in voller Breite erstellen möchten.

Entdecken Sie auch einige Premium-WordPress-Plugins

Sie können andere WordPress-Plugins verwenden, um Ihrem Blog oder Ihrer Website ein modernes Aussehen zu verleihen und die Verwaltung zu optimieren.

Wir bieten Ihnen mehrere Premium-WordPress-Plugins an, die Ihnen dabei helfen.

1. Divi Builder

Divi Builder ist ein hochwertiger Seitenersteller, der hoch bewertet wird Elegante Themen Obwohl es häufig als Teil des WordPress-Divi-Themes verwendet wird, ist Divi Builder auch ein eigenständiges Plugin, das in anderen WordPress-Themes verwendet werden kann.

Mit Divi Builder können Sie Ihre Inhalte sowohl über eine visuelle Front-End-Schnittstelle als auch über eine serverseitige Schnittstelle bearbeiten, obwohl die meisten Benutzer die erstere Schnittstelle bevorzugen.

Anstelle von Seitenleisten befindet sich im Wesentlichen alles in Popups und schwebenden Schaltflächen. Es bietet Ihnen Zugriff auf 316 vordefinierte Vorlagen, verteilt auf 40 verschiedene Präsentationspakete, und ermöglicht Ihnen außerdem, Ihre eigenen Designs als Vorlagen zu speichern.

Wir laden Sie zur Öffnung ein

Eines der Merkmale von Divi war schon immer die Kontrolle über die Stile, die es Ihnen bietet. Mit drei verschiedenen Registerkarten können Sie verschiedene Einstellungen konfigurieren, darunter adaptive Steuerelemente, benutzerdefinierte Abstände und mehr.

Sie können sogar benutzerdefiniertes CSS hinzufügen, weil es so ist CSS-Editor kombiniert grundlegende Validierung und automatisches Ausfüllen.Einer der Kritikpunkte an Divi Builder war schon immer, dass es auf basiert. Das bedeutet, dass, wenn Sie es einmal deaktivieren, eine Reihe von Shortcodes in Ihren Inhalten übrig bleiben. Auch wenn es ein wenig frustrierend ist, gibt es mit Plugins wie Shortcode Cleaner jetzt weniger Probleme.

2. Baumeister

Es ist keine Überraschung, dass Themify Builder ein Angebot des Themify-Teams ist. Es integriert es in viele seiner WordPress-Themes, um Kunden einfache Anpassungsoptionen zu bieten. Sie können es aber auch als eigenständiges Plugin kaufen und mit jedem WordPress-Theme verwenden.

Wie Divi Builder und WPBakery Page Builder ermöglicht Ihnen Themify Builder die Erstellung von Layouts im Frontend oder Backend.Eine weitere gute Sache ist, dass Sie mit diesem Plugin Ihre reaktionsfähigen Haltepunkte anpassen können (jedoch nur auf Site-weiter Ebene).

Entdecken Sie die Erstellung eines Online-Shops und verkaufen Sie Ihre Produkte ganz einfach online

Eine interessante Funktion von Themify Builder besteht darin, dass Sie weiterhin den Standard-WordPress-Editor verwenden können, während andere Seitenersteller Sie dazu zwingen, für alles die Page Builder-Oberfläche zu verwenden.

3. Fakir

Ursprünglich im Jahr 2016 eingeführt, WordPress-Plugin Elementor ist einer der jüngsten Entwickler auf dieser Liste. Trotz seines späten Starts hat Elementor schnell über 1.000.000 aktive Installationen auf WordPress.org angehäuft und ist damit einer der beliebtesten WordPress-Builder.

Wenn Sie Vorschläge oder Kommentare haben, hinterlassen Sie diese in unserem Bereich

Einige WordPress-Vorlagen sind im Seitenmenü, der sogenannten Sidebar, recht eng oder im Artikelbereich im Gegenteil eng, und natürlich müssen einige Webmaster bestimmte Grenzen erweitern, um beispielsweise Banner unterzubringen. In diesem Artikel erzähle ich Ihnen wie Ändern Sie die Größe der Kopfzeile, der Vorlage, des Artikelabschnitts oder des Seitenmenüs.

Warum Sie möglicherweise die Vorlagengröße ändern müssen.

Möglicherweise möchten Sie die Größe der Vorlage entweder gleich zu Beginn ändern, gleich nach der Installation, oder nachdem Sie eine Reihe von Artikeln geschrieben haben und die ersten Dutzende Besucher erscheinen. Beispielsweise musste ich die Vorlage erweitern, nachdem ich versuchen wollte, mit meiner Arbeit – einem Blog – die ersten paar Cent Werbung zu verdienen. Zu diesem Zweck wurde das Banner-Werbesystem von Google-AdSense ausgewählt. Aber um mindestens zwei unglückliche Cent zu verdienen, müssen Sie zwei Parameter berücksichtigen:

  1. Damit jemand auf eine Anzeige klickt, müssen sich die Banner, die das System ausgibt, an bestimmten Stellen befinden. Im Internet schreiben sie, dass dies der linke Schieberegler ist, wir platzieren dort ein quadratisches Banner und dreimal innerhalb des Artikels. Ganz oben, in der Mitte, nach einer Überschrift und ganz am Ende. Diese Anordnung ist ideal, damit die Leute auf das Banner klicken. Natürlich gibt es auch andere Möglichkeiten, zum Beispiel auf den Bildern, die wir im Rahmen dieses Artikels aber nicht berücksichtigen.
  2. Google stellt Banner in bestimmten Größen zur Verfügung.

diese. Wir müssen den ersten und zweiten Punkt kombinieren, nämlich sicherstellen, dass Banner von Google oder Yandex an den dafür vorgesehenen Stellen, in der linken Seitenleiste und in Artikeln platziert werden. Da meine Vorlage für diese Zwecke zu schmal war und es keinen Sinn macht, kleine Banner aufzuhängen, da niemand darauf klickt, bleibt nur noch eines: das Seitenmenü und den Artikelbereich erweitern.

So vergrößern Sie eine Vorlage horizontal Teil 1, verstehen Sie die Zahlen

Um zu verstehen, um wie viel wir die Breite dieses oder jenes Elements vergrößern müssen, müssen wir nicht auf einen Blick abschätzen: „Hier reicht ein Zentimeter und dort ein halber Zentimeter“, sondern wir müssen diese Zahlen genau in Pixeln ermitteln. Dabei hilft uns fast jeder Browser, zum Beispiel:

  • Safari
  • Feuerfuchs
  • Google Chrome

Persönlich zeige ich Safari als Beispiel und Sie werden jeden für Sie geeigneten Browser verwenden. Die Unterschiede sollten nur in einer Schaltfläche liegen.

Die Basis – die Größe unserer Website – besteht also aus 4 Elementen: der Größe der Vorlage selbst, der Seitengröße, der Größe des Artikelblocks und dem linken Menüblock. Wir werden alles nach und nach erhöhen, keine Sorge, es ist nicht beängstigend.