Third Sun Support Documents

Editing Items and Categories

The bulk of your website's content lives in K2 Items and Categories. Look here first if you need help editing something.

Find an Item (essentially, one of your "pages")

1. Select All Items from the Control Panel.   2. Once you are in the “Items” area, you will see…

1. Select All Items from the Control Panel.

All items 
2. Once you are in the “Items” area, you will see a list of existing items.
all items list

3. From the K2 Items list, you can filter down by “Select category” to view items in a particular category.
filter category

4. Alternatively, you can search by term to find items whose title contains that word.

search

5. Once you have found the Item you are looking for, click on the title to open the Item for editing.

If you cannot find the page you're looking for, it may be located elsewhere - as a Category or Module for example. Your homepage is typically comprised of several modules. If you want to edit your homepage, see our section on Editing Your Homepage and the section on Editing Modules, or contact us if you need additional help locating a page. 

 

288 viewsPosted 1 year ago

Adding a New Item

Step 1: Navigate to K2 > Items via top menu or navigate to Items from your Control Panel Once you…

Step 1:

Navigate to K2 > Items via top menu or navigate to Items from your Control Panel

  • Once you are in the “Items” area, you will see a list of existing items. 
  • Create a new K2 Item by clicking “+ New” green button in the top right.  

Step 2: Give your new K2 Item a good Title.

Step 3: Assign it to the proper Category according to your site’s organization. The “Title alias” will auto-complete when you save. If you change the title, delete the tile alias so it automatically updates.

Step 4: Create your text in the window either by pasting from a document or typing directly in the window. For headings, stay consistent with other formatting on your site and start with larger headings and move to smaller for subheadings. You'll usually begin with “Heading 2” or “Heading 3”. 

REMEMBER: Always click Save/Save & Close for your changes (click Cancel if you do not want your changes to take effect). Please note that if you delete or unpublish a K2 item connected to a Menu item, you will need to reassign that Menu item to a published item or retire it. 

280 viewsPosted 1 year ago

Item Formatting 101

Here are some basic tips for formatting the content within your items: Headings: To create headings (and keep things consistent in…

Here are some basic tips for formatting the content within your items:

  • Headings: To create headings (and keep things consistent in the site), highlight the text to be made a heading and under Format, select Heading 2 or Heading 3, 4, etc. Try to be consistent and match the heading choices from other pages. Heading 1 is used in the page title automatically so it shouldn't be used again.
  • Line break (but not hard return): In HTML, hitting enter will give a hard return which will create a paragraph space between lines. Click Shift and then Enter to get a line break. 
  • Bullets or Number Lists: Enter your text with hard returns between the lines you want to bullet point (or number). Select the lines and click the Unordered List or Ordered List icons.
  • Bold, Italics, or Underlines: Use Bold and Italics sparingly for impact. Avoid Underlining as it can make the text look like a hyperlink. 

Trying to change the colors, fonts, or design of your site? See this question for information on your site's style.

238 viewsPosted 1 year ago

Add or Change an Item's Main Image

These are steps to add the MAIN image to an item, that typically appears at the top of the page.…

These are steps to add the MAIN image to an item, that typically appears at the top of the page. Click here to see how to add additional images within the content on a page.

1. To add/edit the main item image in K2 Item or Category, first open the Item or Category by clicking on the title. Once it's open, click the “Image” tab.

image tab
2. From the Image tab, click on Browse, to upload a file from your computer. 

browse
3. Your file name will appear next to the Browse button. Click Save.

browse
4. Check the front end of your website to make sure the image appears as you intended. Note that the location and size are preset in the Image tab to maintain consistency across the website.

For questions and tips on the images themselves see our Photos & Images help section.

281 viewsPosted 1 year ago

Insert or Change an Image in the Content of an Item

This should be considered a secondary image, the first being the main image for the page that you add to your…

This should be considered a secondary image, the first being the main image for the page that you add to your Image tab. For more on this see: Add or Change an Item's Main Image.

To insert an image (or change an existing one) that is further down in your Item's content do the following:

1. From your opened Item, place your cursor where you'd like to insert the image then select the Insert Image button from your Editing Menu. If you're changing an existing image, select the image itself, then select the Insert Image button.
Add to body

2. From the Image Manager Extended window select an already uploaded image from the files below or select Upload to choose a file from your computer.
upload

3. From the Upload Window, you can drag a file into the window or use Browse to select from your computer.
browse upload

4. Once the file has been added, click on Upload.
upload 2

5. Back in the Image Manager Extended window, you will see the image file appear. Click on the file name. Once you've clicked on the file name, it will populate a URL.

You will then have several options to adjust the size and dimensions of the image.
click file

To have the image display at full-width (this is often best these days with mobile phones as long as the photos are not vertical).  In Dimensions change the width (first box) to “100%” and delete the height or leave blank, then click Insert at the bottom: 

image 100
6. Your image will appear in content of your Item. Click Save & Close and review on front end/published version of your website to ensure it appears as you intended.

This is how it will display, at the full-width as the rest of your site content:

image 100 wide

*Notes on Editing Images: Editing images can be a struggle for clients but as the website manager, you should try to 1)  acquire a photo editing program and 2) understand what kinds of images should be used (and not used). See our Images Section for more info.

294 viewsPosted 1 year ago

Add a Link to Another Page on Your Website

Do you need to add a link to another page on your website? 1. From inside your selected Item or…

Do you need to add a link to another page on your website?

1. From inside your selected Item or Custom Module type the text you'd like to link.
2. Select your desired text and in your editing menu, select the Link button (chain link icon).

link edit menu


3. In the link pop-up window select your desired location on you website by expanding the Main Menu or K2 Items & Categories and select the page the you'd like to link to.  The URL will populate based on your selection. Next click Insert.

pop up4. Your linked text will now appear in red. And when you have your cursor on it, the Link and Unlink buttons will be highlighted. The Unlink button will remove your link. 

link result

5. Save & Close.
6. Check your link on the front end of your website to ensure it's working the way you intended.

253 viewsPosted 1 year ago

Add a Link to an External Website

Do you need to add a link to another website on your website? 1. From inside your selected Item, Custom…

Do you need to add a link to another website on your website?

1. From inside your selected Item, Custom Module, or Category type the text you'd like to link.

2. Select your desired text and in your editing menu select the Link button (chain link icon).
link edit menu

3. In the link pop-up window complete three tasks:

  • Enter the URL to your desired destination

  • From the Target dropdown select Open in new window

  • Click Insert

link new window

4. Your linked text will now appear in red. And when you have your cursor on it, the Link and Unlink buttons will be highlighted. The Unlink button removes a link - to use, simply select the text you no longer want linked and click the Unlink button.
external unlink
5. Save & Close.

6. Check your link on the front end of your website to ensure it's working the way you intended.

347 viewsPosted 1 year ago

Add a Button-Style Link

Sometimes you'd like to add a button link to make a call to action stand out. How your button link appears…

Sometimes you'd like to add a button link to make a call to action stand out. How your button link appears (it's style) is predetermined in you Custom Style Sheet (CSS). This is not editable. Where you insert it, where you link it, and what copy you use in the button is up to you.

1. In your item's text editor area, enter the button's copy. Keep it short and clear what clicking on the button will get the user. Example: Take a Look! 
Highlight your copy (text) and select the link button from your Editing Menu.

btn enter copy

2. Create your link from the drop downs below or add an outside link in the URL space. For more help on this see: Add a Link.
3. In the link window, tab to Advanced. Under Class enter btn.
4. Click on Insert at the bottom of the window.
btn make link

5. A button should appear over your copy now. Save & Close. Check the button on your published website to ensure it's working the way you intended.

btn appears

502 viewsPosted 1 year ago

Add a Video to an Item

1. Post your video to YouTube, Vimeo, or some other online video hosting.2. Copy the video number and insert it…

1. Post your video to YouTube, Vimeo, or some other online video hosting.

2. Copy the video number and insert it into a new paragraph in the body your Item.

3. You can place a video anywhere in the body of an Item by inserting the following syntax: 

video embed
The same format applies for any other online video hosting service, etc.

4. Save & Close.

5. Review on your published website. 

If this does not work please contact we may have to add a module to your site.

398 viewsPosted 1 year ago

Add a PDF or Document

1. To insert a document for users to download (pdf, doc, xls, jpg) into your K2 Item, write an intelligible…

1. To insert a document for users to download (pdf, doc, xls, jpg) into your K2 Item, write an intelligible user-friendly phrase (i.e. Download the application) and highlight.

2. Click on the Insert/Edit File icon.
PDF step 1

3. Select an existing file or upload a new file by clicking the Upload icon (arrow pointing up on the right side of the File Manager pop-up).

4. Once uploaded, click on the file title twice. Once to select, and another time to populate URL. Check the box “Icon” if you want a PDF or Word Doc icon to appear. (Some of these options may be preselected by default for you, and some versions of Joomla will automatically add the icon.)

Then click Insert.

select upload

Optional: If you want the PDF to open to a specific page, i.e. page 2, add this text to the end of the URL before clicking Insert: #page=(the page number)

pdf page number

5. Your selected text will now indicate a link has been created, and an icon will show, if you selected the icon.
result

6. Save & Close.

602 viewsPosted 1 year ago

Managing Staff Pages

Note: These instructions are general and apply to many Staff, Team, and Board Member type pages that you may have…

Note: These instructions are general and apply to many Staff, Team, and Board Member type pages that you may have on your website. Not all instructions may apply to your situation. Oftentimes it can be easiest to duplicate an existing staff item to maintain the formatting — just swap out the title, bio, image, etc. to keep the same formatting.

To keep staff pages easier to manage and display, each person has their own K2 Item within the staff category. You’ll want to have their name, title, bio, and image (if applicable). 

  1. Navigate to All Items from your Control Panel/Dashboard. Select the appropriate Category, i.e. Staff, Board, Our Team, etc. 
  2.  Select “New” in the upper left corner. 
  3. The item's title is the person's name.
  4. In the content area of the item put the job title and then click the “Read More” icon (this creates a split between the title and the bio for the central landing page). Make sure their title is in the correct heading, (usually Heading 4) to maintain consistency on the site. After the Read More add in their bio, if applicable.
  5. If your staff pages have images, go to the image tab and upload a new image. You may need to crop your staff images before uploading to match the style and proportions of existing items.
  6. Save and close.


To remove a staff member, simply unpublish their item. 

To rearrange the order of how staff members display follow the instructions found here.

staff

 

35 viewsPosted 1 month ago

Change the Order of How Items are Displayed

Do you have a staff person or service you'd like at the top of your page? Or do you want…

Do you have a staff person or service you'd like at the top of your page? Or do you want your staff arranged alphabetically by last name? In most items the title is the first name so sorting by last name automatically isn't possible, the instructions given here will show you how to do it manually.

There are a handful of ways in which items can be displayed. In the case of news or blogs we often set it to display based on published date. If we instructed your site to display items based on Ordering (as we often do with Staff) then the below instructions should work for you.

1. Go to All Items

All items

2. Filter to the Category you are working with.

3. Click on the up/down arrows on the left side. From there three dots will appear in darker color in front of each item title. Grab the dots to drag the items into your desired order.

ordering items

4. It automatically records your changes. Check it on your published website (i.e. the frontend).

338 viewsPosted 1 year ago

What Does Something in Curly Brackets "{ }" Mean?

If while editing the content in a K2 Category or K2 Item you come across something in these curly brackets/braces…

If while editing the content in a K2 Category or K2 Item you come across something in these curly brackets/braces
"{ }" do not remove it.

These usually indicate a module or other code that can be used for a variety of reasons on a site's backend and editing or removing them can change how things display on the frontend of your site. You can learn more about modules here.

If you don't know what something in brackets is for and would like to find out, please feel free to contact us.

656 viewsPosted 1 year ago