Ksider

еще есть такой инстурмент https://developers.google.com/fonts/docs/webfont_l...

Насколько я помню :before нету в DOM, поэтому никак.
Нужно пробовать другой способ, например добавлять клас.

ну выводите миниатюры в разметке любимого слайдера

миниатюры получаете с помощью get_the_post_thumbnail

<a href="<?php the_permalink(); ?>">
<?php
$img = get_attached_media('image', $post->ID); 
if ($img) {
    foreach ($img as $id => $attachment) {
$thumb = wp_get_attachment_image_src($id, 'thumbnail')  ?>
<img src="<?php echo $thumb[0]; ?>" alt="<?php the_title(); ?>">
<?php } }?>
</a>

Нужно сделать абсолютной позиционирование для инпута, и опасити 0. И обернуть это контейнером куда переносить файлы

<div class="container">
[file]
<p>файлы сюда</p>
</div>

.container {
position:relative;
}
input {
position: absolute;
top:0; right:0; bottom:0; left;0;
opacity:0;
}

$('form input[type="file"]').change(function () {
    $('.container p').html(this.files.length);
  });

$content = get_the_content();
$class = '';
if ($content) {
$class = 'full';
}
else {
$class = 'empty';
}
echo '<div class="'.$class.'"></div>';

можно накатать свою, использовать js корзину, а заказы оформлять как custom post type. Ну те после подтверждения заказа создавалась бы запись через wp_post_insert

нужно знать code.tutsplus.com/ru/tutorials/the-30-css-selector...

a { 
display:block;
height:10px; width:10px;
}

ну и якорь на ссылку

крайне просто

<input type="checkbox" name="first" id="f1" />
 <input type="checkbox" name="second" class="ch" disabled />
<input type="checkbox" name="second" class="ch" disabled />

$("#f1").change(function() {	
if ($("#f1").prop('checked')) {
	$(".ch").prop("disabled", false);
} 
else {
    $(".ch").prop("disabled", true);
  }
});

использовать input + label
codepen.io/ksider/pen/HDvgh

вот есть уроки
tympanus.net/codrops/2015/01/08/inspiration-text-i...