James Westgate jameswestgate

## gist:95239573dc97c0e86714

      
              1 file
            
          
              43 forks
            
          
              22 comments
            
          
              145 stars
            
          
                ericandrewlewis
                / gist:95239573dc97c0e86714
            
            
              Last active
              December 12, 2023 09:52
            
              
                Setting up a WordPress site on AWS
              
          
    Setting up a WordPress site on AWS

This tutorial walks through setting up AWS infrastructure for WordPress, starting at creating an AWS account. We'll manually provision a single EC2 instance (i.e an AWS virtual machine) to run WordPress using Nginx, PHP-FPM, and MySQL.
This tutorial assumes you're relatively comfortable on the command line and editing system configuration files. It is intended for folks who want a high-level of control and understanding of their infrastructure. It will take about half an hour if you don't Google away at some point.
If you experience any difficulties or have any feedback, leave a comment. 🐬
Coming soon: I'll write another tutorial on a high availability setup for WordPress on AWS, including load-balancing multiple application servers in an auto-scaling group and utilizing RDS.

  
## matchesSelector.polyfill.js
this.Element && function(ElementPrototype) {
	ElementPrototype.matchesSelector = ElementPrototype.matchesSelector ||
	ElementPrototype.mozMatchesSelector ||
	ElementPrototype.msMatchesSelector ||
	ElementPrototype.oMatchesSelector ||
	ElementPrototype.webkitMatchesSelector ||
	function (selector) {
		var node = this, nodes = (node.parentNode || node.document).querySelectorAll(selector), i = -1;

		while (nodes[++i] && nodes[i] != node);

## css-responsive-images-alt.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CSS responsive images</title>
        <style>
            /* Play nice with existing requirements for
               Responsive Images polyfill */

            @media (min-device-width:600px) {
	this.Element && function(ElementPrototype) {
	ElementPrototype.matchesSelector = ElementPrototype.matchesSelector \|\|
	ElementPrototype.mozMatchesSelector \|\|
	ElementPrototype.msMatchesSelector \|\|
	ElementPrototype.oMatchesSelector \|\|
	ElementPrototype.webkitMatchesSelector \|\|
	function (selector) {
	var node = this, nodes = (node.parentNode \|\| node.document).querySelectorAll(selector), i = -1;

	while (nodes[++i] && nodes[i] != node);
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>CSS responsive images</title>
	<style>
	/* Play nice with existing requirements for
	Responsive Images polyfill */

	@media (min-device-width:600px) {