Merge pull request #289 from GuglielmoPepe/try/slick

Add files after new fork
WordPress · Dec 20, 2021 · 4a90b97 · 4a90b97
2 parents 7fbe026 + db31446
commit 4a90b97
Show file tree

Hide file tree

Showing 13 changed files with 735 additions and 0 deletions.
diff --git a/slick/README.md b/slick/README.md
@@ -0,0 +1,40 @@
+Slick is an experimental simple, lovable and complete starter theme. It is built to leverage the full site editing functionality that is being built in the Gutenberg plugin. This theme is not meant for use on a production site.
+
+
+## Description
+
+Slick is an experimental simple, lovable and complete starter theme. It is built to leverage the full site editing functionality that is being built in the <a href="https://wordpress.org/plugins/gutenberg/">Gutenberg plugin</a>.
+
+This theme requires Gutenberg version 10.9.1 or newer.
+
+This theme is beta software, and is not meant for use on a production site. Bug reports, fixes, and other and contributions are welcome <a href="https://github.com/GuglielmoPepe/slick/issues">in the theme's GitHub repository</a>.
+
+
+## Installation
+
+1. If you do not already have <a href="https://wordpress.org/plugins/gutenberg/">the Gutenberg plugin</a> installed and activated, go to Appearance -> Themes in your admin panel and search for 'Gutenberg'. Install and activate the plugin.
+2. Then, in your admin panel, go to Appearance -> Themes and click the 'Add New' button.
+3. Type in 'Slick' in the search form and press the 'Enter' key on your keyboard.
+4. Click on the 'Activate' button to use your new theme right away.
+5. From your admin panel, visit the Site Editor to customize your site.
+
+
+## Roadmap
+
+* Add classic templates of WordPress
+* Add other templates
+* Add other partials
+* Add consistently rules of CSS
+
+
+## Frequently Asked Questions
+
+### Why do I need this?
+Full-site editing is the future of WordPress: test the new features.
+
+### Can I request new template?
+Of course! I love to get your ideas! Please, [submit your idea](https://github.com/GuglielmoPepe/slick/issues) here.
+
+### Can I request new patial template?
+Absolutely! Please, [submit your idea](https://github.com/GuglielmoPepe/slick/issues) here.
+
diff --git a/slick/block-template-parts/aside.html b/slick/block-template-parts/aside.html
@@ -0,0 +1,41 @@
+<!-- wp:columns {"tagName":"div"} -->
+<div class="wp-block-columns">
+
+    <!-- wp:column {"tagName":"div"} -->
+    <div class="wp-block-column">
+
+        <!-- wp:heading -->
+        <h2>Categories</h2>
+        <!-- /wp:heading -->
+
+        <!-- wp:core/categories {"displayAsDropdown":false, "showPostCounts":true, "showHierarchy":false} /-->
+
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"tagName":"div"} -->
+    <div class="wp-block-column">
+
+        <!-- wp:heading -->
+        <h2>Archives</h2>
+        <!-- /wp:heading -->
+
+        <!-- wp:archives {"displayAsDropdown":false, "showPostCounts":true} /-->
+
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"tagName":"div"} -->
+    <div class="wp-block-column">
+
+        <!-- wp:heading -->
+        <h2>Search</h2>
+        <!-- /wp:heading -->
+
+        <!-- wp:search {"showLabel":false} /-->
+
+    </div>
+    <!-- /wp:column -->
+
+</div>
+<!-- /wp:columns -->
diff --git a/slick/block-template-parts/footer.html b/slick/block-template-parts/footer.html
@@ -0,0 +1,34 @@
+<!-- wp:social-links -->
+<ul class="wp-block-social-links has-small-icon-size items-justified-center">
+
+    <!-- wp:social-link {"service":"facebook", "url":"#"} /-->
+
+    <!-- wp:social-link {"service":"instagram", "url":"#"} /-->
+
+    <!-- wp:social-link {"service":"linkedin", "url":"#"} /-->
+
+    <!-- wp:social-link {"service":"pinterest", "url":"#"} /-->
+
+    <!-- wp:social-link {"service":"tiktok", "url":"#"} /-->
+
+    <!-- wp:social-link {"service":"twitch", "url":"#"} /-->
+
+    <!-- wp:social-link {"service":"twitter", "url":"#"} /-->
+
+    <!-- wp:social-link {"service":"youtube", "url":"#"} /-->
+
+</ul>
+<!-- /wp:social-links -->
+
+<!-- wp:group -->
+<div class="wp-block-group">
+    <div class="wp-block-group__inner-container">
+        <!-- wp:paragraph {"textAlign":"center"} -->
+        <p class="has-text-align-center">
+            <a href="https://www.guglielmopepe.com" rel="external">Powered by Guglielmo Pepe</a> with <a href="http://wordpress.org/" rel="external">WordPress</a> and <a href="https://www.slicktheme.it" rel="external">Slick theme</a>
+        </p>
+        <!-- /wp:paragraph -->
+
+    </div>
+</div>
+<!-- /wp:group -->
diff --git a/slick/block-template-parts/header.html b/slick/block-template-parts/header.html
@@ -0,0 +1,21 @@
+<!-- wp:group -->
+<div class="wp-block-group">
+
+    <!-- wp:site-title {"textAlign":"center"} /-->
+
+    <!-- wp:site-tagline {"textAlign":"center"} /-->
+
+    <!-- wp:navigation {"itemsJustification":"center", "orientation":"horizontal"} -->
+
+        <!-- wp:navigation-link {"label":"Home", "url":"#"} /-->
+
+        <!-- wp:navigation-link {"label":"Portfolio", "url":"#"} /-->
+
+        <!-- wp:navigation-link {"label":"About me", "url":"#"} /-->
+
+        <!-- wp:navigation-link {"label":"Contact me", "url":"#"} /-->
+
+    <!-- /wp:navigation -->
+
+</div>
+<!-- /wp:group -->
diff --git a/slick/block-templates/404.html b/slick/block-templates/404.html
@@ -0,0 +1,21 @@
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"header", "tagName":"header"} /-->
+
+<!-- wp:group {"layout":{"inherit":true}, "tagName":"main"} -->
+<main class="wp-block-group">
+
+    <!-- wp:heading {"fontSize":"large", "level":1} -->
+    <h1 class="has-large-font-size">Oops! That page can’t be found.</h1>
+    <!-- /wp:heading -->
+
+    <!-- wp:paragraph -->
+    <p>It looks like nothing was found at this location. Maybe try a search?</p>
+    <!-- /wp:paragraph -->
+
+    <!-- wp:search {"buttonText":"Search", "label":""} /-->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"aside", "tagName":"aside"} /-->
+
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"footer", "tagName":"footer"} /-->
diff --git a/slick/block-templates/index.html b/slick/block-templates/index.html
@@ -0,0 +1,43 @@
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"header", "tagName":"header"} /-->
+
+<!-- wp:query {"className":"", "tagName":"main", "layout":{"inherit":true}, "queryId":0,"query":{"perPage":"10","pages":"100","offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true}} -->
+<main class="wp-block-query">
+
+    <!-- wp:spacer {"height":70} -->
+    <div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+
+
+    <!-- wp:post-template -->
+
+        <!-- wp:post-title {"isLink":true} /-->
+
+        <!-- wp:post-content {"layout":{"inherit":true}} /-->
+
+        <!-- wp:spacer {"height":35} -->
+        <div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>
+        <!-- /wp:spacer -->
+
+    <!-- /wp:post-template -->
+
+
+    <!-- wp:query-pagination {"layout":{"inherit":true}} -->
+
+        <!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
+
+        <!-- wp:query-pagination-numbers /-->
+
+        <!-- wp:query-pagination-next {"label":"Next Page"} /-->
+
+    <!-- /wp:query-pagination -->
+
+</main>
+<!-- /wp:query -->
+
+<!-- wp:spacer {"height":70} -->
+<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"aside", "tagName":"aside"} /-->
+
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"footer", "tagName":"footer"} /-->
diff --git a/slick/block-templates/single.html b/slick/block-templates/single.html
@@ -0,0 +1,117 @@
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"header", "tagName":"header"} /-->
+
+<!-- wp:spacer {"height":70} -->
+<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"tagName":"main"} -->
+<main class="wp-block-group">
+
+    <!-- wp:group {"layout":{"inherit":true}, "tagName":"header"} -->
+    <header class="wp-block-group">
+
+        <!-- wp:post-featured-image {"align":"full"} /-->
+
+        <!-- wp:post-title {"isLink":true} /-->
+
+    </header>
+    <!-- /wp:group -->
+
+    <!-- wp:post-content {"layout":{"inherit":true}} /-->
+
+    <!-- wp:spacer {"height":70} -->
+    <div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+
+    <!-- wp:separator {"align":"center"} -->
+    <hr class="wp-block-separator aligncenter"/>
+    <!-- /wp:separator -->
+
+    <!-- wp:spacer {"height":35} -->
+    <div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+
+    <!-- wp:group {"layout":{"inherit":true}, "tagName":"footer"} -->
+    <footer class="wp-block-group">
+
+        <!-- wp:columns {"layout":{"inherit":true}, "tagName":"div"} -->
+        <div class="wp-block-columns">
+
+            <!-- wp:column {"tagName":"div"} -->
+            <div class="wp-block-column">
+
+                <!-- wp:post-date {"isLink":true} /-->
+                <!-- wp:post-author {"showAvatar":false} /-->
+
+            </div>
+            <!-- /wp:column -->
+
+            <!-- wp:column {"tagName":"div"} -->
+            <div class="wp-block-column">
+
+                <!-- wp:post-terms {"term":"category", "textAlign":"right"} /-->
+                <!-- wp:post-terms {"term":"post_tag", "textAlign":"right"} /-->
+
+            </div>
+            <!-- /wp:column -->
+
+        </div>
+        <!-- /wp:columns -->
+
+    </footer>
+    <!-- /wp:group -->
+
+    <!-- wp:spacer {"height":70} -->
+    <div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+
+    <!-- wp:group {"layout":{"inherit":true}, "tagName":"nav"} -->
+    <nav class="wp-block-group">
+
+        <!-- wp:columns {"layout":{"inherit":true}, "tagName":"div"} -->
+        <div class="wp-block-columns">
+
+            <!-- wp:column {"tagName":"div"} -->
+            <div class="wp-block-column">
+
+                <!-- wp:post-navigation-link {"type":"previous"} /-->
+
+            </div>
+            <!-- /wp:column -->
+
+            <!-- wp:column {"tagName":"div"} -->
+            <div class="wp-block-column">
+
+                <!-- wp:post-navigation-link {"textAlign":"right"} /-->
+
+            </div>
+            <!-- /wp:column -->
+
+        </div>
+        <!-- /wp:columns -->
+
+    </nav>
+    <!-- /wp:group -->
+
+    <!-- wp:spacer {"height":70} -->
+    <div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+
+    <!-- wp:group {"layout":{"inherit":true}, "tagName":"footer"} -->
+    <footer class="wp-block-group">
+
+        <!-- wp:post-comments /-->
+
+    </footer>
+    <!-- /wp:group -->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:spacer {"height":70} -->
+<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"aside", "tagName":"aside"} /-->
+
+<!-- wp:template-part {"layout":{"inherit":true}, "slug":"footer", "tagName":"footer"} /-->
diff --git a/slick/functions.php b/slick/functions.php
@@ -0,0 +1,49 @@
+<?php // slick theme functions
+
+#
+# HOOKS
+#
+
+// add theme sutup
+add_action( 'after_setup_theme', 'slick_setup' );
+
+// enqueue scripts and styles
+add_action( 'wp_enqueue_scripts', 'slick_enqueue' );  
+
+
+
+#
+# FUNCTIONS
+#
+
+// Sets up theme defaults and registers support for various WordPress features
+function slick_setup() {
+
+    // Add support for featured images.
+    add_theme_support( 'post-thumbnails' );
+
+    // Add support for core block visual styles.
+    add_theme_support( 'wp-block-styles' );
+
+    // Add support for responsive embedded content.
+    add_theme_support( 'responsive-embeds' );
+
+    // Add support for editor styles.
+    add_theme_support( 'editor-styles' );
+
+    // Enqueue editor styles.
+    add_editor_style( 'style.css' );
+
+    // Add support for custom units.
+    add_theme_support( 'custom-units' );
+}
+
+
+
+// Enqueue scripts and styles
+function slick_enqueue() {
+
+    // Add style.css
+    wp_enqueue_style( 'slick', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get( 'Version' ) );
+}
+
diff --git a/slick/index.php b/slick/index.php
@@ -0,0 +1,11 @@
+<?php
+/**
+ * Without this file, WordPress will consider the theme broken.
+ *
+ * @package slick
+ */
+
+if ( current_user_can( 'activate_plugins' ) ) {
+	esc_html_e( 'This theme was built for the WordPress experimental full site editing feature. You need to install and activate the Gutenberg plugin to make it work. ', 'slick' );
+}
+