Merge pull request #52 from Netzberufler/master

Ambitious: Added Query Loop block and updated styling of post meta and navigation blocks
WordPress · Oct 22, 2020 · 26ed514 · 26ed514
2 parents e3ff68d + ceaa4b4
commit 26ed514
Show file tree

Hide file tree

Showing 21 changed files with 134 additions and 117 deletions.
diff --git a/ambitious/assets/js/navigation.js b/ambitious/assets/js/navigation.js
@@ -7,7 +7,7 @@
 (function( $ ) {
 	var masthead, menuToggle, siteNavContain, siteNavigation;
 
-	masthead       = $( '.wp-site-blocks > .site-header' );
+	masthead       = $( '.wp-site-blocks .site-header' );
 	menuToggle     = masthead.find( '.menu-toggle' );
 	siteNavContain = masthead.find( '.main-navigation' );
 	siteNavigation = masthead.find( '.main-navigation > ul.wp-block-navigation__container' );

diff --git a/...k-template-parts/content/content-404.html → ...ous/block-template-parts/content-404.html b/...k-template-parts/content/content-404.html → ...ous/block-template-parts/content-404.html
diff --git a/...te-parts/front-page/front-page-intro.html → ...ck-template-parts/content-front-page.html b/...te-parts/front-page/front-page-intro.html → ...ck-template-parts/content-front-page.html
@@ -31,3 +31,13 @@ <h1 class="has-white-color has-text-color has-text-align-center intro-heading ha
 	</div>
 </div>
 <!-- /wp:group -->
+
+<!-- wp:group {"className":"type-page"} -->
+<div class="wp-block-group type-page">
+	<div class="wp-block-group__inner-container">
+
+		<!-- wp:post-content /-->
+
+	</div>
+</div>
+<!-- /wp:group -->
diff --git a/...-template-parts/content/content-home.html → ...us/block-template-parts/content-home.html b/...-template-parts/content/content-home.html → ...us/block-template-parts/content-home.html
@@ -2,8 +2,7 @@
 <div class="wp-block-group type-post">
 	<div class="wp-block-group__inner-container">
 
-		<!-- wp:template-part {"slug":"entry/entry-title","theme":"ambitious"} /-->
-		<!-- wp:template-part {"slug":"entry/entry-meta","theme":"ambitious"} /-->
+		<!-- wp:template-part {"slug":"entry-header","theme":"ambitious"} /-->
 		<!-- wp:post-excerpt /-->
 
 	</div>

diff --git a/...-parts/front-page/content-front-page.html → ...us/block-template-parts/content-page.html b/...-parts/front-page/content-front-page.html → ...us/block-template-parts/content-page.html
@@ -2,6 +2,7 @@
 <div class="wp-block-group type-page">
 	<div class="wp-block-group__inner-container">
 
+		<!-- wp:template-part {"slug":"entry-header","theme":"ambitious"} /-->
 		<!-- wp:post-content /-->
 
 	</div>

diff --git a/...emplate-parts/content/content-single.html → .../block-template-parts/content-single.html b/...emplate-parts/content/content-single.html → .../block-template-parts/content-single.html
@@ -2,10 +2,12 @@
 <div class="wp-block-group type-post">
 	<div class="wp-block-group__inner-container">
 
-		<!-- wp:template-part {"slug":"entry/entry-title","theme":"ambitious"} /-->
-		<!-- wp:template-part {"slug":"entry/entry-meta","theme":"ambitious"} /-->
+		<!-- wp:template-part {"slug":"entry-header","theme":"ambitious"} /-->
+
 		<!-- wp:post-content /-->
 
+		<!-- wp:post-tags /-->
+
 	</div>
 </div>
 <!-- /wp:group -->
diff --git a/ambitious/block-template-parts/content/content-page.html b/ambitious/block-template-parts/content/content-page.html
diff --git a/...ock-template-parts/entry/entry-title.html → ...us/block-template-parts/entry-header.html b/...ock-template-parts/entry/entry-title.html → ...us/block-template-parts/entry-header.html
@@ -2,7 +2,11 @@
 <div class="wp-block-group entry-header">
 	<div class="wp-block-group__inner-container">
 
+		<!-- wp:post-date /-->
 		<!-- wp:post-title {"className":"entry-title"} /-->
+		<!-- wp:post-author /-->
+
+		<!-- wp:featured-image /-->
 
 	</div>
 </div>

diff --git a/ambitious/block-template-parts/entry/entry-meta.html b/ambitious/block-template-parts/entry/entry-meta.html
diff --git a/...s/block-template-parts/layout/footer.html → ambitious/block-template-parts/footer.html b/...s/block-template-parts/layout/footer.html → ambitious/block-template-parts/footer.html
diff --git a/ambitious/block-template-parts/header.html b/ambitious/block-template-parts/header.html
@@ -0,0 +1,51 @@
+<!-- wp:group {"className":"site-header"} -->
+<div class="wp-block-group site-header">
+	<div class="wp-block-group__inner-container">
+
+		<!-- wp:columns {"className":"header-main"} -->
+		<div class="wp-block-columns header-main">
+
+			<!-- wp:column {"className":"site-branding"} -->
+			<div class="wp-block-column site-branding">
+				<!-- wp:heading {"level":1,"className":"site-title"} -->
+					<h1 class="site-title"><a href="/">Ambitious</a></h1>
+				<!-- /wp:heading -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column {"className":"main-menu-toggle"} -->
+			<div class="wp-block-column main-menu-toggle">
+				<!-- wp:html -->
+				<button class="menu-toggle" aria-controls="top-menu" aria-expanded="false">
+					<svg class="icon icon-menu" aria-hidden="true" role="img">
+						<use xlink:href="/wp-content/themes/ambitious/assets/icons/genericons-neue.svg#menu"></use>
+					</svg>
+					<svg class="icon icon-close" aria-hidden="true" role="img">
+						<use xlink:href="/wp-content/themes/ambitious/assets/icons/genericons-neue.svg#close"></use>
+					</svg>
+					<span class="menu-toggle-text">Menu</span>
+				</button>
+				<!-- /wp:html -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column {"className":"primary-navigation"} -->
+			<div class="wp-block-column primary-navigation">
+				<!-- wp:navigation {"className":"main-navigation","itemsJustification":"right"} -->
+					<!-- wp:navigation-link {"label":"Home","title":"Home","type":"page","url":"/"} /-->
+
+					<!-- wp:navigation-link {"label":"Services","title":"Services","url":"/services"} /-->
+
+					<!-- wp:navigation-link {"label":"About","title":"About","url":"/about"} /-->
+
+					<!-- wp:navigation-link {"label":"Blog","title":"Blog","url":"/blog"} /-->
+				<!-- /wp:navigation -->
+			</div>
+			<!-- /wp:column -->
+
+		</div>
+		<!-- /wp:columns -->
+
+	</div>
+</div>
+<!-- /wp:group -->
diff --git a/ambitious/block-template-parts/layout/header.html b/ambitious/block-template-parts/layout/header.html
diff --git a/ambitious/block-template-parts/layout/navigation.html b/ambitious/block-template-parts/layout/navigation.html
diff --git a/ambitious/block-templates/404.html b/ambitious/block-templates/404.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"layout/header","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"header","theme":"ambitious"} /-->
 
 <!-- wp:group {"className":"site-content"} -->
 <div class="wp-block-group site-content">
@@ -8,7 +8,7 @@
 		<div class="wp-block-group site-main">
 			<div class="wp-block-group__inner-container">
 
-				<!-- wp:template-part {"slug":"content/content-404","theme":"ambitious"} /-->
+				<!-- wp:template-part {"slug":"content-404","theme":"ambitious"} /-->
 
 			</div>
 		</div>
@@ -18,4 +18,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"layout/footer","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"ambitious"} /-->
diff --git a/ambitious/block-templates/archive.html b/ambitious/block-templates/archive.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"layout/header","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"header","theme":"ambitious"} /-->
 
 <!-- wp:group {"className":"site-content"} -->
 <div class="wp-block-group site-content">
@@ -14,7 +14,11 @@
 				</p>
 				<!-- /wp:paragraph -->
 
-				<!-- wp:template-part {"slug":"content/content-home","theme":"ambitious"} /-->
+				<!-- wp:query-loop -->
+
+					<!-- wp:template-part {"slug":"content-home","theme":"ambitious"} /-->
+
+				<!-- /wp:query-loop -->
 
 			</div>
 		</div>
@@ -24,4 +28,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"layout/footer","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"ambitious"} /-->
diff --git a/ambitious/block-templates/front-page.html b/ambitious/block-templates/front-page.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"layout/header","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"header","theme":"ambitious"} /-->
 
 <!-- wp:group {"className":"site-content front-page"} -->
 <div class="wp-block-group site-content front-page">
@@ -8,8 +8,7 @@
 		<div class="wp-block-group site-main">
 			<div class="wp-block-group__inner-container">
 
-				<!-- wp:template-part {"slug":"front-page/front-page-intro","theme":"ambitious"} /-->
-				<!-- wp:template-part {"slug":"front-page/content-front-page","theme":"ambitious"} /-->
+				<!-- wp:template-part {"slug":"content-front-page","theme":"ambitious"} /-->
 
 			</div>
 		</div>
@@ -19,4 +18,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"layout/footer","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"ambitious"} /-->
diff --git a/ambitious/block-templates/home.html b/ambitious/block-templates/home.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"layout/header","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"header","theme":"ambitious"} /-->
 
 <!-- wp:group {"className":"site-content"} -->
 <div class="wp-block-group site-content">
@@ -8,7 +8,11 @@
 		<div class="wp-block-group site-main">
 			<div class="wp-block-group__inner-container">
 
-				<!-- wp:template-part {"slug":"content/content-home","theme":"ambitious"} /-->
+				<!-- wp:query-loop -->
+
+					<!-- wp:template-part {"slug":"content-home","theme":"ambitious"} /-->
+
+				<!-- /wp:query-loop -->
 
 			</div>
 		</div>
@@ -18,4 +22,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"layout/footer","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"ambitious"} /-->
diff --git a/ambitious/block-templates/index.html b/ambitious/block-templates/index.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"layout/header","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"header","theme":"ambitious"} /-->
 
 <!-- wp:group {"className":"site-content"} -->
 <div class="wp-block-group site-content">
@@ -8,7 +8,7 @@
 		<div class="wp-block-group site-main">
 			<div class="wp-block-group__inner-container">
 
-				<!-- wp:template-part {"slug":"content/content-page","theme":"ambitious"} /-->
+				<!-- wp:template-part {"slug":"content-page","theme":"ambitious"} /-->
 
 			</div>
 		</div>
@@ -18,4 +18,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"layout/footer","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"ambitious"} /-->
diff --git a/ambitious/block-templates/page.html b/ambitious/block-templates/page.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"layout/header","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"header","theme":"ambitious"} /-->
 
 <!-- wp:group {"className":"site-content"} -->
 <div class="wp-block-group site-content">
@@ -8,7 +8,7 @@
 		<div class="wp-block-group site-main">
 			<div class="wp-block-group__inner-container">
 
-				<!-- wp:template-part {"slug":"content/content-page","theme":"ambitious"} /-->
+				<!-- wp:template-part {"slug":"content-page","theme":"ambitious"} /-->
 
 			</div>
 		</div>
@@ -18,4 +18,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"layout/footer","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"ambitious"} /-->
diff --git a/ambitious/block-templates/single.html b/ambitious/block-templates/single.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"layout/header","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"header","theme":"ambitious"} /-->
 
 <!-- wp:group {"className":"site-content"} -->
 <div class="wp-block-group site-content">
@@ -8,7 +8,7 @@
 		<div class="wp-block-group site-main">
 			<div class="wp-block-group__inner-container">
 
-				<!-- wp:template-part {"slug":"content/content-single","theme":"ambitious"} /-->
+				<!-- wp:template-part {"slug":"content-single","theme":"ambitious"} /-->
 
 			</div>
 		</div>
@@ -18,4 +18,4 @@
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"layout/footer","theme":"ambitious"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"ambitious"} /-->