The Cracked Vessel with Claire

Adding the Print Button
to Every Page

Follow these steps once and every page on your entire site gets a print button automatically, posts, series, doors, everything.

Before You Start

Upload the updated nav.js first

Make sure you have uploaded the new nav.js file to your GitHub repository before following the steps below. That file is what actually creates the print button on every page.

Part One

Create the Workflow File

You are going to create one file inside your GitHub repository. GitHub will use it to update all your pages automatically.

1

Go to your GitHub repository

Open github.com and click on your Kingdom-Conversations repository.

2

Create a new folder called .github/workflows

Click the Add file button (top right area of your file list), then choose Create new file.

In the filename box at the top, type exactly this, including the dots and slashes:

.github/workflows/add-print-button.yml
Tip: As soon as you type the first / GitHub will automatically create the folder for you. You will see it split into folders as you type.
3

Open the add-print-button.yml file I gave you

Open the file add-print-button.yml that I provided. Select all the text inside it and copy it.

4

Paste it into the GitHub editor

Click inside the large text area on GitHub (under where it says "Edit new file") and paste everything you just copied.

5

Save the file

Scroll down and click the green Commit changes button. Leave the message as-is and click Commit changes again to confirm.

✦ ✦ ✦
Part Two

Run It

Now you tell GitHub to go ahead and update all your pages.

6

Click the Actions tab

At the top of your repository page you will see tabs: Code · Issues · Pull requests · Actions. Click Actions.

7

Find "Add Print Button to All Pages"

You will see it listed on the left side. Click on it.

8

Click "Run workflow"

On the right side you will see a Run workflow button. Click it, then click the green Run workflow button that appears in the small dropdown.

9

Wait about 30 seconds

You will see a yellow circle: that means it is running. It turns green when it is done. If it turns red, come back and tell me and I will fix it.

Yellow circle = running  ·  Green checkmark = done, all pages updated  ·  Red X = something went wrong, let me know
10

Check your site

Visit any post page or series page on your live site, scroll to the top of the content, and you should see the small Print This Post button. That means it worked on every page.

✦ ✦ ✦

That's everything ✦

Every page on your site, posts, series, doors, all of it, will have the print button. You never have to do this again, even when you add new pages in the future. Just run the workflow again and it will pick up any new pages.