Sisältö Markkinointi

WordPress: Lisää mukautettu luokka, jos viesti on julkaistu tänään

Saan jatkuvasti asiakkailtamme pyyntöjä mukauttamisesta, jota en ole koskaan edes harkinnut. Äskettäin meillä oli asiakas, joka halusi mukautettua tyyliä julkaistuille viesteilleen tänään jotta ne voidaan korostaa käyttämällä mukautettua CSS-luokkaa. He halusivat sisällyttää luokan lapsiteeman arkistosivuille, hakutuloksiin ja yksittäisten viestien sivumalleihin.

Voit mukauttaa <div> luokkaa WordPress-mallissa sen perusteella, onko viesti kirjoitettu tänään, voit hyödyntää PHP ja WordPress mallitunnisteet mallitiedostossasi. Tässä on esimerkki siitä, kuinka voit saavuttaa tämän:

<?php
// Get the current post's date
$post_date = get_the_date('Y-m-d');

// Get today's date
$current_date = date('Y-m-d');

// Check if the post was written today
if ($post_date === $current_date) {
    $today_class = 'custom-today';
} else {
    $today_class = '';
}
?>

<div class="your-existing-classes <?php echo $today_class; ?>">
    <!-- Your post content goes here -->
</div>

Tässä koodinpätkässä vertaamme viestin päivämäärää ($post_date) nykyisellä päivämäärällä ($current_date). Jos ne täsmäävät, määritämme mukautetun luokan (custom-today) $custom_class muuttuva; muuten se jää tyhjäksi. Korvata 'your-existing-classes' olemassa olevien luokkien kanssa, jotka haluat säilyttää <div>. Lisää haluamasi lisäluokat ja tallenna mallitiedosto.

Kun nyt käyt tänään kirjoitetussa viestissä, <div> elementillä on lisäluokka custom-today, jolloin voit muotoilla sen eri tavalla CSS:n avulla. Tässä on esimerkki:

.custom-today {
background-color: yellow;
}

Useita esiintymiä teemassasi

Jos haluat käyttää tätä lähestymistapaa useissa teematiedostoissa, voit lisätä mukautetun funktion lapsiteeman functions.php-tiedostoon:

function add_custom_class_based_on_date($classes) {
    // Get the current post's date
    $post_date = get_the_date('Y-m-d');

    // Get today's date
    $current_date = date('Y-m-d');

    // Check if the post was written today
    if ($post_date === $current_date) {
        $classes[] = 'custom-today';
    }

    return $classes;
}
add_filter('post_class', 'add_custom_class_based_on_date');

Sitten voit lisätä jokaiseen malliin post_class:

<div <?php post_class(); ?>>
    <!-- Your post content goes here -->
</div>

Sisältää aikavyöhykkeitä

Yllä oleva esimerkki lisää luokan WordPress-palvelimesi ajan ja aikavyöhykkeen perusteella, ei vierailijan ajan ja aikavyöhykkeen perusteella. Jos halusit mukaan käyttäjän aikavyöhykkeen… tässä:

<?php
// Get the current post's date and convert it to the visitor's timezone
$post_date = get_the_date('Y-m-d');
$post_date_timezone = get_post_time('O');
$post_date_timezone_offset = substr($post_date_timezone, 0, 3) * 3600 + substr($post_date_timezone, 3, 2) * 60;

$current_date = date('Y-m-d', current_time('timestamp', false));
$current_date_timezone = get_option('timezone_string');
$current_date_timezone_offset = get_option('gmt_offset') * 3600;

// Calculate the offset between the post date and the current date based on timezones
$timezone_offset = $current_date_timezone_offset - $post_date_timezone_offset;

// Adjust the post date by the timezone offset
$post_date_adjusted = date('Y-m-d', strtotime($post_date) + $timezone_offset);

// Check if the post was written today
if ($post_date_adjusted === $current_date) {
    $today_class = 'custom-today';
} else {
    $today_class = '';
}
?>

<div class="your-existing-classes <?php echo $today_class; ?>">
    <!-- Your post content goes here -->
</div>

Välimuistiin tallentaminen voi vaikuttaa odotettuun toimintaan, kun otetaan käyttöön dynaamisia toimintoja, kuten elementtien mukauttamista nykyisen päivämäärän tai vierailijan aikavyöhykkeen perusteella. Välimuisti auttaa parantamaan verkkosivuston suorituskykyä tallentamalla staattisia versioita verkkosivuista tai sisällöstä palvelemaan niitä nopeammin. Se voi kuitenkin aiheuttaa ongelmia, kun sisältöä on päivitettävä dynaamisesti.

Douglas Karr

Douglas Karr on CMO of OpenINSIGHTS ja perustaja Martech Zone. Douglas on auttanut kymmeniä menestyneitä MarTech-startuppeja, auttanut yli 5 miljardin dollarin due diligence -tarkastuksessa Martechin hankinnoissa ja investoinneissa ja avustaa edelleen yrityksiä niiden myynti- ja markkinointistrategioiden toteuttamisessa ja automatisoinnissa. Douglas on kansainvälisesti tunnustettu digitaalisen transformaation ja MarTechin asiantuntija ja puhuja. Douglas on myös julkaissut Dummie's-oppaan ja yritysjohtajuuskirjan.

Aiheeseen liittyvät artikkelit

Takaisin alkuun -painiketta
lähellä

Adblock havaittu

Martech Zone pystyy tarjoamaan sinulle tämän sisällön veloituksetta, koska ansaitsemme sivustomme mainostulojen, kumppanilinkkien ja sponsoroinnin kautta. Olisimme kiitollisia, jos poistaisit mainosten esto-ohjelman, kun katselet sivustoamme.