Giter Club home page Giter Club logo

jarrodldavis / action-jackson Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 2.45 MB

A template repository for a WordPress site that is developed locally using Visual Studio Code and deployed to Flywheel.

Home Page: https://getflywheel.com

Dockerfile 0.11% Shell 0.01% PHP 41.34% CSS 53.72% JavaScript 4.82%
wordpress wordpress-site wordpress-development wordpress-deployment wordpress-boilerplate visual-studio-code vscode-remote vscode-devcontainer devcontainer github-actions github-actions-wordpress github-workflow

action-jackson's Introduction

Action Jackson

A template for developing a WordPress site locally in Visual Studio Code and deploying to Flywheel.

Overview

This template contains the necessary configuration to set up a WordPress site:

  • in development, using local containers with Visual Studio Code and Docker
  • in production, using GitHub Actions to deploy changes to Flywheel

Usage

New Sites

If you're just getting started on a new site, click the "Use this template" button. See these instructions in the GitHub Docs for more information.

Existing Sites

If you already have a repository you'd like to deploy to Flywheel, create a workflow file in your repository and copy the contents of this workflow into it.

Optionally, you can copy the .devcontainer directory into your repository if you want to use the Visual Studio Code Remote Containers extension.

Deployment Configuration

Once you have a repository with the GitHub Actions worfklow, you'll need to configure it with your SFTP details.

This workflow is set up to deploy a wp-content directory to sftp://sftp.flywheelsites.com/[site-owner]/[site-name]/wp-content, where [site-owner] is the Flywheel user or Organization that owns the site, and [site-name] is the name/slug of the site.

The wp-content directory is chosen as the destination of the deployment since Flywheel, as a Managed WordPress host, automatically manages core WordPress files; as such, only the wp-content directory is relevant for deployments.

In the GitHub Actions workflow file, update these env values:

SFTP_SOURCE

This is the folder in your git repository that will be uploaded to your site on Flywheel.

By default, this workflow assumes that the root of the repository is the wp-content directory, with themes and plugins as top-level folders in the repository (as exemplified in this template). If wp-content is in a sub-directory of your repository, be sure to update SFTP_SOURCE to point to it.

Examples

  • SFTP_SOURCE: ./
  • SFTP_SOURCE: ./path/to/wp-content

SFTP_OWNER

This is the Flywheel user or Organization that owns the site. Keep in mind that this may be different from your Flywheel username if the site is part of an Organization or you are a collaborator on the Flywheel site.

Examples

  • SFTP_OWNER: my-username
  • SFTP_OWNER: org-my-organization-name

SFTP_SITE

This is the kebab-cased version of the site name (sometiems called a "slug"), as you would see in your SFTP client. This corresponds to the site name as configured in the Flywheel Dashboard.

Examples

  • SFTP_SITE: my-site-name

SFTP_USER

This is the username you use to log into Flywheel. Keep in mind that this may be different from the site owner if the site is part of an Organization or you are a collaborator on the Flywheel site.

Examples

  • SFTP_USER: my-username

SFTP_PASSWORD

Do not configure your SFTP password in the GitHub Actions workflow file. It is dangerous to put your password in plaintext configuration files, even if your repository is private. Instead, configure a repository secret named SFTP_PASSWORD.

action-jackson's People

Contributors

jarrodldavis avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.