<div class="crop">
<img>
</div>.crop {
position: relative;
width: 100px;
height: 100px;
overflow: hidden;
display: inline-block;
}
.crop img {
position: absolute;
left: 50%;
top: 50%;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
transform: translate(-50%, -50%);
/* max-height: 100% - для горизонтальной версии (слева)
// или
/* max-width: 100% - для вертикальной версии (справа)
}<script type="text/javascript">
$(document).on('ready', function() {
$(".regular").slick({
dots: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
$(".center").slick({
dots: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 3,
});
$(".variable").slick({
dots: true,
infinite: true,
variableWidth: true
});
});
</script>По дате (от старых к новым:)
<?php
$temp = $wp_query; $wp_query= null;
$wp_query = new WP_Query(); $wp_query->query('showposts=24&order=asc' . '&paged='.$paged);
while ($wp_query->have_posts()) : $wp_query->the_post(); ?><?php
$temp = $wp_query; $wp_query= null;
$wp_query = new WP_Query(); $wp_query->query('showposts=24' . '&paged='.$paged);
while ($wp_query->have_posts()) : $wp_query->the_post(); ?>Я не веб дизайнер и не программист
