WordPress to Static Site: A Designer’s Leap into Something New

A presentation at WordCamp Niagara in October 2019 in Niagara-on-the-Lake, ON, Canada by Liam Dempsey

Slide 1

Slide 1

WORDPRESS TO STATIC SITE A DESIGNER’S LEAP INTO SOMETHING NEW @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 SITE IS ONLINE https://wpplayground.com @liamdempsey

Slide 5

Slide 5

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

Slide 6

Slide 6

WHAT’S THE STORY? • Need options for clients who need a great site, but don’t want a blog • Reduce hosting + maintenance costs • This trend is happening • Some WordPress-to-static hosts are expensive @liamdempsey

Slide 7

Slide 7

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

Slide 8

Slide 8

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

Slide 9

Slide 9

STATIC SITE PLUGINS • Simply Static • WP2Static @liamdempsey

Slide 10

Slide 10

@liamdempsey

Slide 11

Slide 11

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

Slide 12

Slide 12

HANDLING FORMS • • • • HubSpot Mailchimp subscription forms Typeform Others @liamdempsey

Slide 13

Slide 13

NEWSLETTER SIGN-UPS • Mailchimp embeds • Constant Contact embeds • Others @liamdempsey

Slide 14

Slide 14

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

Slide 15

Slide 15

HANDLING 404 • 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 16

Slide 16

SITEMAPS FOR SEO • Make a human-focused sitemap via WordPress • Haven’t figured out how to get an sitemap_index.xml @liamdempsey

Slide 17

Slide 17

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

Slide 18

Slide 18

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

Slide 19

Slide 19

HOSTING • • • • Any basic hosting works Currently hosted on BlueHost Might look at GitHub Pages Exploring Netlify @liamdempsey

Slide 20

Slide 20

BIG SHOUT OF THANKS

Slide 21

Slide 21

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

Slide 22

Slide 22

QUESTIONS? @liamdempsey liam@lbdesign.tv