WordPress to Static Sites: A No Code Approach to Speed + Security

A presentation at D.C. WordPress Meetup in February 2020 in Washington, DC, USA by Liam Dempsey

Slide 1

Slide 1

WORDPRESS TO STATIC SITES A NO CODE APPROACH TO SPEED + SECURITY @liamdempsey

Slide 2

Slide 2

ALTERNATE TITLE WORDPRESS PLUGINS TO MAKE A STATIC SITE AVOIDING A NEED TO WRITE CODE @liamdempsey

Slide 3

Slide 3

SLIDES ARE ONLINE https://noti.st/liamdempsey @liamdempsey

Slide 4

Slide 4

DEMO SITES ARE ONLINE BLUEHOST https://wpplayground.com NETLIFY https://wptesting.net SHIFTER https://laughing-boyd3536.on.getshifter.io/ @liamdempsey

Slide 5

Slide 5

WHAT WE’LL COVER TODAY • Why even consider making static sites • The process and workflows of making static sites using WordPress plugins • Ideas on how business flows when making static sites @liamdempsey

Slide 6

Slide 6

WHAT’S THE BACK STORY? • Need options for clients who need a great site, but don’t want a blog • Take advantage of speed and security of static sites • Reduce hosting + maintenance costs • This trend is happening @liamdempsey

Slide 7

Slide 7

WHAT’S THE UPDATED STORY? • Exciting hosting solutions from different providers • Constantly evolving options • Stay tuned for more! @liamdempsey

Slide 8

Slide 8

MY INITIAL BUILD PROCESS BUILD WORDPRESS SITE LOCALLY CLEAN UP WORDPRESS STUFF INSTALL STATIC SITE PLUGIN CONFIGURE STATIC SITE PLUGIN EXPORT STATIC SITE UPLOAD STATIC SITE TO SERVER @liamdempsey

Slide 9

Slide 9

MY UPDATED BUILD PROCESS BUILD WORDPRESS SITE LOCALLY NOT SURE! SO MANY OPTIONS @liamdempsey MY PROCESS IS EVOLVING

Slide 10

Slide 10

MY WORDPRESS BUILD TOOLS • Astra Mini Agency Bundle $152; $135 year • Elementor Pro $199; $149 year • Yoast SEO FREE @liamdempsey

Slide 11

Slide 11

STATIC SITE PLUGINS v01 • Simply Static – NOW OUTDATED • WP2Static WP 2 STATIC @liamdempsey

Slide 12

Slide 12

ON THE WP PLUGIN REPO @liamdempsey

Slide 13

Slide 13

CHOOSING WP2STATIC • • • • • In the WordPress plugin repository 10,000+ active installs 4+ stars with 80 reviews Free to use Premium upgrades for scaling @liamdempsey

Slide 14

Slide 14

STATIC SITE PLUGINS v02 • All in One WP Migration ALL IN ONE WP MIGRATION @liamdempsey

Slide 15

Slide 15

HANDLING FORMS • • • • HubSpot Mailchimp subscription forms Typeform Netlify – NEW functionality @liamdempsey

Slide 16

Slide 16

NEWSLETTER SIGN-UPS • • • • • Mailchimp embeds Constant Contact embeds Others Netlify forms Shifter plugin for serverless forms (?) @liamdempsey

Slide 17

Slide 17

PRE-EXPORT TASKS v01 • Get rid of extra themes and plugins • Delete unnecessary uploads • Update exclude settings to prevent export of feed, comments, etc. @liamdempsey

Slide 18

Slide 18

HANDLING 404 – BLUEHOST • Create a 404 page in WordPress • Use .htaccess to declare the location of the 404 file on the server ErrorDocument 404 /404/index.html @liamdempsey

Slide 19

Slide 19

HANDLING 404 v02 • Create a 404 page in WordPress • Shifter handles the rest @liamdempsey

Slide 20

Slide 20

SITEMAPS FOR SEO • Make a human-focused sitemap via WordPress • SEO sitemaps: xml-sitemaps.com • New plugin: Core Sitemaps Feature Plugin @liamdempsey

Slide 21

Slide 21

ON SITE SEARCH • Small enough sites may not need on site search • Yet to find low-cost, low-dev skills solution • Shifter – Serverless search plugin on GitHub @liamdempsey

Slide 22

Slide 22

UPDATING CONTENT v01 • With the free WP2Static plugin, regenerate the entire site • SFTP the files/changed pages • With premium add-ons, output only the changed items @liamdempsey

Slide 23

Slide 23

UPDATING CONTENT v02 • For WordPress-to-static hosts, edit from online WordPress site – then regenerate the static version • All within the host’s system @liamdempsey

Slide 24

Slide 24

HOSTING FOR STATIC SITES • Any basic hosting works • Currently hosted on BlueHost • Netlify is pretty cool – and is rolling out more options • Trying to configure AWS by hand – it’s involved @liamdempsey

Slide 25

Slide 25

BASIC HOSTING CHALLENGE • Where does the original WordPress site reside? • How does it get updated – or not? @liamdempsey

Slide 26

Slide 26

WP HOSTING FOR STATIC SITES • Handles the hosting of the WordPress site • Met with Shifter – seems really cool • Will connect with Strattic soon • Who knows of others? @liamdempsey

Slide 27

Slide 27

BIG SHOUT OF THANKS

Slide 28

Slide 28

STILL LEARNING • Deploy directly from the local install • Exploring hosting solutions • Considering business options @liamdempsey

Slide 29

Slide 29

QUESTIONS? @liamdempsey liam@lbdesign.tv