lyquix / wp_theme_lyquix Goto Github PK

View Code? Open in Web Editor NEW

3.0 4.0 2.0 9.29 MB

WordPress base theme created by Lyquix

PHP 55.93% CSS 0.75% JavaScript 5.07% Shell 0.41% SCSS 5.96% TypeScript 31.89%

wordpress-theme responsive fluid javascript-library grid-layout

wp_theme_lyquix's Introduction

Lyquix WordPress Theme 3.0.0

@version 3.0.0

Full documentation coming soon...

Lyquix started releasing its own starter theme in 2016 with the goals of:

Following best practices in HTML, CSS, JavaScript, SEO, accessibility, security, and performance.
Promoting code reuse and consistency for efficiency, reduced user errors, and developer quality of life.
Allowing for custom designs and functionality without interference from the theme (unopinionated approach).
Enabling easy updates without affecting customizations.

This new 3.0.0 release continues to uphold these same goals.

Highlights of Changes and New Features

CSS

Implements new breakpoints: 480, 720, 1080, 1620px.
Migrates to Tailwind.

JavaScript

Migrates all JavaScript code to TypeScript.
Removes unused functionality from the Lyquix library.
Migrates from MomentJS to DayJS.
Adds support for Microsoft Clarity.
Adds analytics event tracking for fine-grained user interaction tracking.
Detects light/dark theme from the operating system and provides an API to track user selection.

WordPress

Gutenberg Blocks
Accordion
Banner
Cards
Gallery
Hero Banner
Layouts: box, center, cluster, container, cover, frame, grid, icon, imposter, reel, sidebar, stack, switcher
Logos
Slider
Tabs
All blocks include:
- Default settings and Global settings override
- Ability to create new settings presets for block insertion
- Ability to define a list of available styles for block insertion
Modules
Alerts
CTAs
Modals
Popups
Social sharing
Social icons
Filters
Extensive functionality to render posts with filtering
Filters by category, tags, custom taxonomies, and any ACF field
Configure pre-filters (custom post type, date ranges, categories tags, custom taxonomies, and ACF fields)
Configure sorting and pagination
AJAX-enabled
Leverage Cards block for rendering
Browser detection
IP geolocation
Disable comments functionality
Check for required plugins, provide one-click installation and activation
Check for theme updates

Developer Tooling

Migrates from Node.js to Bun.
Faster SCSS processing and TypeScript compilation.
Auto-compilation of CSS and JavaScript with auto-reload.

wp_theme_lyquix's People

Contributors

Stargazers

Watchers

Forkers

jsbard marioborras

wp_theme_lyquix's Issues

Update template info in files comments

styles.css contains comments at its top that are used by WordPress to display theme information. Currently this still has the info from Twenty Sixteen:

/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

it should be updated to reflect Lyquix information:

/*
Theme Name: Lyquix
Theme URI: https://github.com/Lyquix/wp_theme_lyquix
Author:  Lyquix
Author URI: https://www.lyquix.com/
Description: Lyquix WordPress Theme is a port of the Lyquix Joomla Template https://github.com/Lyquix/tpl_lyquix
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: lyquix
*/

Remove CSS libraries not working

Update template PHP files

The template PHP files need to be updated to match the behavior of the Joomla template.

whenever we have a main file and a -custom file, the main file should be configured to render an info message indicating the need for a -custom file. Refer to https://github.com/Lyquix/tpl_lyquix/blob/master/index.php as an example.
At least for header-custom.dist.php and footer-custom.dist.php we need to break up some of the code into the additional PHP files added to the php directory: https://github.com/Lyquix/tpl_lyquix/tree/master/php

Remove WP comments from top of files

Wherever present, please remove the comments at the top of files inherited from Twenty Sixteen:

/**
 * The template for displaying search results pages
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */

template.less and editor-style.css

It doesn't look like we need template.less since that is used in Joomla, however, we can use its code in editor-style.css because it serves the same purpose: provide the basic styling that is displayed in the HTML editor.