How to Get the Most Out of Using Forminator

Forminator is WPMU DEV’s 5-star form-builder plugin. It lets you easily create forms, quizzes, polls, collect payments from Stripe & PayPal, and much more — for free!

“Amazing plugin, it really seems that only your imagination can limit its uses.”

araca

In this article, we cover everything you need to know to get the most out of Forminator.

You will learn how to:

  1. Get Quick and Easy Access to Forms, Stats, and More in the Forminator Dashboard
  2. Easily Create Basic Forms
  3. Use Stripe and PayPal to Take Payments with No Setup Charges
  4. Set Up a Poll for Your Audience
  5. Crunch Numbers by Creating Calculations
  6. Put Together Amazing Quizzes
  7. Add Time-Saving Convenience with eSignatures
  8. Organize Contacts Using the Submissions Area
  9. Use Forminator with 3rd Party App Integrations
  10. Add More Form Adjustments in Settings
  11. Use Forms on Multiple Sites Using Import/Export Options

There’s a lot to Forminator! Let’s get started…

1. Get Quick and Easy Access to Forms, Stats, and More in the Forminator Dashboard

Forminator’s dashboard gives you quick, convenient, and easy access to form, quiz, and poll creation. It also gives you a quick overview and snapshot of all their stats and statuses, and lets you perform essential functions such as edit, preview, duplicate, copy shortcode, view submissions, export, and delete — all in one place.

A 360-degree view of Forminator’s dashboard with Forminator proudly looking over it. Everything is quickly accessible from here.

The top part of the dashboard gives you information about how many active modules you have and a breakdown of the total form, poll, and quiz submissions. Forminator also lets you know when the last submission took place.

Top of Forminator's dashboard.
Instantly in Forminator’s dashboard, you see quick stats on your forms, polls, and quizzes.

Below this, Forms, Quizzes, and Polls are accessible.

For this example, we’ll look at the Forms container. You can create a new form, see the forms you already have created, and check each one’s status.

When viewing, the blue circles indicate the form is published.

Where you create or edit a form.
Do you want to create a new form? Click the + Create, and you’re all set!

If you’d like to see stats, you can click the Stats icon. It will then give you detailed information about the last submission, views, number of submissions, and conversion rate.

Forminator stats area.
You can also edit and more from the stats area.

On each form, you can quickly manage it by clicking on the gear icon. From this spot, you can:

  • Edit
  • Preview
  • Copy Shortcode
  • View Submissions
  • Duplicate
  • Export
  • Delete

A dropdown appears with all of the options.

Form options from dropdown.
All of the options appear in a dropdown when you click the gear icon.

For Polls and Quizzes, the layout is the same. They are all quickly and easily accessible directly in Forminator’s dashboard.

2. Easily Create Basic Forms

Forminator lets you create and customize a form in just a few clicks. Templates are already set up for you to use as-is or you can easily add additional fields.

As soon as you hit Create, you’ll get immediate access to all templates.

The templates include:

  • Blank – Design your own form from scratch.
  • Contact Form – Includes essential information for users to contact you.
  • Quote Request – Lets users choose your services, add notes, and reach out to you.
  • Newsletter – Perfect for collecting email addresses and getting users to subscribe to your newsletter.
  • Registration – Requires users to set up a username, their email, and a password to register.
  • Login – Customize this form to allow your registered users to log in.
  • Create Post – Perfect for multiauthor sites, this allows users to create a post, upload featured images, add a category, and create a post.

Simply start off by picking the template that best suits your needs.

Where you choose a template.
You can choose from blank, quote request, registration, contact form, newsletter, or login forms.

Each category has fields already set up. For example, a registration form has all of these fields prepopulated for you; including Username, Email, and Password.

Registration form fields.
Insert more fields to your liking or remove any unnecessary fields.

It’s up to you if you want to jumpstart a form with a template or start from scratch.

For a basic form, you can choose only the bare minimum of the required information—which includes Name, Email, and Phone Number. Clicking on the fields and highlighting them blue will add them to the form once you hit Insert Fields.

Add as many, or few, fields that you’d like.

Then, check out what your form looks like with the Preview button.

Preview of the form.
Want to add more fields? You can at any time.

If your form looks good, click Publish. Forminator gives you a shortcode that you can use in any WordPress post, page, or widget that allows code.

Forminator shortcode.
And this shortcode makes your form good to go.

Your form is all ready to use!

Need to make changes? No problem. You can edit the form any time if you need to add more fields, remove fields, tweak modifications, adjust colors — anything. Just access it on the dashboard.

3. Use Stripe and PayPal to Take Payments with No Setup Charges

Unlike other plugins on WordPress.org, Forminator lets you set up and use Stripe or PayPal payment methods on any form…completely free of setup charges!

It’s the ideal way to collect payment for eCommerce items, services, memberships, and more.

You can set up payments with Forminator in just a few quick and easy steps.

When creating a new form, you’ll see Stripe and PayPal in the Fields area.

The Stripe and PayPal fields.
Choose either Stripe or PayPal as payment methods.

Keep in mind that you can only pick one method per form. However, you can set up both accounts to decide between the two at any time.

To get the account to sync with Forminator, click on the specific field. You’ll get this message if you’re not connected:

Message if you're not connected to PayPal.
When you click ‘here,’ you’ll get detailed information about connecting up to your account.

Both Stripe and PayPal will walk you through how to get set up. It’s quick and easy to do. If you need any help with this, we have documentation on how to do it.

Once you have them connected, you can take payments on any form and adjust numerous settings.

In the Labels area, customize the labels, description, and language. Also, there’s an option to show the card icon and enable the postal code.

Where you change the label.
Want to change the label? It’s easy to do.

In Settings, flip from Test to Live mode when you’re done testing your payments and ready to go live. Here is where you can also change the currency and payment amount. You can add a fixed amount or a variable amount based on a formula.

Stripe settings.
Change the currency, amount, and more in Settings.

You can customize the Payment Receipt, Payment Details, Card Validation, Billing Details, and Meta Data in the Advanced area.

Decide whether you want to email a receipt to your customers with a payment receipt.

Payment receipt section.
Choose an email field for your payment receipt.

Easily set up Billing Details when enabled. With Stripe, they will appear on your Stripe dashboard for each payment.

Where you customize the billing details.
Customize the fields for billing details.

In the Styling section, you can add additional CSS classes for complete customization.

Additional CSS classes in Stripe.
Customize the CSS to your liking.

Add rules and conditions to any payment for under Visibility.

Stripe visibility.
Create a new rule based on a specific field.

And now, you’re ready to cash-in with a functional payment form that incorporates Stripe or PayPal.

Example of a payment form.
Add as much detailed information that is required for your payment form.

For more information on building an order form and collect payments, view this quick video:

Also, to see a payment form in action, check out this t-shirt shop we set up. It’s a great example of an order form with various options.

4. Set Up a Poll for Your Audience

Getting a poll set up is a snap with Forminator. Polls are great for gathering information, creating tests, adding a fun element, and much more.

From the dashboard, hit Create and give it a name. In the Question areas—type in any question that you’d like.

Question field.
What type of question do you have? Ask!

In the Question area, you can add an image and a description of the question.

Once you have your question, the next part is adding the Answers.

You can add as many answers that you’d like and enable custom input so users can add their responses.

Where you enable custom input.
Clicking this gear will enable you to add custom input.

Along with this, customize the button for when a user submits the poll.

The poll button text.
Add ‘vote,’ ‘submit,’ or anything else. You decide!

When it comes to the poll’s appearance, Forminator gives you a lot of options. You can change the Design Style, Colors, Padding, Border, and add custom CSS.

Make this poll’s appearance become whatever you want.

In the Behavior section, adjust the way results are displayed. You can choose between Link on Poll, Show After Voted, or Do Not Show. Also, you have a choice between a Pie Chart or Bar Graph for results.

Along with displaying results, Forminator lets you show or hide the vote count.

Choice between pie and bar graph.
Choosing between a Pie Chart and Bar Graph is a tough decision. They both look good!

There is also an option for Reloading the page after submissions or Ajax.

Plus, you can pick your Voting Limit. Allow multiple voting or just once. Choose the method of doing this by using either the User IP or Browser Cookie.

With Rendering, load polls using Ajax or prevent the page caching on poll pages.

Where you limit voting limits.
Limit voters from voting more than once.

When you have the behavior of the form adjusted, you can go to Notifications and receive email notifications whenever a user’s poll results are submitted.

Where you can set it to send an email to admin users.
You can customize the email to go to other email addresses, edit the message, and add CC, BCC options.

As far as Integrations goes, there are many choices when it comes to syncing with a 3rd party app. Use an option like Zapier to gain access to thousands of apps that work with Forminator’s polls.

All connected apps will appear in the Integrations area. If you don’t have what you need, you can add additional apps at any time. Then, click on the Plus sign to integrate with a specific poll.

Where you add poll integrations.
We have Zapier connected with this poll.

The Settings area is where you can control your Data Storage and adjust Privacy settings.

There are options to disable storing submissions in your database. You can also change how long you want to retain a poll’s submission for and adjust how long you want to keep IP addresses before a submission is anonymized.

The data storage and privacy area.
Disable store submissions in your database with one-click.

With Forminator, you can preview anything before publishing.

I think we all know the answer to this one.

When it looks good, hit Publish, and your poll is ready to go.

Use the shortcode provided on any WordPress page, post, or acceptable widget.

5. Crunch Numbers by Creating Calculations

If you need to create sophisticated calculations or add just a simple tax to an eCommerce order, the Calculations field can be a great additional benefit. You may need one if your WordPress site features mortgages, financial loans, statistics, a BMI calculator — there are thousands of combinations.

The Calculations field is where you’ll input the formula you want to use. It works with other fields using the merge tags that you enable for calculations. The fields that function with calculations are Number, Radio, Checkbox, Selection, and Currency.

The calculations field.
The calculations field works with other fields to create customized formulas.

To start things off, under Labels, you can enter a label, placeholder, and description.

Calculations labels.
Name the label anything that you’d like.

Decide between the Field Type and choose the number of decimal places that you want to round off the results in the Settings.

Calculations settings.
Hide the field so that the calculated result doesn’t show up on the form if you want or keep it on read-only.

To create actual calculations, go to the Calculations tab.

For example, this calculation is the Radio field is multiplied by two.

A calculation that can be generated.
This area gives you a preview of the calculation as well.

This formula means that whatever calculation is in the Radio will be multiplied by two in the form.

To add some style, additional CSS classes in the Styling section.

Additional CSS classes for calculations.
Add any additional CSS classes that you’d like here.

Include rules and conditions in the Visibility area. Here, you can decide what is included and more with the various Fields.

The calculations visibility tab.
You decide the rules with Forminator.

Whether calculations are mandatory (e.g. adding tax to a product) or a useful feature that adds value (e.g. a loan calculator for potential customers), Forminator’s calculations can be beneficial for your WordPress site.

To really see complex calculations and how they work together in Forminator, a good example is our article on creating a payment form.

Also, learn more about installing a WordPress calculator here.

6. Put Together Amazing Quizzes

Quizzes are great for entertainment, educational purposes, and engagement. One can quickly and easily get a quiz set up in Forminator’s dashboard.

When you create a new one, right away, Forminator will ask you what type of quiz you’d like to create. You have the option of Knowledge Quiz or Personality Quiz.

Pick between a knowledge quiz or personality quiz.
You decide what type of quiz you want to have right away.

In this example, let’s look at a Knowledge Quiz. When you start, you choose a Title, Feature Image, and a Description.

The quiz intro.
How well would you perform on a quiz about forms?

You’re able to add as many questions as you want in the Questions section by clicking Add Question. Then, you add the question, answers, and any images and select what answer is the right one in the checkbox.

Question and answers.
I’ve heard bad things about Lumpy Forms.

Add as many answers as you’d like at any time.

And to nail the look of the form, you can adjust numerous options in the Appearance section.

The Design Style allows you to choose from the Default, Flat, Bold, Material, or None.

Design style for questions.
A preview is displayed when you select the various options.

In Colors, there are practically no limitations to colors for answer containers, submit button, social sharing, and more. In each category, the dropdown will open up color palettes that you can pick colors by their number (e.g. #8C8C8C for a gray) or visually.

Colors for quiz.
Choose the right colors for your quiz.

With Google Fonts, you can pick the perfect font for your quiz.

Choose quiz fonts.
Click Custom to pick from numerous font options.

Picking a layout for your quiz is available in the Layout area. Here, you can also choose the quiz alignment.

Layout options for quiz.
Choose the layout that works best for you.

To wrap-up the appearance, you can customize the appearance with custom CSS as well.

Control how this quiz acts when users click through it. The Behavior section is where you can customize behavior features.

It starts with the Results area. Determine if the correct answer will be displayed in real-time or upon submission. You can also show a loader that indicates it’s evaluating the selected response.

Results section for quiz.
Show the correct answer in real-time in the Results section.

Edit the copy in the Messages section. This is to display what comes up with an answer is correct, incorrect, and how to display the final count.

Messages for quizzes.
Customize the messages users will see when taking the quiz.

And what good is a quiz without social sharing? Forminator gives you the option to choose sharing options for Facebook, Twitter, and LinkedIn. You can also customize your social share message.

Social sharing options.
The Social Sharing area lets you customize your sharing options.

If you want to get notified every time there is a quiz submitted, enable it in the Email Notifications area.

Also, you can add any Integrations to your quiz. For more on this, see the section of this article about setting up a poll. Integration with quizzes functions the same way.

Lastly, you can set up your data settings in the Settings tab.

Once you have your quiz set up and ready to go, hit Preview and take a look…

Looks like the right answer.

Are you happy with it? Then hit Publish, copy & paste Forminator’s shortcode to your WordPress site, and start quizzing your visitors.

If you choose to create a Personality quiz, it’s similar to set up just like a Knowledge Quiz.

A significant difference is the Personalities section. Here, you can add as many personalities as you’d like.

The personalities section.
You can see we have Dev Man, Hummingbird, and Defender personalities here.

Once you have the personalities set up, the next step is adding the questions in the Question area.

Ask anything you’d like and then match it up to the personality. Likewise, you pick who this wouldn’t be like. You can make it a simple ‘yes’ or ‘no’ caption or whatever you choose.

The personality question.
Dev Man is pretty fond of this color.

Create as many personalities and questions as you’d like. When you’re finished, like our other quiz, hit Preview and — if good — Publish.

What superhero are you like?

Forminator’s personality quiz is incredibly fun, engaging, and share-worthy for your WordPress site.

7. Add Time-Saving Convenience with eSignatures

Add eSignatures for simple, convenient, and effective form processing options. It’s a way for users to sign a form with a mouse, trackpad, digital pencil, or even upload one.

eSignatures are secure, convenient, and have a faster turnaround than traditional documents that require a signature.

To set one up, simply go to the eSignature field…

The eSignature field.
Add additional fields that you’d like to include with your eSignature.

…and adjust the label and placeholder in the Labels area. You can also add a description.

The eSignature labels area.
Choose your own label for the eSignature.

There’s a lot of options when creating the eSignature field in Settings. You can select what type of file you want the signature to be (e.g. PNG), the height of the signature field, stroke thickness, and whether a signature is required or not.

Signature settings.
Require an eSignature? Just hit ‘Required’ and you’re all set.

You can add additional CSS classes to the form in Styling. Also, include any rules and conditions in the Visibility area.

Once you have a form set up, you’re ready for signatures!

Forminator has officially signed-off on this.

Keep in mind that eSignatures are a Forminator Pro feature only. Watch this video below to see for yourself the advantages of Forminator Pro.

For more detailed information about Forminator’s eSignatures and how to include an upload option for your users, read this article.

8. Organize Contacts Using the Submissions Area

You can go to individual forms, quizzes, and polls to view submissions in the Submissions area. Then, you can export the data, get more detailed information, delete submissions, and use that data with a CRM like HubSpot for continued marketing.

You choose between Forms, Polls, or Quizzes. Then, there’s a dropdown with the names of individual forms from the categories. Clicking on Show Submissions will display all the data.

The submissions area.
Where you choose between forms, polls, or quizzes. Then, you can see the submissions.

Once you have an individual form ready to view, it will show you all the submissions.

Individual submissions.
This particular form has one entry.

When you click on the dropdown you can get detailed information.

Detailed form information.
Details such as the name, email address, phone number, and signature are in this example.

Filter your data search by clicking on the icon in the upper right corner. You can search by date range, form ID, keyword, and pick how the search results are displayed.

The filtered search icon.
Clicking this will narrow the search.

Also, export the search results in one-click.

Where you can export the data.
Clicking Export will give you options to download data as a CSV file.

Even schedule exports to happen automatically.

Schedule the export of data.
Indicate to send data automatically only if new submissions are entered.

The Submissions area will help you organize your data and…

9. Use Forminator with 3rd Party App Integrations

Add 3rd party applications to sync with Forminator by adding Integrations. There are over +1000 of your favorite apps that you can use. Everything from CRM, email services, cloud storage, and project management.

Some of the integrations apps include:

And many more…

In the Integrations area, it will show you what apps you have connected and also available apps that can be used.

Integrations in the applications area.
In this example, Zapier, FortressDB, and MailChimp are all connected.

Each app has its own instructions for enabling it. When you click on one, it will walk you through the process.

Example of integrating Slack with Forminator.
If you want, for example, Slack to be installed, it will walk you through on what you need to do.

Integrations are great for combining forces to get the most out of your forms. Plus, with Forminator Pro, you can also build your own integration and custom Forminator apps.

10. Add More Form Adjustments in Settings

Your perfect form takes only a few steps. You decide what it includes, how it functions, and what it looks like. Along with all of the tweaks you can make on individual forms, several more can be added in Settings.

In the Dashboard settings, you can adjust the Module Listings for forms, polls, and quizzes. This shows the number of forms published on the dashboard. Here you can also adjust the Status to include published and drafts.

The modules listing section.
Want to see the published and draft forms? Click both boxes.

With Form Headers, the capability of changing the sender’s name and email address.

The form headers area.
What we’ve set up in this example as an email and name.

The Pagination area lets you determine the number of modules and submissions to show per page.

The pagination area where you indicate how many modules per page.
Pick how many modules to display on the page.

Opt for a high contrast mode to increase the visibility and accessibility of elements and components to meet WCAG AAA requirements in the Accessibility area.

Where you enable high contrast mode in the accessibility area.
Enable the high contrast mode in one-click.

Data settings let you choose what happens to the plugin and data when reset. Also, you can reset the plugin to its default state from here.

Data settings.
Start fresh with a reset.

Enable Google reCaptcha, import existing forms from Contact Form 7, handle the forms, quizzes, and polls submission data by the length of time, and also set up payments for PayPal and Stripe.

The Settings area is another section to get the forms adjusted perfectly to your specifications.

11. Use Forms on Multiple Sites Using Import/Export Options

Have a lot of WordPress sites that you want to include your form, poll, or quiz on? No problem. You can easily export any form just by clicking on Export from the dropdown.

Gear that you can export form from.
Clicking the gear icon will bring up the Export option.

Once you click Export, it will give you the option to Download the text from the form. You can also copy it directly.

The data text.
Copy & paste the text or download it.

When it comes to importing a form, you can do this very simply by clicking Import on the top of Forminator’s dashboard.

Where you import a form at.
Click and import. It’s as simple as that.

When you click Import, here you can paste the text from Forminator or from your download. Once the text is pasted, clicking Import will complete the process.

Where you import text.
Add text in the empty box and click Import.

Your form is now connected to any WordPress site that has Forminator!

Forms, Polls, and Quizzes At Your Fingertips

As you can see, there is a ton you can do to get the most out of Forminator, our contact form, payment form and custom form building plugin.

Forminator takes you beyond creating forms, polls, and quizzes in just a few easy steps.

With the integrations, you can set up eCommerce stores, store data on the cloud, email market out to existing customers, and much more.

And with features like registration & login forms, payment forms, eSignatures, calculations — the sky’s the limit.

Plus, it doesn’t stop there! Forminator is always coming out with new enhancements (e.g. subscriptions are coming soon!) and updates thanks to our superhero developers. You can keep tabs on what’s happening next in our Roadmap.

To learn more about Forminator, please check out his documentation.

So, what are you waiting for? Go create some forms, polls, and quizzes to experience Forminator’s 5-star awesome attributes for yourself.

Measure Core Web Vitals of your Websites with Google Sheets

Google’s web.dev virtual conference happened last month and if there’s one key takeaway from the event, it is the “core web vitals” initiative. Website owners can no longer afford to ignore core vitals as these are now a ranking signal in Google Search.

Google Core Web Vitals

Google has long been stressing on the need to build faster web pages but with core vitals, they provide a set of actionable metrics - Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) - that should be measured by website owners across mobile and desktop computers.

The session on speed tooling by Elizabeth Sweeny of the Chrome team offers a good overview of what Core Web Vitals are and she also discusses the various tools that are available for webmasters and developers to measure web vitals for their pages.

Measure Core Vitals with Google Sheets

While there are quite a few tools available to help you measure core web vitals for a website - from Chrome extensions to web apps - they have to be triggered manually and can only measure core vitals for a single website / webpage at a time.

Core Web Vitals in Google Sheets

If you are looking to automatically measure core web vitals for multiple websites, maybe that of your competitor’s websites as well, here’s a Google Sheet that can help. The spreadsheet will not only help you measure vitals for multiple URLs but you can also visualize the change in various metrics over time with the help of sparklines.

Here’s how you can get started:

  1. Click here to make a copy of the Web Vitals sheet in your Google Drive.

  2. Switch to the first tab and enter a list of URLs that you would like to measure and track. Also provide unique sheet names for each URL and the metrics for that URL will get stored in the corresponding sheet.

  3. Click the “Track Core Vitals” button, authorize the sheet and you’re all set.

The button will set up a daily cron job that will automatically connect to Google’s PageSpeed API, fetch the core vitals for each specified URL and write them to the corresponding sheet.

The Apps Script source code is available on Github. As always, you are free to reuse, modify and publish the code based on your own requirements.

Core Web Vitals App

Can you get valid CSS property values from the browser?

I had someone write in with this very legit question. Lea just blogged about how you can get valid CSS properties themselves from the browser. That’s like this.

That gives you, for example, the fact that cursor is a thing. But then how do you know what valid values are for cursor? We know from documentation that there are values like auto, none, help, context-menu, pointer, progress, wait, and many more.

But where does that list come from? Well, there is a list right in the spec so that’s helpful. But that doesn’t guarantee the complete list of values that any given browser actually supports. There could be cursor: skull-and-crossbones and we wouldn’t even know!

We can test by applying it to an element and looking in DevTools:

Damn.

But unless we launch a huge dictionary attack against that value, we don’t actually know what values it directly in-browser. Maybe Houdini will help somehow in browsers getting better at CSS introspection?

You can also use the CSS object to run tests like CSS.supports(property, value):

Damn.

You’d think we could have like CSS.validValues("text-decoration-thickness") and get like ["<length>", "<percentage>", "auto", "from-font"] or the like, but alas, not a thing.


The post Can you get valid CSS property values from the browser? appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.

WP Rig Starter Theme Project Looking for New Maintainers

Decorative image of the WP Rig logo with a code editor in the background.

A couple of years ago, Morten Rand-Hendriksen launched WP Rig for WordPress. The goal was to bring a modern starter theme and build process to the theme development community. Now, he and the current team are hoping to find someone new to keep the project moving. Whoever is chosen will gain outright ownership of the project.

Rand-Hendriksen will be hosting a Zoom meeting on Friday, August 21 at 8 am PST. The meeting is planned to last 30 minutes with a possible additional 30 minutes for a Q&A session. He will update the WP Rig blog with the format and agenda for the meeting this week. Anyone interested in WP Rig’s future is free to attend.

“The ideal candidate is someone who has the interest, time, and drive to keep the project going,” said Rand-Hendriksen. “Future owners, maintainers, peers, etc. will be expected to adhere to the established governance model, which outlines roles, responsibilities, powers, and how to ‘climb the ladder’ if you will.”

Before taking the reins, candidates will meet with Rand-Hendriksen and other legacy maintainers of the project. The goal is to sort out the logistics of the handover.

“Once the project is handed over to new owners and maintainers, the project becomes their project,” said Rand-Hendriksen. “That means they can take it in whatever direction they feel is meaningful and valuable for the community. This is a true handover: we, the legacy maintainers, are not imposing our view of what WP Rig should be in the future onto the new owners and maintainers. We will impart our knowledge and vision, and let the next generation of the WP Rig team lay down their own path into the future.”

Ideally, the official WordPress Themes Team would take on the WP Rig project or at least its own version of a starter theme. However, the team lacks the resources to make it happen. Some members are interested but no one has the time to contribute to it at the moment, according to Themes Team representative William Patton.

“If the TRT wants to adopt the project, they take precedence over all other interested parties,” said Rand-Hendriksen. “The intent of WP Rig was always to donate the project to the larger WordPress Open Source project, and the TRT would be the ideal group to hand the keys to.”

The Unexplored Future of Full-Site Editing

Whoever takes on the WP Rig project will be in a position to explore the great unknown of full-site editing. An early version of the feature is expected to land in WordPress 5.6 later this year. This could mean overhauling the project and taking it in an entirely new direction than originally envisioned. It is a tall order and will require someone with the time and ability to keep up with drastic changes in the coming months.

Rand-Hendriksen and the team did some experimental work with Block Areas and WP Rig Blockade, a variant of the original WP Rig theme that explored blocks outside of the content area. However, the repositories have seen little work in the last year and a half. Rand-Hendriksen said they got too caught up in releasing version 2.0 of WP Rig to see either of those projects come to fruition.

“As the WordPress community starts exploring what blocks everywhere means, it is more important than ever to have this unifying base to start from so everyone is talking the same language and using the same tools,” he said. “When I had to step away, this was my deepest regret: that I wouldn’t be part of shaping this next evolution of the platform and wouldn’t be able to help the community develop this unifying baseline.”

Rand-Hendriksen believes that full-site editing will only be successful with buy-in from the existing theme development community. Without active participation from these developers, full-site editing could split the community into traditional vs. modern theming.

“There is a lot of money at stake, and a lot of developers deeply invested in and financially dependent on the status quo of themes,” he said. “To bring them on board and explore the future of themes, there needs to be a unified baseline to start from, and this is the opportune time to introduce modern code, tools, and standards. WP Rig can be a catalyst for this project and can also be the foundation on which such a project is built. What is it open source evangelists always say? ‘Decisions are made by those who show up.’ This is a chance to not just show up but actively guide the community into a collaborative future.”

He feels like WP Rig’s new owners will be in a position to answer one of the questions looming over the WordPress project: What should full-site editing look like?

Modern Tooling

WP Rig is far more advanced than the starter themes of yesteryear. However, it is not alone. Of the many starter themes available throughout the WordPress development community, many of them have moved on to include modern build systems and tooling that were not a part of earlier projects such as Underscores (_s), which is the closest thing to an “official” starter theme project WordPress has ever seen.

“When I first came up with the idea of WP Rig, it was because I’d been maintaining a very popular LinkedIn Learning (formerly Lynda.com) course on building themes from scratch using _s for years, and I noticed _s and WP themes, in general, were lagging further and further behind the general trends of web development,” said Rand-Hendriksen. “WordPress themes are by and large still built as if it’s 2012, not 2020, and many of the most important advances of the web dev space are not generally in use in theme development. As the project evolved from my personal experiment to a team, we made a decision to start from scratch and say ‘if someone were to build a theme today, in 2018, with today’s tools and best practices, what would that look like?’ The result is a theme building tool using modern build processes and tooling to make theme development easier. Yes, it looks nothing like the standard starter themes, but like I said, the standard starter themes look like the web in 2012.”

There is still some sentiment within the WordPress community that web development is shifting too far from its roots of understanding the basics of HTML, CSS, and entry-level PHP. Have we moved past the point where those simple foundations were enough to build WordPress themes in the modern world?

“Is this harder to understand for beginners?” asked Rand-Hendriksen. “If you start from the assumption that anything other than the good old way of building themes is ‘harder,’ then yes, absolutely. If you start from the perspective of WordPress themes being many people’s first hands-on experience with web development, and WordPress having a responsibility to introduce people to current and forward-thinking web tooling, then I think the answer is no.”

Rand-Hendriksen says that WP Rig makes many parts of modern theme development much easier and that the more complex pieces are extensively documented. From performance improvements to modern JavaScript to object-oriented PHP, the theme covers a wide range of practices that old-hat theme developers may need to start coming to grips with, sooner rather than later. “For most standard theme development, WP Rig is as easy as with any other dev tool,” he said. “It is just different from how WordPress themes normally do things. Which from my perspective is not only good but necessary if WordPress themes want to stay current with the rest of the web.”

WP Rig also gives theme authors a leg up with accessibility out of the box. Rand-Hendriksen has long been a vocal supporter of pushing for accessibility standards in themes, so it makes sense that the starter that he spearheaded approaches development with accessibility at the forefront.

“I’ve developed themes for 15+ years and taught theme development for over a decade,” said Rand-Hendriksen. “One of the major roadblocks for theme development is the lack of an official unified tool to start from. _s served that role for a while, but it is now poorly maintained, sluggish in development, and lagging significantly behind where standards and modern tooling is concerned. WordPress needs something similar to ‘create react app’ has had for a long time. WP Rig was created to serve as a base, or as inspiration, for such a project: provide an official starting theme and build process to give people a unified place to work from and a unified base to contribute back to and improve so the community can lift itself up together.”

Microservices Security in Action

The book Microservices Security in Action, which I authored with Nuwan Dias is now available to buy online from Amazon and Manning. Nuwan and I spent last 27+ months writing/re-writing the book. It was a marathon effort, but yet a great experience, and we both are very glad to see how it came out at the end! This is the story, which lead us to write the book.Microservices security in action cover


While working at WSO2 for more than a decade, we’ve seen how the integration domain evolved over time from SOAP-based services to JSON/RESTful services and then to microservices. We spent most of our early days at WSO2 contributing to the Apache Axis2 project, which was a popular SOAP engine in those days, and to the Apache Rampart project, which implements many Organization for the Advancement of Structured Information Standards (OASIS) standards for web services security.

Tips to Choose the Right Cloud Solution for Your Web App Development

The cloud computing environment considerably matured last year. Cloud-native computing is now the beating heart of enterprise Information Technology. Nonetheless, the ecosystem of the industry continues to evolve fast, and new trends are on the horizon this year and for the years to come. It’s expected that by the end of 2020, over 80 percent of the entire enterprises would be in the cloud. 

Organizations are unearthing the power of mixing and matching cloud service to solutions that address almost any organization need as the adoption to the cloud hits another growth spurt. These days, the cloud has become a metaphor for modern computing itself in which everything is a service that could connect and combine with other services in order to meet an endless number of app needs. 

Work Breakdown Structure in Project Management

If you are starting as a project manager you may have seen WBS or work breakdown structure, and we are sure you wondered what is a work breakdown structure? A work breakdown structure, although despite what its’ name may suggest involves breaking down deliverables not work. This simple confusing fact reiterates why you need to understand what is a work breakdown structure.

Therefore, we have curated this guide to clue you in on all that is WBS. Let’s start with the basics.

Helping CEOs Make Sense of the Modern IT ‘Acronym Soup’

The domain of enterprise software is littered with acronyms that may be intimidating even to seasoned managers. Things get even murkier for those seeking to develop their own mobile enterprise app and encountering design-specific terms. The fact that some of them are often used interchangeably also doesn’t help. So the best place to start figuring out these terms is to understand their similarities and differences and identify the areas where they overlap.

Acronyms in Enterprise Systems Context

ERP

ERP stands for enterprise resource planning – the process of managing business-related data. In the modern business context, the term refers specifically to software solutions that collect, process, store, and interpret data. The idea of ERP was introduced in the domain of manufacturing but has since expanded to cover:

Upload Files to Google Cloud Storage with Python

Google Cloud is a suite of cloud-based services just like AWS from Amazon and Azure from Microsoft. AWS dominates the market with Azure but Google's not far behind. Google Cloud Platform or GCP is the third largest cloud computing platform in the world, with a share of 9% closely followed by Alibaba Cloud. 

Amazon undoubtedly leads the market with a share of 33% but GCP is showing tremendous spike with the growth rate of whooping 83% in 2019. GCP leads AWS on the cost front, though. Google has a lesser number of services to offer but maintains its position as one of the most cost-effective cloud platform. 

Shall I Use ADD or COPY in the Dockerfile, and What’s the Difference?

Every developer and every team faces confusion about COPY and ADD in the Dockerfile at some point. When I get this question, first I usually give the technical background, which is this:

Both ADD and COPY copy files and directories from the host machine into a Docker image, the difference is that ADD can also extract and copy local tar archives and it can also download files from URLs (a.k.a. the internet), and copy them into the Docker image. The best practice is to use COPY.

Exposing HTTP Functions With Corvid

Creating and exposing HTTP functions from your site doesn't have to be a long and tedious process. Sometimes, you may need to share access to your data or functionality from your site. Let's take a look at an easy (and FREE!) way to expose some site data!

Using Corvid, we can easily expose an HTTP function version of our site data or site functionality. I am working on building a Kickstarter style site, so I am going to work on building a function that GETs the current total value of pledges on the product. The site only has one product, so this makes it easier :)

Podman for Docker Users

Podman is the command-line interface tool that lets you interact with Libpod, a library for running and managing OCI-based containers. It is important to note that Podman doesn't depend on a daemon, and it doesn't require root privileges.

The first part of this tutorial focuses on similarities between Podman and Docker, and we'll show how you can do the following:

Create Multiple Instances in a VPC Using Terraform

Rather than directly diving into the Terraform scripts, let's quickly learn about what is Terraform and how IBM Cloud Schematics simplifies the Terraform scripting experience on IBM Cloud.

What is Terraform?

Terraform is an open-source software, developed by HashiCorp, that enables predictable and consistent provisioning of IBM Cloud platform, classic infrastructure, and VPC infrastructure resources by using a high-level scripting language. You can use Terraform to automate your IBM Cloud resource provisioning, rapidly build complex, multi-tier cloud environments, and enable Infrastructure as Code (IaC).

User Authentication With Amazon Cognito

Introduction

In this article, I will walk you through that what is Amazon Cognito service and how you can use this for your user management, authentication, and authorization. I will create a simple web application using AngularJS with login/sign-up functionality, and I will showcase how easy it is to make it full fledge application with all user management functions handled using Amazon Cognito.

Prerequisites

This article assumes that you have a basic understanding of web application development. This article doesn’t require you to have advanced skills in using Angular or AWS, but having familiarity with these technologies will help you to get most out of this. Here is a list of tools technologies I have used in this article. 

Building a Database Written in Node.js From the Ground Up

The founding team at HarperDB built the first and only database written in Node.js. A few months back, our CEO Stephen Goldberg was invited to speak at a Women Who Code meetup to share the story of this (what some called crazy) endeavor. Stephen discussed the architectural layers of the database, demonstrated how to build a highly scalable and distributed product in Node.js, and demoed the inner workings of HarperDB. You can watch his talk at the link above, and even read a post from back in 2017, but since we all love Node.js and it’s an interesting topic, I’ll summarize here.

The main (and simplest) reason we chose to build a database in Node is that we knew it really well. We got flak for not choosing to Go, but people now accept that Go and Node are essentially head to head (in popularity and community support). Zach, one of our co-founders, recognized that with the time it would have taken to learn a new language, it would never be worth it.

Text Analysis Within a Full-Text Search Engine

Full-Text Search refers to techniques for searching text content within a document or a collection of documents that hold textual content. A Full-Text search engine examines all the textual content within documents as it tries to match a single search term or several terms, text analysis being a pivotal component.

You’ve probably heard of the most well-known Full-Text Search engine: Lucene with Elasticsearch built on top of it. Couchbase’s Full-Text Search (FTS) Engine is powered by Bleve, and this article will showcase the various ways to analyze text within this engine.