Skip to content

GLWalker/systempress

Repository files navigation

=== SystemPress ===
Contributors: GL Walker
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 8.0.4
Stable tag: 1.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

== Description ==

SystemPress: Build Faster, Smarter, and More Accessible WordPress Websites

SystemPress is a modern, powerful WordPress block theme designed to bring the best of Full Site Editing (FSE) and Bootstrap 5 to your fingertips. Whether you’re a seasoned developer or just starting with WordPress, SystemPress gives you the tools to create beautiful, responsive, and accessible websites effortlessly.

* Why Choose SystemPress? *

•For Developers: SystemPress is built with performance, scalability, and flexibility at its core. Enjoy a clean, modular codebase with powerful utilities for enqueuing scripts, dynamic CSS, custom block attributes, and seamless Bootstrap integration. With accessibility baked in and compatibility with PHP 8 and WordPress 6.7+, it’s ready for anything.

•For Designers: Unleash your creativity with SystemPress’s design-first approach. Create stunning layouts using Bootstrap 5’s responsive grid and built-in components directly in the block editor. Explore JSON designs inspired by Bootswatch, one of the oldest and most trusted theme makers for Bootstrap, to quickly customize your site’s appearance with beautifully coordinated palettes and styles. Whether you prefer light, dark, or bold aesthetics, SystemPress gives you the flexibility to bring your vision to life.

•For Beginners: You don’t need to be a coding expert to build a stunning website with SystemPress. Use the intuitive WordPress block editor to create pages, customize layouts, and experiment with pre-built block patterns inspired by Bootstrap components—all without touching a single line of code.

* Features That Work for Everyone *

•Full Site Editing (FSE): Control every part of your site—headers, footers, templates, and content—directly in the WordPress block editor.

•Built with Bootstrap 5: SystemPress integrates seamlessly with Bootstrap 5, offering a robust grid system, responsive utilities, and a library of pre-styled components like carousels, buttons, and navigation bars.

•Custom Block Patterns: Choose from a growing collection of block patterns, ready to use out of the box. Simply drag, drop, and customize to fit your style.

•Accessibility Ready: Every feature is designed to meet WCAG standards, ensuring your website is usable by everyone. SystemPress includes support for ARIA roles, keyboard navigation, and screen readers.

•Dark Mode Support: With a built-in dark mode toggle, your site can easily adapt to modern styling preferences and improve readability in low-light environments.

•Performance-Driven Design: Lightweight and fast, SystemPress ensures quick load times and an optimized user experience.

* Perfect for All Levels *

•Beginners: SystemPress simplifies web design by providing pre-built templates, drag-and-drop functionality, and intuitive tools that make site creation easy.

•Developers: SystemPress offers the flexibility and control you need for custom solutions. With built-in support for dynamic CSS, Bootstrap customization, and extensible code, you can craft anything from small websites to enterprise-level projects.

•Designers: Combine the visual power of WordPress blocks with the customizable styling of Bootstrap. SystemPress supports your creative vision with reusable patterns, Bootswatch-inspired themes, and robust design options.

* Learn and Grow with SystemPress *

New to block themes? SystemPress is a great starting point for learning how WordPress themes work. Browse the SystemPress codebase to discover how filters and functions extend WordPress’s core functionality. Use the many documented examples to build your own functions or child themes and start crafting truly unique experiences. SystemPress is not just a theme—it’s a resource for your WordPress journey.

* Get Started Today! *

Whether you’re building your first blog, launching a business site, or crafting a complex web application, SystemPress gives you the tools to make it happen. It’s not just a WordPress theme—it’s your complete solution for modern, responsive, and accessible web design.

Make SystemPress the foundation for your next project and experience the future of WordPress today.

== Changelog ==

= 1.0 =
* Released: Feb of 2024

== Copyright ==

SystemPress Theme, (C) 2024 WeTite.com
SystemPress is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

=== Images ===

Pexels Images  https://www.pexels.com/

License: https://www.pexels.com/license/ Legal Simplicity All photos and videos on Pexels can be downloaded and used for free.

    Photo by Pepe Tapia: https://www.pexels.com/photo/two-men-riding-orange-and-black-sports-bikes-while-doing-exhibition-716906/

    Photo by Kosygin Leishangthem: https://www.pexels.com/photo/group-of-men-holding-drums-performing-on-stage-2888802/

    Photo by JESHOOTS.com: https://www.pexels.com/photo/man-holding-remote-control-1040160/

    Photo by Luis Valencia: https://www.pexels.com/photo/vintage-low-rider-car-16721614/

    Photo by EVG Kowalievska: https://www.pexels.com/photo/person-typing-on-laptop-1174775/

    Photo by Ann H: https://www.pexels.com/photo/yellow-jigsaw-puzzle-piece-3482442/

    Video by Pressmaster: https://www.pexels.com/video/digital-projection-of-abstract-geometrical-lines-3129671/

Placeholder images in various sizes -
https://betterplaceholder.com/

License: CC0 https://creativecommons.org/publicdomain/zero/1.0/

 certificate-170x240.webp - https://commons.wikimedia.org/wiki/File:Certificate_(no_image).svg

 female-360x480.webp - https://commons.wikimedia.org/wiki/File:No_image_(female).svg

 male-360X480.webp - https://commons.wikimedia.org/wiki/File:No_image_(male).svg

=== Fonts ===

Neucha Font
Copyright (c) 2005-2010 by Jovanny Lemonad. All rights reserved.
Copyright (c) 2005-2010 by Jovanny Lemonad
License URL: http://scripts.sil.org/OFL
Source: http://www.jovanny.ru/
-- End of Neucha Font credits --

Cabin Sketch Font
Copyright 2011 The Cabin Project Authors (impallari@gmail.com), with Reserved Font Name "Cabin", "Cabin Sketch".
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL
License URL: http://scripts.sil.org/OFL
Source: http://www.impallari.com
-- End of Cabin Sketch Font credits --

Montserrat Font
Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL
License URL: http://scripts.sil.org/OFL
Source: http://www.zkysky.com.ar/
-- End of Montserrat Font credits --

Ubuntu Font
Copyright 2011 Canonical Ltd.  Licensed under the Ubuntu Font Licence 1.0

Source: http://www.daltonmaag.com/
-- End of Ubuntu Font credits --

Lato Font
Copyright (c) 2010-2011 by tyPoland Lukasz Dziedzic with Reserved Font Name "Lato". Licensed under the SIL Open Font License, Version 1.1.
Copyright (c) 2011-2011 by tyPoland Lukasz Dziedzic (http://www.typoland.com/) with Reserved Font Name "Lato". Licensed under the SIL Open Font License, Version 1.1 (http://scripts.sil.org/OFL).
License URL: http://scripts.sil.org/OFL
Source: http://www.typoland.com/
-- End of Lato Font credits --

Nunito Sans Font
Copyright 2016 The Nunito Sans Project Authors (https://github.com/Fonthausen/NunitoSans)
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: https://scripts.sil.org/OFL
License URL: https://scripts.sil.org/OFL
Source: http://www.sansoxygen.com
-- End of Nunito Sans Font credits --

Monoton Font
Copyright (c) 2011 by vernon adams. All rights reserved.

-- End of Monoton Font credits --

-- About Bootstrap 5 Attributes --
In Bootstrap 5, data-bs-* attributes are used to configure various components like tooltips, popovers, modals, and dropdowns. Here's a list of commonly used data-bs-* options:

1. Tooltips
data-bs-toggle="tooltip": Activates a tooltip.
data-bs-placement="top" | "bottom" | "left" | "right": Specifies the tooltip's placement relative to the element.
data-bs-title="...": Specifies the content for the tooltip.
data-bs-trigger="click" | "hover" | "focus" | "manual": Defines how the tooltip will be triggered.
2. Popovers
data-bs-toggle="popover": Activates a popover.
data-bs-placement="top" | "bottom" | "left" | "right": Specifies the popover's placement.
data-bs-title="...": Title for the popover.
data-bs-content="...": Content for the popover.
data-bs-trigger="click" | "hover" | "focus" | "manual": Defines how the popover will be triggered.
data-bs-html="true": Allows HTML content inside the popover.
data-bs-container="body": Defines where the popover should be appended (by default, it’s appended to the body).
3. Modals
data-bs-toggle="modal": Activates a modal.
data-bs-target="#modalId": Specifies the target modal element to open.
data-bs-dismiss="modal": Dismisses the modal.
data-bs-backdrop="true" | "false" | "static": Controls the modal backdrop behavior.
data-bs-keyboard="true" | "false": Controls whether the modal can be closed with the keyboard.
4. Dropdowns
data-bs-toggle="dropdown": Activates a dropdown.
data-bs-display="static" | "dynamic": Specifies the dropdown behavior (static means the dropdown menu will be placed outside the flow of other content).
5. Collapse (Accordion)
data-bs-toggle="collapse": Activates a collapsible element.
data-bs-target="#collapseId": Specifies the target element to collapse.
data-bs-parent="#accordionId": Sets a parent accordion element to allow only one collapsible item to be open at a time.
6. Carousels
data-bs-ride="carousel": Activates automatic cycling of a carousel.
data-bs-slide-to="index": Defines the active slide by index (used with carousel items).
data-bs-interval="number": Sets the time interval for each slide transition (in milliseconds).
7. Alerts
data-bs-dismiss="alert": Dismisses an alert when clicked.
8. Offcanvas
data-bs-toggle="offcanvas": Activates an offcanvas component.
data-bs-target="#offcanvasId": Specifies the target offcanvas element.
data-bs-dismiss="offcanvas": Closes the offcanvas.
9. Scrollspy
data-bs-spy="scroll": Enables scrollspy on the element.
data-bs-target="#navbar": Defines the target element that will be used to activate the scrollspy.
data-bs-offset="number": Adjusts the offset for scrollspy.
10. Forms
data-bs-toggle="tooltip": Used for tooltips on form fields.
data-bs-placement="top" | "bottom" | "left" | "right": Specifies the placement of tooltips on form elements.
11. Popover
data-bs-container="...": Defines where the popover content will be appended (default is body).
Special Attributes
data-bs-toggle="modal" | "dropdown" | "tooltip" | "popover" | "collapse" | "carousel": Activates the respective component.
data-bs-target="#id": Specifies the ID of the element to target for the associated component.

/*
select control
data-bs-theme="" | light | dark

select control
data-bs-backdrop="" | true | "false" | "static"

select control
data-bs-keyboard="" | "true" | "false"

select control
data-bs-display="" | "static" | "dynamic"

text field
data-bs-parent=""

select control
data-bs-spy="" | "scroll"

text control
data-bs-offset=""

*/

-- Component-Specific ARIA Attribute Usage --
Dropdowns
aria-expanded
aria-controls
aria-haspopup
aria-labelledby
Modals
aria-hidden
aria-labelledby
aria-describedby
aria-modal
Accordions
aria-expanded
aria-controls
Navbars
aria-expanded
aria-controls
aria-label
Offcanvas
aria-hidden
aria-expanded
aria-labelledby
aria-controls
Carousels
aria-hidden
aria-live
aria-labelledby
aria-describedby
Tabs
aria-selected
aria-controls
aria-labelledby
Toasts
aria-live
aria-atomic
aria-describedby
Tooltips & Popovers
aria-describedby
aria-hidden
Progress Bars
aria-valuenow
aria-valuemin
aria-valuemax

aria-label
aria-labelledby
aria-describedby
aria-hidden
aria-expanded
aria-controls
aria-haspopup
aria-live
aria-atomic
aria-valuenow
aria-valuemin
aria-valuemax

-- About Editor Scripts --
WordPress Block Editor (Gutenberg) APIs:

Hooks like wp.hooks.addFilter to modify or extend block behaviors.
Components like InspectorControls, PanelBody, and SelectControl for creating sidebar controls.
Higher-Order Components (HOCs) for injecting new functionality into existing blocks.
IIFE Structure (Immediately Invoked Function Expression):

The function (wp) { ... }(window.wp) structure encapsulates the script to avoid polluting the global scope while safely accessing the wp object.
Extensible Block Configuration:

Using filters (blocks.registerBlockType) to add attributes.
Leveraging higher-order components for editor UI changes (editor.BlockEdit).
Using save content hooks (blocks.getSaveContent.extraProps) to affect the final output.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors