CF7 Skins Team

Used for development of CF7 Skins

CF7 Skins Team

Main menu

Skip to primary content
Skip to secondary content
  • Home
    • Blog
    • Quotes
  • Team
    • Team Guidelines
    • Team Members
      • Team Members – former
    • Team Roles
      • Team Leader
      • Senior WordPress Developer
      • WordPress Plugin Developer
      • WordPress Plugin Tester
      • WordPress Technical Writer
      • WordPress Website Designer
      • WordPress UI Designer
      • Marketing & Promotion Professional
      • WordPress Data Entry
        • Images – Data Entry
        • WordPress Data Entry – Forms
      • WordPress Plugin Translator
    • Team Communication
      • Team Tools
        • Screenshots
        • New Page Template
        • Other
          • Payment
          • OBM
          • Trials
          • Team Handbooks
      • Team Tasks
        • Documentation Tasks
      • Team Site Development
        • Archived – Team Site Development
    • Working with CF7 Skins
      • Working with Skype
      • Working with Sync
      • Working with Bitbucket
      • Working with Hubstaff
      • Working with Figma
      • No longer used
        • Working with Twist
        • Working with Pivotal Tracker
        • Working with Upwork
  • Business
    • Plugins
      • Current
        • CF7 Skins
          • CF7 Skins Visual
          • Read Me
        • CF7 Skins Pro/Extra
        • CF7 Skins Ready/Styles
        • CF7 Skins Multi
        • CF7 Skins Logic
      • Planned
        • CF7 Skins Block
        • CF7 Skins Mail
        • CF7 Skins Payment
        • CF7 Skins Calc
        • CF7 Skins Date
        • CF7 Skins Fields
        • CF7 Skins Valid
      • Possible
        • CF7 Skins Save
        • CF7 Skins PDF
        • CF7 Skins File
        • CF7 Skins Signature
      • Other
        • Opt-in Data Collection
        • Image Management
        • Team App
          • Problem
          • Solution
    • Analysis
      • Situation
        • CF7 Skins Statistics
        • Other
          • Developer Issues
          • 2IC
          • Projects Plans
          • Release Schedules
            • Releases 2024
            • Release Schedule 2023
            • Release Schedule 2022
            • Release Schedule 2021
            • Release Schedule 2020
      • Competition
        • Google Trends
          • Google Trends – WordPress
          • Google Trends – Contact Form 7
          • Google Trends – CF7 Skins
          • Google Trends – Not Working
  • Guidelines
    • Development
      • Getting Started
        • Setup local install – step by step instructions
          • Setup local install – step by step instructions (Separate Plugin Repos version)
        • CF7 Skins development plugins
          • Install CF7 Skins plugins (Separate Plugin Repos version)
        • Development & Production Builds
        • Repos, Plugins, Sites etc.
          • Current Versions
      • Development Tools
        • AI Tools
          • Cheat Sheets
          • Code Documentation Standards
        • Local Development Environment
          • Using WP Studio
          • Using Local
            • Using Local – step by step instructions
            • Importing CF7 Skins Test Database Issues
            • Using Xdebug within Local & VS Code
            • wp-cli within Local
            • Local Sites
          • Using Sourcetree
          • Using SSH
          • Using WP-CLI
          • Use CF7 Github version
          • Using XAMPP
            • Switch PHP Versions in XAMPP
        • Working with CF7 Skins
          • Working with React
            • Alpha Version
          • Working with CSS in React
            • CSS Guidelines
            • Alpha Version
          • Working with Git
            • Using P4Merge
            • Using Sourcetree
          • Working with GitHub
          • Working with Bitbucket
          • Working with webpack
            • Our webpack configuration
            • CRA version
            • webpack 3 version
            • RST version
          • Working with PHP
          • Working with Gutenberg
      • CF7 Skins Code
        • CF7 Skins Add-ons
          • Working with CF7 Skins Add-ons
          • Visual Menu for Add-Ons
          • Visual Save and Addon Update
          • Add-ons inactive rules
          • CF7 Skins Add-on Settings
        • CF7 Skins Visual Code
          • @wordpress/data
            • @wordpress/data Info
          • Edit code
            • Visual Edit Hook
            • Edit Input Handling
            • Edit Type Component
          • CF7 Skins AJAX API
          • CF7 Skins Items
          • CF7 Skins Field Rules – Code
          • CF7 Skins Visual Multi
          • Visual Localize Script
          • Menu Input Handling
          • Data Sanitization for Input
          • Export Form
        • CF7 Skins Visual Tools
          • Components, Hooks, Functions, Variables etc.
            • Components
              • Components, Hooks, Functions, Variables etc. (SUPERCEDED)
              • CF7 Skins Visual Code – old
              • Hooks etc. – Old
            • Hooks
            • Plugin Admin Functions
            • Miscellaneous
            • Global Variables
            • Code Review
            • CF7 Skins Field Rules – Tools
            • CF7 Skins Ready Rules
            • CF7 Tags
          • Folders & Files
            • CF7 Skins Visual – Folders & Files
            • CF7 Skins Plugins – Folders & Files
              • CF7 Skins Single – Folders & Files (SUPERCEDED)
              • CF7 Skins Visual – Folders & Files (visual development – SUPERCEDED)
              • CF7 Skins – Folders & Files (visual development – SUPERCEDED)
            • CF7 Skins CSS – Folders & Files
            • @wordpress/scripts – Folders & Files
          • Our webpack configuration
            • @wordpress/scripts
              • @wordpress/scripts switch
            • CRA version
            • webpack 3 version
            • RST version
        • CF7 Skins Visual UI
          • Glossary
          • UI Responsiveness
          • Visual UI Versions
          • CF7 Skins Block UI
        • CF7 Skins CSS Code
          • CSS Guidelines
          • CF7 Skins CSS – Classes
            • Edit Component
            • .rowContents
            • Select Component
          • CF7 Skins CSS – Folders & Files
          • Visual – Components & CSS classes
          • Visual – CSS files & classes
          • Replicating CSS Styles in Add-ons
          • Enqueueing CSS from external npm packages
        • Other
          • npm packages
            • React Sortable Tree
              • RST Development
            • @wordpress/data
            • @wordpress/scripts
              • @wordpress/scripts – Folders & Files
            • css-modules
            • Enqueueing CSS from external npm packages
          • Development Issues
            • Security Notice: Contact Form 7 Skins
            • Logic Test Data
            • Make Visual Form Area Expandable
            • Yoast SEO | Babel-polyfill Issue
            • Display CF7 Saved Notification when Use Save Visual
            • Data Exchange Strategies
            • package-lock.json and yarn.lock file issue
            • Temporary Workarounds
          • Training
      • CF7 Skins Forms
        • Form Templates & Styles
          • Creating Test Forms – Templates & Styles
            • WordPress Data Entry – Forms
          • Creating Templates
          • Preparing Visual Template files
            • RST Version
            • Alpha Version
          • How to test CF7 Skins Templates & Styles
          • Template & Style Descriptions
        • Export & Import CF7 Skins Test Website
        • Export & Import CF7 Forms
        • CSS Guidelines
        • Form Tools
        • Form Reference
      • References
        • React Reference
          • React & JavaScript in WordPress
        • JavaScript Reference
        • PHP Reference
        • CSS Reference
        • Gutenberg Reference
          • React & JavaScript in WordPress
        • webpack Reference
        • Git Reference
        • Form Reference
        • Translation Reference
        • WordPress Reference
          • WordPress Frameworks
    • Gutenberg Development
      • Form API
        • Getting Started – Form API
          • Form API – step by step instructions
          • Setup for WordPress Contribution
          • Setup wp-env
          • Writing Tests
          • AI Tools
        • Form Block Articles
      • CF7 Skins Block
        • CF7 Skins Block UI
        • CF7 Gutenberg Block
      • Other
        • Gutenberg Contributions
        • WordPress Components
        • How Gutenberg ..
          • How Gutenberg allows others to Register GutenBlocks
          • How Gutenberg uses AJAX for WP REST API requests
          • How Gutenberg exposes @wordpress packages
      • Gutenberg Reference
    • Testing
      • Test Site
      • Testing Guidelines
        • Testing Screenshots
        • Testing for new Release
          • Test a separate version of plugin
        • Testing Forms
          • Creating Test Forms – CF7 Skins UI
          • Export & Import CF7 Skins Test Website
          • Export & Import CF7 Forms
        • Local Sites
      • Manual Testing
        • Logic Testing
          • Logic Testing – Frontend – old
        • Forms – Front End
        • Responsive Styling
      • Test Area
        • Team test pages
          • Test – Anurag
            • Fieldset Forms
            • CF7 Skins Column
            • CF7 Skins Multi with Visual
          • Test – Neil
          • Test – Stefan
        • Support test pages
          • Test David
            • CF7 Skins
            • Contact Form 7
          • Test Neil
            • CF7 Skins
              • CF7 Skins Ready
              • Ubermenu Issue
            • Contact Form 7
              • Contact Form 7 Controls
          • Test William
    • Documentation
      • Writing
        • Writing & Style Guide
        • Documentation Images
          • Graphic Design
        • Documentation Forms
        • Documentation Tools
          • Glossary
          • SEO Tools
            • Search Tools
            • Increasing Awareness when Writing Articles
          • Documentation Issues
            • How to Submit an Idea or Issue
            • Update plugins tested up to new WP version
            • CF7 Skins Visual – Original Idea
            • Finalize Documentation to include Visual
            • FAQ Writing & Style Guide
        • Displaying Code – Gutenberg/Block Editor
          • Displaying Code – Classic Editor
        • Custom CSS styling advice for CF7 forms
          • Custom CSS styling advice for CF7 forms – old
        • How to Create a Gif Image
        • Getting Started
      • Writing Tools
        • Publish Article
        • Find your articles
        • WordPress Tools
          • Rewrite & Republish
            • Rewrite & Republish – 1st draft
          • Using Content Audit
          • Compare Revisions
        • Reviews
        • Promotion Tools
        • Update Recent Posts on cf7skins.com
        • cf7skins.com – account
        • Blog News
        • Disable Contact Form 7 Configuration Validator
      • Content
        • Opportunities
        • CF7 Forms
        • CF7 Extensions
          • CF7 Posts by Others
          • CF7 Examples
            • Default Contact Form 7 Form
            • Checkboxes, Radio Buttons and Menus
        • Content – Data Entry
        • CF7 Skins Subdomains
      • Images
        • Images – Website
        • Images – Documentation
          • Images – FAQ
          • Images – Tutorials
        • Images – Blog
        • Images – Other
          • Images – Data Entry
          • Images – Frontity
          • Image Store – System
          • Image Management
      • CF7 Skins Plugin – Usage, UI, & Improvements
        • CF7 Skins Settings
        • Pro Tips
        • User Tooltips
        • Template & Style Descriptions
        • Info Tabs
          • Add-ons
          • Getting Started
          • Read Me
    • Support
      • Support Guidelines
        • Initial Training
        • Fixing License Database Issues
        • You need to select one of our CF7 Skins Styles
        • Grabbing Data from User Site
        • Freshdesk Setup
        • Help Desk – Data Entry
          • Help Scout to Freshdesk
      • CF7 Skins Support
      • Contact Form 7 Support
        • CF7 Regular Replies
    • Translation
      • Translation Ideas
      • Testing Translations
      • Preparing JS for i18n
      • Translation Reference
    • Video
      • Getting Started
      • Video Scripts
      • Video Tools
      • Screenshots for Video
    • Promotion
      • Opportunities
      • Promotion Tools

Browse:

  • Home
  • 2018
  • May

Monthly Archives: May 2018

Learning Gutenberg Series

Posted on May 28, 2018 by Neil Murray
Reply

Last Updated on June 10, 2018 by Neil Murray

  1. Series Introduction
  2. What is Gutenberg, Anyway?
  3. A Primer with create-guten-block
  4. Modern JavaScript Syntax
  5. React 101
  6. Setting up a Custom webpack
  7. A Custom “Card” Block

This series provides a very good introduction to interacting with Gutenberg blocks and working with JavaScript in WordPress in general.

Posted in code, gutenberg | Leave a reply

Recent Posts

  • Form Block Articles
  • Graphic Design for Documentation Images
  • Contact Form 7 5.0
  • How to Test CF7 Skins Styles
  • A Shortcode for Creating Link to a Post or Page

Recent Comments

  • Neil Murray on Better tool for documenting screenshots
  • Neil Murray on Better tool for documenting screenshots
  • Katie on What are Gifs and Why Should we Use them
  • Katie on A Shortcode for Creating Link to a Post or Page
  • Neil on A Shortcode for Creating Link to a Post or Page

Categories

  • Blog (45)
    • code (11)
    • docs (9)
    • Form API (1)
    • forms (2)
    • freemium (2)
    • gutenberg (6)
    • support (11)
    • team (6)
    • translation (1)
  • Documentation (52)
    • Contact form 7 (20)
    • Done (22)
    • Knowledge Base (5)
    • Press Release (2)
    • Reference (2)
    • ToDo (4)
    • Transfer (31)

Archives

  • November 2023
  • November 2018
  • October 2018
  • August 2018
  • July 2018
  • May 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • July 2017
  • June 2017
  • December 2016
  • November 2015
  • August 2015
  • July 2015
  • February 2015
  • January 2015
  • December 2014
  • September 2014
  • July 2014
  • June 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • September 2013
  • August 2013
  • June 2013
  • May 2013

Contact Form 7

Proudly powered by WordPress