Вы можете использовать общую тему для каждого сайта, или создать дочерние темы для отдельных сайтов в сети
<!DOCTYPE html>
<html>
<head>
<style type="text/css" media="all">
* {
padding: 0;
margin: 0;
}
.bigImage img {
width: 400px;
}
.smallImages img {
width: 100px;
padding: 0 1px;
}
</style>
</head>
<body>
<div class="bigImage">
<img src="" alt="" />
</div>
<div class="smallImages">
<img src="http://imagine.pics/images/753/75359.jpg" alt="" />
<img src="http://wallpage.ru/imgbig/wallpapers_5087.jpg" alt="" />
<img src="http://carster.info/images/car_catalog/bmw/2013-bmw-m3-convertible_4.jpg" alt="" />
<img src="http://widefon.com/_ld/169/81658594.jpg" alt="" />
</div>
<script>
let bigImage = document.querySelector('.bigImage img');
bigImage.setAttribute('src',
document.querySelectorAll('.smallImages img')[0].getAttribute('src'));
document.querySelectorAll('.smallImages')[0].onclick = function(event) {
let link = event.target.getAttribute('src');
bigImage.setAttribute('src', link);
}
</script>
</body>
</html>
gulp.task('compile', ['sass','pug','concat']);
gulp.task('build', function(callback) {
runSequence('cleanBuildDir','compile',['jsBuild', 'cssBuild', 'fontsBuild', 'htmlBuild', 'imgBuild','libsBuild'], callback);
});
gulp.task('default', ['compile','browser-sync','watch']);
function parse_gallery_images($content) {
$attachment_ids = [];
$pattern = get_shortcode_regex();
$images = [];
if (preg_match_all( '/'. $pattern .'/s', $content, $matches ) ) {
//finds the "gallery" shortcode and puts the image ids in an associative array at $matches[3]
$count = count($matches[3]); //in case there is more than one gallery in the post.
for ($i = 0; $i < $count; $i++){
$atts = shortcode_parse_atts( $matches[3][$i] );
if ( isset( $atts['ids'] ) ){
$attachment_ids = explode( ',', $atts['ids'] );
$attachementsCount = count($attachment_ids);
if ($attachementsCount > 0){
for ($j = 0; $j < $attachementsCount ; $j++) {
$image = [];
$attachmentId = intval($attachment_ids[$j]);
$image['id'] = $attachmentId;
$image['full'] = wp_get_attachment_image_src($attachmentId, 'full');
$image['medium'] = wp_get_attachment_image_src($attachmentId, 'medium');
$image['thumbnail'] = wp_get_attachment_image_src($attachmentId, 'thumbnail');
array_push($images, $image);
}
}
}
}
}
return $images;
}
.popup {
display:none
}$(document).ready(function() {
$(".js-popup-trigger").click(function() {
$($(this).data("target")).css({
"display": "block"
});
});
});<button class="js-popup-trigger" data-target=".js-popup-one">call #1</button>
<button class="js-popup-trigger" data-target=".js-popup-two">call #2</button>
<button class="js-popup-trigger" data-target=".js-popup-three">call #3</button>
<div class="popup js-popup-one">popup #1</div>
<div class="popup js-popup-two">popup #2</div>
<div class="popup js-popup-three">popup #3</div>
Где найти сложные макеты для верстки?
<div class="row">
<div class="col-xs-2 col-xs-offset-1"></div>
<div class="col-xs-2"></div>
<div class="col-xs-2"></div>
<div class="col-xs-2"></div>
<div class="col-xs-2"></div>
</div>