first commit

wp-content/themes/oceanwp/partials/entry/thumbnail-style/layout.php

@@ -0,0 +1,88 @@
+<?php
+/**
+ * Thumbnail style layout
+ *
+ * @package OceanWP WordPress theme
+ */
+
+// Exit if accessed directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+// Get post format.
+$format = get_post_format();
+
+// Add classes to the blog entry post class.
+$classes = oceanwp_post_entry_classes();
+
+// Inner classes.
+$inner_classes = array();
+
+// Image position.
+$position        = get_theme_mod( 'ocean_blog_thumbnail_image_position', 'left' );
+$position        = $position ? $position : 'left';
+$inner_classes[] = $position . '-position';
+
+// Vertical postion.
+$ver_position    = get_theme_mod( 'ocean_blog_thumbnail_vertical_position', 'center' );
+$ver_position    = $ver_position ? $ver_position : 'center';
+$inner_classes[] = $ver_position;
+
+// Turn inner classes into space seperated string.
+$inner_classes = implode( ' ', $inner_classes ); ?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class( $classes ); ?>>
+
+	<div class="blog-entry-inner clr <?php echo esc_attr( $inner_classes ); ?>">
+
+		<?php
+		// If image left.
+		if ( 'left' === $position ) {
+
+			// Featured Image.
+			get_template_part( 'partials/entry/media/blog-entry', $format );
+
+		}
+		?>
+
+		<div class="blog-entry-content">
+
+			<?php
+			// Category.
+			get_template_part( 'partials/entry/thumbnail-style/category' );
+
+			// Title.
+			get_template_part( 'partials/entry/header' );
+
+			// Content.
+			get_template_part( 'partials/entry/content' );
+			?>
+
+			<div class="blog-entry-bottom clr">
+
+				<?php
+				// Comments.
+				get_template_part( 'partials/entry/thumbnail-style/comments' );
+
+				// Date.
+				get_template_part( 'partials/entry/thumbnail-style/date' );
+				?>
+
+			</div><!-- .blog-entry-bottom -->
+
+		</div><!-- .blog-entry-content -->
+
+		<?php
+		// If image right.
+		if ( 'right' === $position ) {
+
+			// Featured Image.
+			get_template_part( 'partials/entry/media/blog-entry', $format );
+
+		}
+		?>
+
+	</div><!-- .blog-entry-inner -->
+
+</article><!-- #post-## -->