Erstellen von atemberaubenden Artikeln im Stil von "Snow Fall" -Stil in WordPress mit erweiterten benutzerdefinierten Feldern
Dieses Tutorial zeigt, wie man faszinierende, benutzerdefinierte Artikel im Stil des "Schneefalls" in WordPress baut und das Design des legendären John Branch-Stücks der New York Times widerspiegelt. Wir nutzen das ACF-Plugin (Advanced Custom Fields) und das flexible Inhaltsfelder, um dies zu erreichen.
Schlüsselkonzepte:
- Diese Methode verwendet die flexiblen Inhaltsfelder von ACF, um dynamische Layouts zu erstellen. Dies ermöglicht verschiedene Inhaltsblöcke (Text, Heldenbilder, Zitate) in beliebiger Reihenfolge und Menge.
- Eine benutzerdefinierte Seitenvorlage (
snowfall.php
) ist wichtig, um diesen dynamischen Inhalt zu rendern. - ACF bietet Funktionen, die den Inhalt jedes Blocks durchlaufen und anzeigen können.
Inspiration:
Der Artikel "Snow Fall" der New York Times "Snow Fall" sowie ähnliche Stücke aus der Chicago Tribune und The Verge zeigten die Kraft, aus Standard-Layouts zu brechen, um immersive, visuell ansprechende Langforminhalte zu schaffen. Mit diesem Tutorial können Sie diesen Ansatz in WordPress replizieren.
Standard -WordPress -Artikelstruktur vs. "Schneefall":
Typische WordPress-Artikel Folgen Sie einer vorhersehbaren Struktur: Bild, Überschrift, Körpertext, Seitenleisten, Kommentare usw. "Snow Fall" Artikel priorisieren visuelle Geschichtenerzählen mit Vollbildbildern, benutzerdefinierten Textlayouts und mehr.
Erstellen Sie Ihren Artikel "Schneefall":
Wir erstellen drei Inhaltsblocktypen: Standardtext (WYSIWYG), Heldenbilder (mit optionalem Textüberzug) und Zitate.
1. Advanced Custom Fields Setup:
installieren und aktivieren Sie das kostenlose ACF-Plugin und das add-on für flexible Inhaltsfelder. Erstellen Sie eine neue Feldgruppe namens "Snow Fall Template Fields". Fügen Sie ein Feld "Flexible Inhalt" hinzu, das als "Inhaltsblock" bezeichnet wird.
Innerhalb "Inhaltsblock" fügen Sie drei Layouts hinzu:
- Standardtext: enthält ein Wysiwyg-Unterfeld.
- Heldenbild: enthält ein Bild-Unterfeld und ein Text-Overlay-Subfeld.
- Zitat: enthält ein Zitat-Unterfeld und ein Autor-Unterfeld.
2. Seite benutzerdefinierte Vorlage (snowfall.php
):
Erstellen Sie eine neue Vorlagendatei mit dem Namen snowfall.php
im Verzeichnis Ihres Themas:
<?php /* Template Name: Snow Fall Template */ get_header(); if ( have_rows('content_block') ) { while ( have_rows('content_block') ) : the_row(); printf('<div class="%s">', get_row_layout()); switch (get_row_layout()) { case 'standard_text': if (get_sub_field('wysiwyg')) { echo get_sub_field('wysiwyg'); } break; case 'hero_image': if (get_sub_field('image')) { $image = get_sub_field('image'); echo wp_get_attachment_image($image['ID'], 'full'); // Use full-size image } if (get_sub_field('text_overlay')) { echo '<h3 id="get-sub-field-text-overlay">' . get_sub_field('text_overlay') . '</h3>'; } break; case 'pull_quote': if (get_sub_field('quote')) { echo '<p>' . get_sub_field('quote') . '</p>'; } if (get_sub_field('author')) { echo '<p>' . get_sub_field('author') . '</p>'; } break; } echo '</div>'; endwhile; } get_footer(); ?>
3. Assoziieren Sie ACF -Felder mit der Vorlage:
Wählen Sie in den Einstellungen der ACF -Feldgruppen unter "Speicherort" "Seitenvorlage" gleich "Schneefallvorlage". Unnötige Abschnitte in der Registerkarte Optionen ausblenden.
4. Erstellen und Verwenden der Seite:
Erstellen Sie eine neue Seite und wählen Sie die "Schneefall -Vorlage". Sie werden jetzt die ACF -Schnittstelle zum Hinzufügen und Anordnen Ihrer Inhaltsblöcke sehen.
5. Styling:
Fügen Sie CSS hinzu, um die Ausgabe so zu stylen, dass sie zu Ihrer gewünschten "Schneefall" -Asthetik passt.
Diese detaillierte Anleitung bietet eine robuste Grundlage für die Erstellung visuell atemberaubender, dynamischer Artikel in WordPress. Denken Sie daran, die ACF -Dokumentation für weitere Anpassungsoptionen zu konsultieren.
Das obige ist der detaillierte Inhalt vonErstellen von benutzerdefinierten „Schneefall' -Designs in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Auswahl der richtigen integrierten Entwicklungsumgebung (ID) für die WordPress -Entwicklung Seit zehn Jahren habe ich zahlreiche integrierte Entwicklungsumgebungen (IDEs) für WordPress -Entwicklung untersucht. Die schiere Abwechslung - von frei bis kommerziell, einfach zu FEA

Dieses Tutorial zeigt, dass das Erstellen eines WordPress-Plugins mithilfe von OP-Prinzipien (Object-oriented Programming) erstellt wird, wodurch die Dribbble-API eingesetzt wird. Lassen Sie uns den Text für Klarheit und Zuversicht verfeinern und gleichzeitig die ursprüngliche Bedeutung und Struktur erhalten. Objektori

Best Practices für die Übergabe von PHP -Daten an JavaScript: Ein Vergleich von wp_localize_script und wp_add_inline_script Das Speichern von Daten in statischen Zeichenfolgen in Ihren PHP -Dateien ist eine empfohlene Praxis. Wenn diese Daten in Ihrem JavaScript -Code benötigt werden, Incorporat

Dieser Handbuch zeigt, wie PDF -Dateien in WordPress -Posts und Seiten mit einem WordPress -PDF -Plugin eingebettet und geschützt werden. PDFs bieten ein benutzerfreundliches, allgemein zugängliches Format für verschiedene Inhalte, von Katalogen bis zu Präsentationen. Diese Methode ens


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

DVWA
Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software

Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor

Dreamweaver Mac
Visuelle Webentwicklungstools

PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

SecLists
SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.
