NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
tbartolen
Člen
Avatar
tbartolen:16.9.2017 12:55

Ahoj,

Jsem trošku zaseklý a nemužu přijít na jednu věc, tak snad mi poradíte. Mám kód, který mi ve WP generuje části článků (konkrétně nadpisy $tittle) do takové tabulky. Ted, kde je problém. Už jsem se vzdal toho, že budu mít každý ten řádek v samostatném divu, ale teď jsem zjistil, že bych chtěl mít na spodní straně té části s $time a $author a $more-link čáru, která by se spojila s čárou na vrchu H2, ale to není možný, protože nedokážu udělat WRAP tak, aby byl okolo každýho políčka zvlášť...snad jsem to popsal správně, zkusím to ještě okomentovat v kódu

<?php
/* The 2nd Query (without global var) */
$query2 = new WP_Query('category_name=a-tym&&posts_per_page=7');

if ($query2->have_posts()) {
    // The 2nd Loop
    while ($query2->have_posts()) {
        $query2->the_post();
        if ($post->ID == $do_not_duplicate)
            continue;
        $permalink = get_the_permalink($query2->post->ID);
        $ID = $post->ID;
        $titleAtribute = the_title_attribute('echo=0');
        $title = get_the_title();
        $time = get_the_time('F jS, Y');
        $author = get_the_author_posts_link();

        //tady prichazi problem, naznacim komenty jak bych to chtěl mít a nemužu toho docílit

        //idealně <div class="newsSmall"> tak, aby kazdy link ktery se nacte do echo byl ve svém vlastním Divu
        echo '<h2 id="post-' . $ID . ' ">
                <a href="' . $permalink . '" rel="bookmark" title="Permanent Link to ' . $permalink . '  ">
                   ' . $title . '</a></h2>';
        echo '<a href="' . $permalink . '" class="more-linkOne" rel="bookmark" title="Permanent Link to ' . $permalink . '">
                   Číst dále </a></h2>';
        echo '<div class="authorSmall"><small> ' . $time . ' od ' . $author . '</small></div>';
    }
    //</div> <!--newsSmall-->


    // Restore original Post Data
    wp_reset_postdata();
}
?>

A přidám ještě CSS

.more-linkOne {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    color: white;
    /* padding: 10px 15px;*/
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width:30%;
    float: right;
    margin: 0% 3% 0% 0%;
}

a:visited.more-linkOne {
    color: white;
}

a:hover.more-linkOne {
    background:#3ca4e8;
    color:white;

}

.col2 {
    width: 49%;
    height: 100%;
    float:left;
    border-left: 1px solid #CACACA;
    background: #f2f2f2;
}

.col2 h2 {
    font-size: 17px;
    margin-left: 2%;
    border-bottom: 2px solid #eaeaea;
    border-top: 1px solid #fff;
    margin: 0% 1% 0% 2%;
}

V CSS jde vzásadě o to, že tu border-bottom a border-top bych chtěl mít nalepené na sobě, ale to nejde protože mezi nimi je další div s Autorem. Rád bych tohle celé měl v jednom wrapu, ale to nejde protože když to dám do wrapu, tak se mi do něj dá všech 7 zpráv načtených z newQuery

Je na tohle nějaký způsob, jak to řešit?

Děkuju za radu

Jak to vypadá ve finále, jde o pole "Hlavní zprávy" , pravý sloupec s titulky, ještě to není responzivní.
http://skkelti.cz/

Odpovědět
16.9.2017 12:55
Navštiv www.fb.com/skkelticz
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.