get_template_part('hp/hp', 'zitat'); // Tweet } elseif (get_row_layout() == 'social-teaser') { get_template_part('hp/hp', 'social'); // Kopf-Slider } elseif (get_row_layout() == 'preistraeger-slider') { $kategorie = get_sub_field('kopf-slider'); $farbe = get_sub_field('color'); $titel = get_sub_field('slider_titel'); echo heads_gallery_shortcode(array('kategorie' => $kategorie->slug, 'farbe' => $farbe, 'titel' => $titel)); wp_reset_query(); } elseif (get_row_layout() == 'cover-slider') { $kategorie = get_sub_field('cover-slider'); $farbe = get_sub_field('color'); $titel = get_sub_field('slider_titel'); echo '<div class="row cover-slider m-t" style="background-color:' . mmbeta_color($farbe) . ' " >'; echo '<h6 class="heads-gallery-heading">' . $titel . '</h6>'; echo "<div class='col-md-8 col-md-offset-2'>"; echo cover_gallery_shortcode(array('kategorie' => $kategorie->slug, 'farbe' => $farbe, 'titel' => $titel)); echo '</div>'; echo '</div>'; } } } else { echo "no layouts found"; } ?> </main><!-- #main -->
<?php /** * HP Layout Zitat. * Shows $zitat and $zitatgeber * * @link https://codex.wordpress.org/Template_Hierarchy * * @package medium_magazin_beta */ $zitat = get_sub_field('zitat-text'); $zitatgeber = get_sub_field('zitatgeber'); ?> <div class="row m-t m-b" style="background-color: <?php echo mmbeta_color(get_sub_field('color')); ?> "> <div class="col-xs-12"> <a href="<?php the_sub_field('zitat-link'); ?> "> <blockquote class="mmbeta_hp_quote"> <p><?php echo $zitat; ?> </p> <footer> <cite><?php echo '- ' . $zitatgeber;
function cover_gallery_shortcode($attr) { if (!isset($attr['kategorie'])) { $attr['kategorie'] = 'heftvorschau'; } if (!isset($attr['titel'])) { $attr['titel'] = 'Aktuelle Ausgaben'; } if (!isset($attr['farbe'])) { $bg_color = 'transparent'; } else { $bg_color = mmbeta_color($attr['farbe']); } $output = "<div class='cover-gallery'>"; $query = new WP_Query(array('category_name' => $attr['kategorie'])); if ($query->have_posts()) { while ($query->have_posts()) { $query->the_post(); $image = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), 'cover'); $output .= "<a href='" . get_permalink() . "'><div class='item'>"; $output .= "<img src='" . $image[0] . "' class='figure-img'>"; $output .= "</div></a>"; } } $output .= "\n </div>\n <style>\n .cover-gallery div.item{\n padding: 10px 0px;\n margin: 5px;\n color: #FFF;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n text-align: center;\n }\n\n </style>\n <script type='text/javascript'>\n jQuery(document).ready(function(){\n if(jQuery('.cover-gallery').length > 0){\n jQuery('.cover-gallery').owlCarousel({\n navigation : false,\n itemsScaleUp:true,\n itemsCustom : [\n [0, 1],\n [450, 4],\n [600, 6],\n [800, 8],\n [1000, 10],\n [1200, 12],\n [1400, 14],\n [1600, 16]\n ]\n }); \n }\n });\n </script>\n "; return $output; }