Driver Download Page

Printer Address: 192.168.1.187

When transferring content from documents or a client’s old website to a new site, take your time and check your work frequently! Slowing down and being thorough will save significant time fixing issues later. The most important principle is consistency.

Constancy 

Small details make our websites look cleaner and more professional for both the client and Solutio. Inconsistent formatting usually happens when:  

  • Copied text still contains formatting from the original site
  • Different headings or menu styles are ussed across pages
    - Preferred: use Heading 6 when dividing sections on most websites.
  • Classes are not removed from modules.
  • Phone numbers and emails are formatted differently on different pages.
    Example:
    - (316_ 227-1750
    - 316.227.1750
  • Phone numbers and emails are not linked
  • Grids are inconsistent
  • External links are not set to open in a new window
  • Tables are manually styled instead of using classes.
  • Ministry or staff images are not resized properly. 

These are only examples. Always double-check pages before marking tasks complete.

Coping and Pasting information to an article

When importing content from a client’s old website or  document, you must remove all formatting. Older websites often include hidden code that can break the layout of a page (especially on mobile view). 

Common unwanted tags include:

  • <div> 
  • <span>
  • <section>
  • <figure>
  • <wp>
  • <class> 
  • <code data> 

These tags can cause layout problems, especially on ministry pages.

Proper Process

  1. Paste the text into the article editor. 
  2. Select all text "Ctrl" + "A"
  3. Click Clear Formatting in the toolbar. 
  4. Do note copy images or clipart from old websites. 
  5. Avoid transferring information older than 5 years (unless the client specifically requests it). 

Important:
The Clear Formatting button does NOT always remove everything, so manually double-check the code occasionally.

Adding Images to Articles 

When adding images, upload them to:

  • Parish Pictures
  • Template Folder
  • or create a new organized folder.

Keep folders clean and organized so the client can easily update images later, especially for ministry pages. Avoid cluttering the image manager before the client even accesses the backend. Images should also be tastefully placed throughout the site within the article if hero images are not being used. 

Image Manager Folder and Photo Rules

If creating new folders or renaming photos, follow these rules. Avoid: 

  • Capital letters
  • Special characters
  • Spaces (use dashes instead)
  • Names longer than 40 characters

Example: 

❌ Ministry Photos
✔ ministry-photos

Improper folder names can break the file path or prevent the client from accessing images using the image button. If this happens, create a new folder using the correct naming rules. 

Hero Images

Hero images should only be used if the Page header is simple or if the client requests them. 

Hero Image Rules

  • All hero images are the same size: 1600x444px.
  • Save the images to the hero's folder.
  • Use client's images first, then stock if needed (click here for stock) 
  • Try to not duplicate hero images on various pages.
    - Sometimes one hero image per main menu section is acceptable on smaller sites. 
  • Ensure people's heads are not awkwardly cropped
  • Ensure images are not pixelated. 
  • Avoid rotator images whenever possible. 

Hero images may have different widths or opacity settings (adjusted in Cyberduck). 

Hyperlinks
 Internal Links

Links to another page on the same website.

Example:
stmatthews.org/news → stmatthews.org/school

 External Links

Links to a different domain.

Example:
stmatthews.org → usccb.org

On our websites, these items Must Open in a New Window. Set Target: New Window for:

  • Documents (.pdf, .doc, .docx, etc.)
  • External links
  • Forms
  • Email addresses
Tables

Whenever possible, use the "Insert Template" button to add tables. Refer to the Styles page to see available table templates. If you must build a table manually:

  • Do NOT manually adjust width or height of cells.
  • Use classes instead.

Manual sizing may look fine on desktop but often breaks on mobile view.

Basic Table Structure 
 
<table class="fancytable" 
<tr> </tr> stands for Table Row (row)
<td></td> stands for Table Data (cell)
<th></th> stands for Table Header (colored cell)

Google Workspace (used to be called GSuite) Application 

  1. Open an Incognito browser and login to Customer’s calendar email. https://accounts.google.com/signin

  2. Open another Tab, and login to “Tech Soup”. https://www.techsoup.org/

  3. Create Tech Soup account (Use the same login and password as google account - noting security questions and answer in column E of spreadsheet. Also use the name of the person contacted for name)
    1. Join -->
    2. Confirm Email  
    3.  USCCB EIN: 53-0196617

  4. You will need to add the Parish as a Tech Soup Organization. If the client has not already established a tech soup organization; can get all the details from their website. Type in a Guestimate of their overall budget 

 

     

   

 

     

 

          

        

 

TechSoup

1) Google Account

2) Tech Soup account

3) Tech Soup Organization

4) Documentation - IRS Letter & Catholic Directory PDFs

5) not profit status approval - validation token available

6) apply for GSuite non profit status

verify domain ownership

7) enroll in GSuite for non profit - here's where the solutio.admin@ will be set up

invite the client to be an agent on their tech soup account