Erstellen Sie einen besser aussehenden listenbasierten Beitrag im Genesis-Thema
Erstellen Sie viele listenbasierte Blog-Beiträge und verwenden Sie die Genesis Rahmenprogramm? Wenn ja, dann könnte Ihnen das gefallen.
Beispiel:
- 10 WordPress-Themes für eine Kreativagentur
- Top 5 SEO-optimierte Joomla-Vorlagen
- 5 Möglichkeiten, um das Ranking Ihrer Website-Suchmaschine zu verbessern
Diese Arten von Posts haben eines gemeinsam - die Nummer.
Vor einiger Zeit kaufte ich eine Zeitungsthema von tagDiv, und ich mochte ihre Smart-List-Funktion. Aber ich liebe Genesis so sehr, dass ich nicht aufgegeben habe. Nach einer Weile dachte ich mir, warum ich diese Funktion nicht in Genesis implementieren sollte.
Ein typischer Listenbeitrag sieht wie folgt aus.
Eine intelligente Liste wandelt die gesamte Überschrift in eine gut aussehende Zahl um (siehe unten).
Sieht besser aus? Mag ich? Du kannst das ... sehen Live-Demo in einem meiner vorherigen Beiträge.
Wenn Sie danach suchen, finden Sie hier den Code. Ich habe das in der getestet Authority Pro-Thema, aber ich sehe keinen Grund, nicht mit anderen Themen zu arbeiten.
Erstellen Sie eine Sicherungskopie einer Datei, bevor Sie sie an einer Staging-Site ändern oder testen.
Fügen Sie zunächst Folgendes in a hinzu functions.php Datei. Dadurch werden alle konvertiert h2 Tag in Smart List.
// Smartlist-Metabox für post add_action ('add_meta_boxes', 'cd_meta_box_add'); Funktion cd_meta_box_add () {add_meta_box ('smartlist_meta_field', 'Smartlist Metabox', 'smartlist_meta_field', 'post', 'side', 'high'); } function smartlist_meta_field () {global $ post; // Nicht-Name erforderlich, um zu überprüfen, woher die Daten stammen Echo ' '; // Hole die Standortdaten, wenn sie bereits eingegeben wurden $ check = get_post_meta ($ post-> ID, 'smartlist_check', true); // Echo aus dem Feld?> value = "on" /> ICH WÜRDE; } // Darf der Benutzer den Beitrag oder die Seite bearbeiten? if (! current_user_can ('edit_post', $ post-> ID)) gibt $ post-> ID zurück; // OK, wir sind authentifiziert: Wir müssen die Daten finden und speichern. // Wir werden sie in ein Array einfügen, um die Schleife zu vereinfachen. $ smartlist_meta ['smartlist_check'] = $ _POST ['smartlist_check']? $ _ POST ['smartlist_check']: ''; // Addiere Werte von $ smartlist_meta als benutzerdefinierte Felder für jedes ($ smartlist_meta als $ key => $ value) {// Durchlaufe das Array $ smartlist_meta! if ($ post-> post_type == 'revision') return; // Benutzerdefinierte Daten nicht zweimal speichern $ value = implode (',', (array) $ value); // Wenn $ value ein Array ist, machen Sie es zu einer CSV (unwahrscheinlich) if (get_post_meta ($ post-> ID, $ key, FALSE)) {// Wenn das benutzerdefinierte Feld bereits einen Wert update_post_meta ($ post-> ID) hat , $ key, $ value); } else {// Wenn das benutzerdefinierte Feld keinen Wert hat add_post_meta ($ post-> ID, $ key, $ value); } if (! $ value) delete_post_meta ($ post-> ID, $ key); // Lösche wenn leer}} add_action ('save_post', 'wpt_save_smartlist_meta', 1, 2); // speichere die benutzerdefinierten Felder // Single Post Smart-List add_action ('wp_footer', 'geekflare_single_smartlist'); Funktion geekflare_single_smartlist () {if (is_single ()) {global $ wp_query; $ postid = $ wp_query-> post-> ID; $ post_data = get_post_meta ($ postid); $ smartlist_check =! leer ($ post_data ['smartlist_check'] [0])? $ post_data ['smartlist_check'] [0]: ''; if (! empty ($ smartlist_check)) {?>
var count = 1;
if(jQuery('.entry-content h2').length > 0)
{
jQuery('.entry-content h2').each(function(){
jQuery(this).prepend( ''+count+'' );
count++;
});
}
Fügen Sie als Nächstes Folgendes in a hinzu style.css Datei
.num-count{ Hintergrund:# ff4e00; Farbe:#fff; Polsterung: 0px 16px; Rand rechts: 15px; }
Gehen Sie nach dem Hinzufügen zu dem Beitrag, den Sie in eine Smartlist konvertieren möchten, und aktivieren Sie das Kontrollkästchen neben "Smartlist".
Speichern Sie den Beitrag, um das Ergebnis zu sehen.
Sie können mit CSS herumspielen, um das Design so zu gestalten, dass es zu Ihrem Branding passt. Ich weiß, dass es eine Kleinigkeit ist, aber es lässt einen Beitrag auf jeden Fall besser aussehen als den Standard.
