Employment Page Editing Tutorial

Adding a New Job

Step 1: Translate you Word Document to HTML

  1. Open the Word document that you need to translate.
  2. Go to wordhtml.com: https://wordhtml.com/. No login required.
  3. Copy everything from the table to the end of the document. (You can skip the application instructions at the top if you want.)
  4. Paste the copied content into the "Word" section of wordhtml.com.
  5. Edit the pasted content to remove extra returns and fix the formatting of lists.
  6. Select all of the content and change the format to "Paragraph" under the "Formats" dropdown menu.
  7. On the right-hand side of the page (or the "HTML" tab on smaller screens), make sure that all of the boxes except for the bottom right one are checked. Then, click the "Clean" button. This will translate your Word content to HTML code.
  8. Edit the <table> tag so the job description will match the rest of them. <table> will need to be edited so it looks like <table class="skc-table emp-table">

  9. Copy the HTML code that is displayed in the white box. This code will contain the text of your job description, as well as some formatting information.

Step 2: Add the Job Description to the SKC Website

  1. Log in to the SKC website at https://www.skc.edu/wp-login.php.
  2. Go to the employment page. You can do this by navigating to it on the website or by typing the following URL into the address bar: https://www.skc.edu/employment
  3. Once you're on the employment page, hover over "Beaver Builder" in the black bar at the top of the window and select "Employment".
  4. Scroll down to the Available Positions section and click on the accordion.
  5. A new pop-up will appear. This is where you can add, remove, rearrange, and edit the currently open positions.
  6. Click the "Add Item" button at the bottom of the pop-up.
  7. Click "Edit Item" to open the editing dialogue.
  8. Enter the job title in the Title area.
  9. Select the "Text" tab in the content area.
  10. Paste the HTML code that you copied from wordhtml.com into the white area below all of the tag buttons.
  11. Click "Save" to save the job description.
  12. Click "Save" to save the accordion.
  13. Click "Done" in the upper right corner of the window and "Publish" to publish the changes to the website.

Website Tutorial Menu

Employment Page Editing Tutorial Menu

Adding a New Jobs
Removing Jobs
Moving Jobs
Editing Jobs

Removing Job Descriptions

  1. Scroll down to the job description that you want to remove and click on the "X" on the right-hand side of that "item".
  2. Select "OK" to confirm that you want to delete the item.
  3. Click "Save" in the accordion dialogue, "Done" in the upper right corner, and "Publish" to publish the changes to the website.

Moving Job Descriptions Around

  1. Click and hold the "arrow cross" icon near the "X" on the job description that you want to move.
  2. Drag the job up or down the list to its desired position.
  3. Click "Save" in the accordion dialogue, "Done" in the upper right corner, and "Publish" to publish the changes to the website.

Editing a Job Description

  1. Click "Edit Item" for the desired job.
  2. Select the "Visual" tab in the content area.
  3. Make whatever changes that are required.
  4. Click "Save" to save the job description.
  5. Click "Save" to save the accordion.
  6. Click "Done" in the upper right corner of the window and "Publish" to publish the changes to the website.