дисплея кнопка воспроизведения в акции миниатюрах WordPress

Question

Я хочу, чтобы отобразить кнопку воспроизведения в долевых иконках вроде картинка: click here to view

Заранее спасибо!

Answer 1

место миниатюра в div с именем класса

<div class="play-icon"> 
<?php the_post_thumbnail();?> 
</div> 

затем в вашем CSS:

.play-icon{ 
    position:relative; 
} 
.play-icon:before{ 
    content: ""; 
    height: 75px; 
    display: block; 
    width: 75px; 
    position: absolute; 
    margin: auto; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    top: 0; 
    background-image: url('images/play-icon.png'); 
} 

i made a quick svg image of a play icon - вы можете использовать свои собственные.