ryanve / action Goto Github PK
View Code? Open in Web Editor NEWExtensible HTML5 WordPress parent theme
Home Page: http://actiontheme.com
Extensible HTML5 WordPress parent theme
Home Page: http://actiontheme.com
Separate templates facilitate granular overrides. I rarely have needed to override these ones. Loading files hinders performance. I'd like to remove these templates in favor of a faster implementation that only uses hooks. Devs could still override via these hooks.
In 1.0 I used l-
as a prefix for layout modifiers (applyable via skins).
.l-lheader
- aligns <header role="banner">
to left.l-rmenu
- floats .site-nav
to right.l-rsidebar
- floats .main-widget-area
to rightl-
is somewhat standard and terser than layout-
but is it enough?
Versions 1.1- have included <a class="assistive" href="#main">
. It seems like this could be redundant for screenreaders with proper WAI-ARIA support.
WP's built-in Custom Menu widget allows users to pull menus created in Appearance > Menus into widget areas. With this available, is it be better to provide no menu locations? Users can use widgets to place custom menus wherever they want via the widget interface. We'd want to determine how to filter that widget to use nav
rather than div
.
action should use the CSS file setup that best enables child-theme flexibility while still remaining maintainable and performant. The parent CSS is organized and modular. For performance it is usually ideal for all CSS to be combined in 1 file. 2 files is reasonable and easier to maintain. It helps separate base from theme styles.
Both queue setups (0.x, 1.0) allow any file to be overrided by a child theme. A WP problem is that child themes must contain style.css. The setups above allows modular overriding without needing @import
. They rightfully nudge child-theme devs towards cascading rather than editing base styles.
One alternative is manually combine everything into style.css and not use a css folder. If a child wants to use the parent stylesheet, it can enqueue it via its functions.php. It'd simplify the parent file structure and improve front-end performance. But it'd make customization less modular and the parent CSS messier. The 0.x setup hybridizes the 2 extremes.
Action uses #2 stylesheets for mainly for maintainability and modularity. A positive side-effect is that the 2nd sheet is only loaded on applicable media types.
<link rel='stylesheet' href='/wp-content/themes/action/base.css'>
<link rel='stylesheet' href='/wp-content/themes/action/style.css' media='screen'>
Maybe [media="screen, projection, print, tv"]
is appropriate but its hard to decide without access to other types. Which types should the theme include by default? Test media types and the demo site.
HTML5 microdata is more systematic and resilient than class-reliant microformats. Microdata is supported by major search engines. It seems redundant to duplicate the same data. Test some URLs here. Are there any reasons to include both? Microdata seems sufficient.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.