Anzeigen von hervorgehobenen Posts mit Miniaturansichten in WordPress

Es gibt zahlreiche Möglichkeiten, im Internet freigegebene Beiträge anzuzeigen. Aber fast allen Funktionen und Plugins fehlt etwas. In diesem Lernprogramm werden wir eine Funktion zur Verfügung stellen, mit der Benutzer bestimmte Beitrags-IDs auswählen und diese als gekennzeichnete Beiträge mit Miniaturansichten anzeigen können, indem Sie die in WordPress 2.9 hinzugefügte Funktion WordPress-Beitragsübersicht verwenden. Auf diese Weise können Sie die Verwendung von Haftnotizen vermeiden, die manchmal aufgrund anderer Funktionen in einem benutzerdefinierten Projekt erforderlich sind.

Hinweis: Dies ist ein mehrteiliges Lernprogramm. Wir empfehlen daher, dass Sie über WordPress, PHP, HTML und CSS verfügen.

Wir haben das Plugin mit den Beitragslisten von San von W3C Gallery geändert. Obwohl San eine erweiterte Version seines Plugins zur Anzeige von Bildern erstellt hat, ist ein benutzerdefiniertes Feld erforderlich. Auf diese Weise werden Sie einfach die Post-Thumbnail-Funktion in 2.9 verwenden.

Endprodukt

Modifiziertes Plugin

Zuerst müssten Sie den folgenden Code in Ihr einfügen Functions.php Datei ODER in einer separaten Datei und laden Sie es als Plugin hoch.

die Post(); ?>        "); $ ol_flash ="; $ posts_settings = get_option ('posts_settings'); // ADMIN PANLE SEETTING-Funktion posts_add_pages () // Neues Menü in Registerkarte "Einstellungen" oder "Optionen" hinzufügen: add_options_page ('Liste der markierten Beiträge', 'Liste der markierten Posts'), 8, 'postsoptions', 'posts_options_page');  / * Konstanten und Variablen definieren * / define ('PLUGIN_URI', get_option ('siteurl'). '/ Wp-content / plugins /'); / * Functions * / function posts_options_page () global $ ol_flash, $ posts_settings, $ _POST, $ wp_rewrite; if (isset ($ _ POST ['posts_id'])) $ posts_settings ['posts_id'] = $ _POST ['posts_id']; update_option ('posts_settings', $ posts_settings); $ ol_flash = "Ihre Liste wurde gespeichert.";  if ($ ol_flash! = ") echo '
'. $ ol_flash. '
'; Echo ''; Echo '
Hinzufügen einer Beitrags-ID zur Erstellung einer Liste mit gekennzeichneten Beiträgen
'; Echo '
 
Dieses Plugin gibt Ihnen die volle Freiheit, mehrere Beiträge als vorgestellte Beitragsliste auf Ihrer Site anzuzeigen.
 
Beitrags-ID:
 
SAN-Hinweis: Verwenden Sie zum Hinzufügen mehrerer Beitrags-IDs "," beispielsweise: "1, 2, 3" 
 
'; Echo ' 
Fügen Sie diesen Code an der Stelle ein, an der er die Liste der gekennzeichneten Beiträge anzeigen soll  
 Oder Sie können Variablen vor und nach dieser Standardeinstellung übergeben ", $ after = ")?>
 '; Echo '';  add_action ('admin_menu', 'posts_add_pages')); ?>

Wenn Sie das getan haben, können Sie es anzeigen, indem Sie den Code an einer beliebigen Stelle in Ihre Vorlagendatei einfügen:

Benutzerdefinierte CSS

Wir verwenden benutzerdefinierte CSS-Klassen, so dass Sie diese ebenfalls benötigen würden. Fügen Sie den folgenden Code in Ihre style.css-Datei ein.

.popcontainer border-bottom: 1px fest # D0CDC5; Breite: 274px; Schwimmer: links; Auffüllen: 0 0 15px 0; Marge: 0 0 15px 0;  .popthumb width: 60px; Schwimmer: links; Hintergrund: # D0CDC5; Polsterung: 5px; Marge: 0 10px 0 0;  .popcontent width: 185px; Schwimmer: links;  .popcontent h2 font-size: 13px; Marge: 0 0 3px 0; Polsterung: 0;  .popcontent h2 a Textdekoration: keine; 

Erweiterte Optionen

Der obige Code wird Ihre Standard-Miniaturansicht anzeigen und mit dem Beitragstitel und dem Datum der Veröffentlichung des Beitrags anzeigen. Das einzige Problem besteht darin, dass Sie eine andere Miniaturbildgröße verwenden möchten. Möglicherweise verwendet Ihr Design die Miniaturansicht an einem anderen Ort, sodass Sie nicht zwei verschiedene Größen mit den aktuellen Codes verwenden können. Sie müssen es also etwas anpassen und eine neue Bildgröße hinzufügen.

Öffnen Sie Ihre functions.php, finden Sie die Thumbnail-Codes und fügen Sie den folgenden Code hinzu:

add_theme_support ('post-thumbnails'); set_post_thumbnail_size (150, 150, true); // Normale Post-Miniaturansichten add_image_size ('featured-thumbnail', 60, 60); // Größe der Miniaturansicht

Suchen Sie nun die folgende Zeile im Plugin oben:

und ersetzen Sie es mit:

Dies würde Ihnen zwei verschiedene Größen ermöglichen.

Ein anderes bekanntes Problem wäre, wenn Ihre Miniaturansicht nicht proportional ist. Dies würde dazu führen, dass ein kleineres Bild anstelle von 60 x 60px angezeigt wird, da WordPress nicht über die Zuschneidefähigkeit verfügt. Um dies zu vermeiden, können Sie das Plugin Additional Image Sizes verwenden, das beschneiden kann. Nennen Sie die benutzerdefinierte Bildgröße als vorgestellte Miniaturansicht und verwenden Sie den gleichen Code wie oben, um den ursprünglichen Code zu ersetzen.

Der einzige Grund, warum wir diese Methode verwendet haben, war, dass wir Sticky-Posts verwendeten, um eine andere Liste anzuzeigen. Sie können dies auch mit klebrigen Beiträgen erreichen. Für den Thumbnail-Trick haben wir das Plugin Additional Image Sizes ausgewählt, da wir TimThumb-JavaScript vermeiden und eine Seite zum schnellen Laden beibehalten möchten.

Wenn Sie zusätzliche Lösungen für dieses Problem haben, teilen Sie uns dies bitte in den Kommentaren mit.