Coder Social home page Coder Social logo

jsit / skltn Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 0.0 686 KB

A super bare-bones, unopinionated starter WordPress theme that follows BEM, passes WordPress's theme guidelines, and allows for easy child theming.

Home Page: https://wordpress.org/themes/skltn

JavaScript 3.82% PHP 50.43% CSS 24.38% SCSS 21.38%
wordpress-theme bem parent-theme theme child-themes wp-skltn

skltn's Introduction

skltn

Contributors: topdownjimmy
Tested up to: 5.5.1
Stable tag: 0.1.6 License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

A super bare-bones, unopinionated WordPress blog theme that follows BEM, passes WordPress's theme guidelines, and allows for easy child theming.

Description

A super bare-bones, unopinionated WordPress blog theme that follows BEM, passes WordPress's theme guidelines, and allows for easy child theming.

Some notes:

  1. This theme currently only supports single-level header nav (i.e., no sub-menus).

How to Use This Theme

There are a number of ways to use skltn on your WordPress site:

  1. Create a child theme. This is the recommended use-case for skltn. Your child theme must reference skltn in its style.css file as described in the WordPress documentation.
  2. Use it as-is and add all necessary styling in the "Customize" section of the admin panel.
  3. Modify it as needed. This is not recommended, as any updates to the theme will be harder to incorporate into your modified version.

Colors

This theme provides a "Primary Color" theme customization option. The value of this color is available to child themes in several ways:

  1. As CSS custom properties on :root{} for use in your own CSS:
    • var(--skltn-primary-color): The hex of the chosen color
    • var(--skltn-primary-hue): The hue of the chosen color
  2. As a theme mod value available with get_theme_mod( 'skltn_primary_color_hex' )

Development

This theme is built with a simple Gulp setup. To begin working on the theme:

  1. Install Node and NPM globally.
  2. Run npm ci from within the theme directory.
  3. Run gulp to compile the Sass and watch for changes.

Frequently Asked Questions

Changelog

0.1.6

  • Fixes to block embed styles
  • Link timestamps if post has no title
  • Add .archive-title class
  • Add site description to header
  • Add .site-body to
  • Other various bug fixes and improvements

0.1.4

  • Add $content_width theme support
    • Include --wp-content-width as CSS custom property
  • Decrease verbosity of "Continue reading" more link
  • Add comment-list template
  • Add comment-count template
  • Add article author, timestamp, tags templates

Upgrade Notice

skltn's People

Contributors

jsit avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.