So verwenden Sie eine WordPress-Inhaltsvorlage, um schneller zu schreiben

Das Laufen eines Blogs mag auf den ersten Blick eine ziemlich romantische Idee sein. Sie können sich vorstellen, zwei oder drei Blogeinträge pro Tag zu veröffentlichen, und Hunderte oder hoffentlich Tausende von Fans sollten nachlesen, was Sie zu sagen haben.

Die Tage werden zu Wochen, und dann werden die Wochen zu Monaten. Bloggen wird zur Pflicht. Sie wissen, dass Sie die meiste Zeit damit verbringen, Ihre Beiträge so zu formatieren, dass sie professionell aussehen.

Dann mieten Sie einen Schriftsteller und dann zwei. Bald haben Sie ein Team von Autoren, die Ihnen jede Woche Beiträge schicken, und Sie geben jetzt aus alles Wenn Sie Zeit haben, bearbeiten und formatieren Sie diese Posts so, wie Sie es möchten, auf dem Blog, der zur Liebe geworden ist.

Das Problem ist, dass all diese Bearbeitungen und Formatierungen all Ihre Zeit für das, was Sie am liebsten getan haben, weggenommen haben - schreiben.

WordPress ist eine geniale Erfindung, die es immer mehr Menschen ermöglicht, tolle Websites mit schönen Themen zu haben. So ändern Sie Ihr WordPress-Blog-Theme in 3 einfachen Schritten So ändern Sie Ihr Wordpress-Blog-Theme in 3 einfachen Schritten Lesen Sie weiter. Es gibt jedoch immer noch die Frage des Inhaltsbereichs, der für Bilder, Anzeigen und Inhalte mit ausreichendem Abstand formatiert werden muss.

Formatieren Sie Ihren WordPress-Inhalt mit einer Vorlage

Vor einiger Zeit habe ich Ihnen beschrieben, wie Sie mit dem In-Post-Vorlagen-Add-On für WordPress automatisch eine Anzeige in jeden einzelnen Beitrag einfügen können.

Dies funktioniert hervorragend, wenn Sie mit einem neuen Blog beginnen. Wenn Sie jedoch bereits Anzeigen in Ihre Posts eingefügt haben, wird eine neue Anzeige eingefügt und alle Ihre alten Posts werden komplett durcheinander gebracht.

Machen Sie sich keine Sorgen - es gibt eine andere Lösung, die noch besser ist. Wenn Sie einfach eine Ihrer Standard-WordPress-PHP-Dateien bearbeiten und dann ein Stylesheet erstellen, können Sie Ihre eigene sorgfältig formatierte Inhaltsvorlage erstellen, die bei jedem Klicken angezeigt wird “Neue hinzufügen” in WordPress. Alle Ihre alten Inhalte bleiben davon unberührt.

Hier ist ein Beispiel aller Formatierungsarbeiten, die ich in meinem eigenen Blog durchführe.

Ich habe ein Header-Bild, das sorgfältig dimensioniert werden muss, mit Polsterung um das Bild herum platziert und so ausgerichtet ist. Ich habe die “Mehr” Pause, gefolgt von meiner Google-Ad-Post. Dann habe ich in jedem Beitrag zusätzliche Bilder, die in der Größe angepasst und richtig ausgerichtet sind. Zum größten Teil schäme ich mich zu sagen, ich habe das alles manuell gemacht - einschließlich aller Artikel, die meine Autoren einsenden.

So sieht ein solcher Post aus, wenn er veröffentlicht wird.

Wie Sie sehen, ist die Formatierung etwas kompliziert, da in einem Bereich das Bild links ausgerichtet ist und im nächsten Abschnitt die Anzeige rechtsbündig ist. Dann sind auch alle zusätzlichen Bilder rechtsbündig. Ich mag dieses Setup für meinen eigenen Blog, weil es für die Augen einfacher ist und gut fließt. Möglicherweise haben Sie Ihre eigene Präferenz für Ihren speziellen WordPress-Blog.

Der erste Schritt zum Erstellen Ihrer Vorlage ist das Sichern der Datei "functions.php" (Sie finden sie im Stammverzeichnis des Designs) und öffnen Sie sie zur Bearbeitung.

Hier sehen Sie eine Menge Code - alle Funktionen, die derzeit von Ihrem aktuellen Blogdesign verwendet werden. Sie fügen einen neuen Abschnitt zwischen diesen Funktionen ein. Finden Sie das Ende der ersten Funktion und fügen Sie dann den Code ein, den ich als nächstes detailliert beschreiben möchte.

Nun, ich muss Kredit geben, wo Kredit fällig ist - ich habe diese Idee tatsächlich von David Hansen vom Smashing Magazine bekommen, der im Oktober einen Artikel darüber geschrieben hat. In diesem Fall werde ich seine Idee erweitern, indem ich Ihnen zeige, wie Sie diese Vorlage für Dinge wie Anzeigen und Bilder optimieren können.

 add_filter ('default_content', 'custom_editor_content'); add_editor_style ('editor-style.css'); Funktion custom_editor_content ($ content) $ content = 'Geben Sie Ihre Einführung hier ein. Geben Sie Google Script ein. Hier ist der zweite Abschnitt. Hier ist der dritte Abschnitt. Hier ist der dritte Abschnitt.'; $ content zurückgeben;  

Beachten Sie, wie die Ausrichtung am besten mit der in Ihrem Designstil integrierten Bildausrichtung funktioniert. Im Fall von Google-Anzeigen sollten Sie das zweite Div mit dem style-Attribut verwenden, um die Ausrichtung an der gewünschten Stelle auszurichten. Es funktioniert einfach am besten. Im Hinblick auf die Größenänderung, das Auffüllen und die Platzierung müssen Sie jedoch die CSS-Datei erstellen.

Hier ist das Styling für jeden oben definierten Abschnitt.

body background: # f5f5f5;  .content-col-main float: right; Breite: 70%; Polsterung: 1%; Rahmen: 1px gepunktet #ccc; Hintergrund: #fff;  .content-col-side float: left; Breite: 210px; Polsterung: 1%; Rahmen: 1px gepunktet #ccc; Hintergrund: #fff;  .content-google-ad float: right; Breite: 20%; Polsterung: 1%; Rahmen: 1px gepunktet #ccc; Hintergrund: #fff;  .content-section-two float: left; Breite: 70%; Polsterung: 1%; Rahmen: 1px gepunktet #ccc; Hintergrund: #fff;  .content-image-three float: right; Breite: 210px; Polsterung: 1%; Rahmen: 1px gepunktet #ccc; Hintergrund: #fff;  .content-section-three float: left; Breite: 70%; Polsterung: 1%; Rahmen: 1px gepunktet #ccc; Hintergrund: #fff;  img / * Stellt sicher, dass Ihre Bilder in ihren Spalten bleiben * / max-width: 100%; Breite: Auto; Höhe: Auto; 

Sie können entweder Prozentsätze oder Pixel für die Größenbestimmung verwenden. Ich bevorzuge Pixel für Bilder, aber es kommt wirklich auf die Präferenz an. Wenn zwischen den Bildern und dem Text zu viel Platz ist, passen Sie die Prozentsätze für die Inhalte etwas an, bis sie gut aussehen.

Nachdem Sie Ihre .css-Datei gespeichert haben, öffnen Sie einen neuen Beitrag, und Sie sehen, dass Ihre perfekt formatierte Inhaltsvorlage bereits vorhanden ist.

Klicken Sie einfach auf das Bild, laden Sie das gewünschte Bild hoch und füllen Sie dann alle Inhaltsbereiche aus. So einfach ist das wirklich. Alles wird automatisch ausgerichtet und platziert, wohin es gehen muss.

Alle rechtsbündigen Google-Codes oder Bilder sind bereits vorhanden. Sie müssen lediglich den Inhalt aktualisieren. Die Zeit, die Sie benötigen, um einen Beitrag zusammenzustellen, mit all dem, was bereits für Sie erledigt wurde, wird garantiert um einen riesigen Faktor gehen.

Um alle Bilder in der Vorlage zu aktualisieren, müssen Sie die Bilder, die Sie verwenden möchten, mit dem Medien-Upload-Tool in Ihr Blog hochladen. Klicken Sie anschließend auf das Bild und fügen Sie die URL in diese Bilder ein “Quelle” Feld.

Natürlich sollten Sie auch die Titel- und Alt-Tags aktualisieren. Wie Sie hier in meinem Testartikel sehen können, ist das Verfassen eines Artikels nur eine Frage des Füllens der einzelnen Inhaltsbereiche. Ich kann Ihnen nicht sagen, wie süß es ist, sich auf das Schreiben konzentrieren zu können und zu wissen, dass die richtige Formatierung bereits vorhanden ist, damit der Artikel absolut perfekt aussieht.

Das Endergebnis? Hier ist mein erster Testartikel mit der neuen WordPress-Inhaltsvorlage. Alle Bilder und Anzeigencodes werden perfekt eingefügt, ausgerichtet und voneinander getrennt.

Wenn Sie es nicht besser wüssten, würden Sie denken, dass sich an dem Blog überhaupt nichts geändert hat. Die Formatierung sieht genau so aus, wie sie aussah, als ich sie eine Stunde oder länger darüber sklavierte. Nun ist der gesamte Aufwand und die Formatierung von Versuch und Fehler bereits in die WordPress-Inhaltsvorlage eingefügt.
Alles, was jetzt übrig bleibt, ist sich zurückzulehnen und das zu tun, was Sie schon immer geliebt haben - das Schreiben.
Verringert diese WordPress-Inhaltsvorlage die Belastung Ihres eigenen Blogs? Haben Sie noch andere Formatierungs-Tipps, die Benutzer in ihren eigenen Vorlagen verwenden können? Teilen Sie Ihre Gedanken und Erkenntnisse in den Kommentaren unten mit.
Bildnachweis: Shutterstock

Erfahren Sie mehr über: Blogging, Wordpress, Tipps zum Schreiben.