All Projects โ†’ awsmin โ†’ f1

awsmin / f1

Licence: Apache-2.0 License
AWSM F1 - WordPress Frontity Theme

Programming Languages

CSS
41851 projects
javascript
152645 projects - #8 most used programming language

Projects that are alternatives of or similar to f1

frontity-twentynineteen
๐ŸŽจ A Frontity Twentynineteen theme Project
Stars: โœญ 54 (+14.89%)
Mutual labels:  frontity, react-wordpress-theme, frontity-theme
componentity
Thousands of components ready to be copy-pasted!
Stars: โœญ 15 (-68.09%)
Mutual labels:  frontity
Frontity
ยป Frontity - The React Framework for WordPress
Stars: โœญ 2,523 (+5268.09%)
Mutual labels:  frontity

AWSM F1 - Frontity theme

A starter theme for Frontity with support for common Gutenberg WordPress editor blocks. You could use the theme package as a starting point to build your next corporate website or blog.

View Demo

Open in CodeSandbox

Table of contents

Quick install

  • Create a Frontity project named awsm-project with AWSM F1 theme
npx frontity create --theme @awsmin/f1 awsm-project
  • The CLI will run its part and once completed, run the project and have fun! ๐ŸŽ‰
cd awsm-project && npx frontity dev

AWSM F1 quick install

Advanced usage

npm i @awsmin/f1

Once installed it should be included in your frontity.settings.js. The theme options can be specified in the state.theme property.

{
  name: "@awsmin/f1",
  state: {
    theme: {
      menu: [
        ["Home", "/"],
        ["About", "/about/"],
        ["Sevices", "/sevices/"],
        ["Jobs", "/jobs/"],
        ["Contact", "/contact/"]
      ],
      featured: {
        showOnList: true,
        showOnPost: true
      }
    }
  }
},

Gutenberg

By default, these theme includes all the default styles of Gutenberg blocks, which is taken from

  wp-includes\css\dist\block-library\style.css
  wp-includes\css\dist\block-library\theme.css

In addition we have included certain theme specific styles to the page and post templates.

In order to add custom styles to your Gutenberg blocks you first need to add the blocks inside a "Group" block and assign a CSS class(es) to it. Thus you could use this CSS class(es) to style the entire block along with all sub blocks inside the group block.

Bootstrap

We have included a bare-minimum bootstrap css which combines following Bootstrap css/scss files: functions, variables, mixins, root, reboot, type, grid, forms and utilities.

This essentially provides a base to common layout/grid and responsive breakpoints.

No bootstrap JS included

WP Job Openings

This theme package also include support for WP Job Openings plugin in the Frontity framework including the support for application form. All the default fields and the fields supported by WP Job Openings Pro are supported in the job application form.

Installation instructions and configurations

Credits

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected]