Pozdrav
Radim jednu ‘Masonry’ stranicu.Sve sam to sredio, ali me zanima da li je moguce unutar masonry grida ubaciti neki div, tacnije reklamu ?
Pozdrav
Radim jednu ‘Masonry’ stranicu.Sve sam to sredio, ali me zanima da li je moguce unutar masonry grida ubaciti neki div, tacnije reklamu ?
Zašto da ne? Unutar svakog diva možeš ubaciti drugi div. Masonry nije ništa drugo nego lijepo poredani/složeni divovi, jednostavnije za korisnika.
<div class="masonry">
<div class="item"> {reklama}
<div class="item_2">{reklama}</div>
</div> {reklama}
</div>
I tako beskonačno…
Da ali kako to da ukomponujem sa loopom ?
Ne znam na koji način generišeš kod, ali ti mora postojati glavni “Loop”. Unutar njega promijeniš, postaviš reklamni kod, tačnije ako bi ti nešto dodao u administraciji pojavilo bi se unutar tog polja, koje si dodao.
Evo sad sam naisao i na problem sa samim masonry gridom, nakon nekoliko dodanih postova.
Radim sa Bootstrap-om.Na stranici treba da unutar containera imam 3 kolone
<div class="col-md-4 masonry-single">
<div class="masonry-post-inner">
<?php if( has_post_thumbnail() ) : ?>
<div class="masonry-thumb">
<a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('masonry-thumb'); ?></a>
</div><!--End of masonry thumnail-->
<?php endif; ?>
<div class="masonry-post-content">
<h3>
<a href="<?php the_permalink(' ') ?>" title="<?php the_title();?>"><?php the_title(); ?></a>
</h3>
<?php the_excerpt(); ?>
</div><!--End of masonry post content-->
<div class="masonry-post-meta">
<p>
<span class="featured-span">Posted:</span> <?php the_time( get_option( 'date_format' ) ); ?>
</p>
<p>
<span class="featured-span">Category:</span> <?php the_category(' '); ?>
</p>
</div>
</div>
</div>
Ali ne postoji nikakva mogucnost da se to prikaze u 3 kolone, kako god sam probao nece, ili sve stane u 1 ili 2 kolone.
Ovako konfigurisem masonry
<script>
jQuery(document).ready(function($){
$('.masonry-container') .masonry({
itemSelector: '.masonry-single',
columnWidth: function( containerWidth ) {
return containerWidth / 3;
}
});
});
</script>
Sto se CSS-a tice to je ovako
.masonry-post-inner {
max-width: 400px;
margin: 0px auto 5px;
background: #f5f5f5;
border: 1px solid #eee;
}
.wp-post-image {
max-width: 100%;
height: auto;
}
.masonry-post-content {
padding: 0px 10px 15px 10px;
}
.masonry-post-content h3 a {
font-family: Arvo;
color: #555;
transition: all 0.4s ease-in-out;
}
.masonry-post-content h3 a:hover {
text-decoration: none;
color: #333;
}
.masonry-post-meta {
padding: 8px 10px 5px 10px;
width: 100%;
background: #fff;
border-top: 1px solid #eee;
}
.masonry-post-meta p {
text-transform: uppercase;
}
.featured-span {
font-weight: bold;
color: #333;
}
Ali jednostavno ne pije vode.Cijeli dan radim na ovome
Niko ?
Evo napravio sam neki mali, nazovimo ga pomak, masonry grid radi ali sve slaze u jednu kolonu.
Kako sam shvatio da radi ?
Kada se stranica ucitaje na 1 sekundu se masonry grid prikaze poptuno normalno u 3 kolone i onda se slozi sve u jednu ?
Dodato: Radim na WP 4.0 beta-2 mada mislim da to ne bi trebalo predstavljati problem.