News

Template: Sticky

This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some...

Content Security Policy Manager

Using the CSP Manager plugin you can restrict access to site resources. Example you can set only images form...

Oliver Twist

Oliver Twist

Some copy here. Some copy here. Some copy here. Some copy here. Some copy here. Some copy here. Some...

Snow white

Snow white

Some copy here. Some copy here. Some copy here. Some copy here. Some copy here. Some copy here. Some...

Adventure of Huckleberry Finn

Adventure of Huckleberry Finn

Some copy here. Some copy here. Some copy here. Some copy here. Some copy here. Some copy here. Some...

Best Practice – Code and formatting

CSS Hypens, lower case, example: .btn-green or #sidebar-right JS Variable and function names should be full words, using camel...

Component Address details

Add ACF fields to options page: Template tags SCSS: A simpler way: blocks with classes Add a icon class...

Simple GSAP text animation on scroll (2 ways)

This method uses GSAP to add a class to an element and the animation is in css. GSAP: SCSS:...

Widgets in Gutenberg – issues

Reuseable blocks widget seems to work but the block UI is a bit broken at the moment and it...

Co Blocks Plugin

Great for wavy divider blocks

Browser Shots

Insert screenshots in a page/post with shortcodes, example:

Using the WP flexbox grid

. A ul is given the following classes: class=”is-flex-container columns-3 wp-block-post-template is-layout-flow” CSS being applied is

GSAP animated Separator

setup the Separator Style in block-styles.js setup the gsap Add the SCSS

Customizer settings – functions

If you want customizer option not ACF options, then inside the after_theme_setup add these. Setting a custom background colour:...

Image sizes – functions

add image sizes inside after_theme_setup Allow featured imagess: setting up additional image sizes (only use if required in the...

Additional Functions php

Support JSON mimes type: Support SVG mimes type: or use the SVG support plugin can be useful to add...

General Functions php

Register a widget area (inside after_setup_theme)

Blocks Animation Plugin

Apply animations to blocks through a jQuery snippet rather than adding animations to every block in the editor:

Loading a template file from a sub folder

This can be useful for organisation but also for building functionality in a component or modular way or in...

Helpers

Adding reusable blocks to headers, content or footers

Add a ACF relationship field to either a page, posts, event, other-CPT or options page. Example add ‘footer_reusable_blocks’ to...

GSAP animated separator

Register gutenberg block style, in block-styles.js Add GSAP in gsap.js Add the SCSS in _gutenberg-styles.scss

GSAP reveal image on scroll

Register gutenberg block style, in block-styles.js Add GSAP in gsap.js Add the SCSS in _image-styles.scss

GSAP Image with parallax effect

Register gutenberg block style, in block-styles.js Add GSAP in gsap.js Add the SCSS in _image-styles.scss some jquery to fix...

Query Vars

functions.php Loop Or To output the URL with the var string use a confirmation page in gravity forms and...

Mobile Column Classes with Flex basis

Add class to the columns to force media queries to alter the default flex basis eg: .columns.medium-fb100 .column {...

Timeline plugins

Timeline Blocks for Gutenberg Ultimate Timeline Content

news 1

news 2

A test post

gdsfhgfdhdgfhdgfhgfdhdh fdsgfsdgdsfgsdfsdfg fdsgfsdgdsfgsdfsdfg

Alignments and Margins

Normal Paragraph Wide P Full P

Order custom post type by title

Can also remove ‘! is_admin’ to order in admin too:

GSAP parallax

Group 1 Group 2 Group 3

gravity form on dark background

Normal form on white Normal form on dark bg Add this class to the group block: gfrom-light

Anchor offset for sites with Fixed header

We have added the helper class of .anchor for sites that use fixed header navigation and also have the...

Search the site


Address

123 Main Street
Town
City
P05T C0D3

Tel: 01234 567 899

Mob: 01234 567 899

Email: ben@gomopress.com


Copyright 2023. Blah blah blah Company Limited