Editing the website

Creating/Editing content on the website

Watch the demo:

Getting Access

1. Request access by following this SugarLearning item
2. Accept invite once system admins have approved

Workflow

1. Log into Tina
   • Online
     1. Navigate to https://ssw.com.au/admin
     2. Authenticate with your Tina credentials
     3. Create a new branch using the branch selector in the top left corner
   • Locally
     1. Pull latest code from main
     2. Follow README to get site up and running
     3. Use git to make a new branch (and push changes when done)
     4. Navigate to localhost:3000/admin
2. Using the left side-panel, press the hamburger menu
   
3. Select the desired collection
   
4. Create or edit content as required (see below)
5. Go to GitHub and raise a PR (this will deploy a preview environment for you to get your changes checked)
6. Get PR reviewed and merge
7. Wait for changes to go live

Creating Content

1. Press the "Create New" button within the collection
2. Fill in the appropriate details for the new content you wish to make.
3. Press the "Save" button once you've made your desired edits to create the new page.

Editing Content

1. Select the desired page to edit
2. From there, simple make the changes you want via the left admin side-panel. Make sure to press the "Save" button once you've made your desired edits.

Editing and creating employment opportunities

Demo video: https://youtu.be/yyw82EXodcI

Getting Access

1. Request access by following this SugarLearning item
2. Accept invite once system admins have approved

Workflow

Creating the employment opportunity

1. Navigate to https://ssw.com.au/admin.
2. Create a new branch by opening the branch menu in the top left corner. Then, enter the name of your new branch at the bottom of the dialogue.

Figure: Opening the branch menu

Figure: The branch menu

3. Then navigate to "Opportunities" on the sidebar
4. Click "Create New" on the right hand side of the screen

Figure: Employment Opportunities list

5. Fill out the form with the required information.

Figure: Employment Opportunity input form

Setting the job opportunity to available on the /employment page

1. Click on "Employment Pages" in the sidebar
2. Open the "index" page

Figure: The "Employment Pages" list page

3. On the sidebar on the left hand side of the screen, scroll down to the "Opportunities" section

Figure: Opportunities section on the edit pane of the employment page

4. Next, click the blue plus icon to the right of "Opportunities"
5. This will create a "New Opportunity" object, click the edit button on the "New Opportunity" item on the list:

Figure: The "New Opportunity" object

6. This will open a separate panel, editing the object. You can now select the opportunity you created in the first part.

Figure: Selection of the previously created opportunity in a list

7. Click "Save", and then create a pull request

Adding new newsletters

Demo Video

https://youtu.be/lrgF3T7Y0Qs

Workflow

1. Navigate to https://ssw.com.au/admin.

2. Open the branch selector window in the top-left hand corner.

Figure: open the branch selector

3. Create a new branch in the branch selector. It may take about 30 seconds to index the new branch after you create it. Once it has completed indexing, select the branch you created from the list.

Figure: Creating a new branch in the branch selector

4. Click the sidebar icon on the left hand side of the screen, then navigate to "Newsletters".

**Figure: The "Newsletters" collection on the sidebar list

5. Select the current year from the list of newsletters.

Figure: Selecting the current year from the list

6. Click the "Create New" button in the top right of the "Newsletters" section.

7. Select the "New newsletter" item in the list.

Figure: creating a new newsletter item

8. Enter the month number, and then upload the HTML file.

9. Upload any corresponding images in the images field using the TinaCMS Media Manager folder and fill out the description field.

10. Click "Save", and then create a pull request

**Figure: adding the newsletter files + information"

11. Done - your changes will then be reflected on the site!

Create a pull request

1. Navigate to https://github.com/SSWConsulting/SSW.Website/pulls.

2. Now, click "New Pull Request"

Figure: Create a new pull request

3. Select the "compare: main" button on the right hand side of the arrow. Then, select the branch you created using TinaCMS.

Figure: Select your branch from the list and create the PR

4. Now, select "Create pull request", and request a reviewer for the PR. Once the PR has been approved, it will be merged into the GitHub repo, and your changes should show up on the website.

Editing the Megamenu With Visual Editing

1. Navigate to ssw.com.au/admin and follow the standard TinaCMS branching workflow stated above (steps underneath Creating/Editing content on the website).

2. Click the home icon in the upper left corner of the page.

Figure: the home icon to navigate to the list of data used on the page

3. Select content/megamenu/menu.json from the list.

Figure: the list of data that is used on the page

4. Now, you can edit items on the menu and see them instantly reflected on the page.