vreau ca in single php, dupa content, sa apara 2 postari relationate de pe blog, inainte de anul 2020, inclusiv

8:56 PM
Voi citi mai întâi skill-ul pentru docx pentru a vedea dacă este relevant, dar de fapt aceasta este o întrebare de programare PHP simplă care nu necesită crearea unui fișier.

Pentru a afișa 2 postări relationate de pe blog din perioada anterioară anului 2020 (inclusiv) în single.php, adaugă acest cod după the_content():

php
        <div class="related-posts">
            <h3>Postări relationate</h3>
            <ul>
                                    <li>
                        <a href="https://arhiblog.ro/purtati-masca-guvernul/">Nu mai purtați  mască, așa a zis guvernul</a>
                        <span class="date">18 mai 2020</span>
                    </li>
                                    <li>
                        <a href="https://arhiblog.ro/burleanu-explica-chestii/">Burleanu explică chestii</a>
                        <span class="date">23 martie 2018</span>
                    </li>
                            </ul>
        </div>
    Ce face codul:

Preia categoriile postării curente
Caută 2 postări din aceleași categorii, exclusiv postarea curentă
Filtrează doar postările publicate înainte de 1 ianuarie 2021 (adică până în 2020 inclusiv)
Afișează titlul și data, cu link către postare
orderby => 'rand' randomizează rezultatele
Dacă vrei să folosești tag-uri în loc de categorii, înlocuiește:

php
$tags = wp_get_post_tags(get_the_ID(), array('fields' => 'ids'));
// și folosește 'tag__in' => $tags
da-mi codul cu tags

8:56 PM
php
Singura diferență: wp_get_post_tags() cu 'fields' => 'ids' și 'tag__in' în loc de 'category__in'.

fa-le  formatare pe orizontala si sa preia thumbnail din postarea respectiva

8:58 PM
php
Ce am adăugat:

Flexbox layout - cele 2 postări apar una lângă alta cu display: flex
Thumbnail - folosește the_post_thumbnail('medium') pentru a prelua imaginea reprezentativă
Placeholder - dacă postarea nu are thumbnail, apare un placeholder gri
Hover effect - titlul își schimbă culoarea la hover
Responsive - fiecare card ocupă 50% din lățime
Dacă vrei să fie responsive pe mobil, adaugă în CSS:

css
@media (max-width: 600px) {
    .related-posts-grid {
        flex-direction: column;
    }
    .related-post-item {
        max-width: 100%;
    }
}
codul e prost, strica pagina, deschide doar cele doua postari relationate. refa-l, thumbanil sa aiba maxim 250px latime si 200 inaltime, sa aiba un desspartitor de 1px intre ele, sa ocupe tot containerul

9:00 PM
php
Am refăcut codul cu:

Inline styles pentru a evita conflicte CSS
Thumbnail cu dimensiuni fixe: 250px lățime × 200px înălțime
Despărțitor de 1px între cele două postări
Ocupă tot containerul cu flex: 1
Layout orizontal: thumbnail în stânga, titlu și dată în dreapta





Claude is AI and can make mistakes. Please double-check responses.
Claude