Anzeigen des Namens der Kategorie in Bild mit Javascript

Question

Ich verwende Magazine Pro Child Theme für das Genesis-Framework. Dieses Thema zeigt das Aufnahmedatum in den ausgewählten Bildern auf der Startseite an. Soweit ich (kein Programmierer) wissen, verwendet es einen scheinbar einfachen JavaScript-Code, dies zu tun:

jQuery(function($){ 

// add js body class 
$('body').addClass('js'); 

// find time for each entry and move it inside the image link 
$('.home-middle article, .home-top article').each(function(){ 
    var $time = $(this).find('.entry-time'); 

    $(this).find('a.alignleft, a.alignnone, a.alignright').append($time); 

}); 

Ich möchte das Eintrittsdatum für die Kategorie Eintrag jeder Post ersetzen. Ist es möglich, nur die Javascript-Datei anzupassen?

Vielen Dank für Ihre Hilfe.

Answer 1

Meinen Sie mit B A ersetzen durch A für B ersetzen sagen? Wenn dies der Fall ist, sollte folgendes geschehen.

Der einzige geänderte Teil ist der Codeblock, der zur Mitte der each Funktion hinzugefügt wird.

Anmerkung: Ich denke, man die rot Tooltips in ersetzen möchten sowohl die oberen und mittleren Widget Bereich, wird der folgende Code nur der mittlere Teil, weil ich die Kategorie für die Top-kennzeichnete nicht finden können Artikel auf der Seite (wie Sie sehen können, stellt die if Aussage sicher, dass nur mittlere mit Kategorie gefüllt werden). Außerdem sollten neue Texte, die die roten Tooltips füllen, Leadercaptalized sein, ändern Sie die Linie zwischen {} zu $time.text($widgetArea.find('.widget-title').text().toUpperCase());, wenn Sie vollständig capitalized wollen, oder toLowerCase für Kleinere.

jQuery(function($){ 

// add js body class 
$('body').addClass('js'); 

// find time for each entry and move it inside the image link 
$('.home-middle article, .home-top article').each(function(){ 
    var $time = $(this).find('.entry-time'); 

    var $widgetArea = $time.parents('.home-middle, .home-top'); 
    if($widgetArea.hasClass('home-middle')) { 
     $time.text($widgetArea.find('.widget-title').text()); 
    } 

    $(this).find('a.alignleft, a.alignnone, a.alignright').append($time); 

});