Skip Navigation

Naming Convention: Blocks, Documents, Pages & Images

Keeping content structured and organized assists in maintaining a healthy content management system. Please use our Suggested Naming Convention when creating new Blocks, Pages, Images and Documents.

Blocks

Block Type

Suggested Naming

Notes

Accordion Item Block

AI - Name of content
(i.e.  AI - Student Handbook

 

Child Page List Block

CPL - Name of Content
(i.e. CPL - Announcements)

This displays any current subpages of the "Parent" page. The default display is 1/4 width Partial Page View cards.

Link Card Block

LC - Simple - Name of Content
LC - Exp - Name of Content
LC - Img - Name of Content
LC - Icon - Name of Content

(i.e. LC - Simple - Immunizations)

Image size 325px by 174px
(LC-name-of-image)

Feature Image Block

FI - Name of Content
(i.e. FI - Student Services Intro)

Image size 521px by 674px
(FI-name-of-image)

Hero Banner Block

H - Name of page
(i.e. H - General Counsel)

Hero - Image size 1300px by 400px
(H-name-of-image)

Mobile - Image size 499px by 335px
(M-name-of-image)

Rich Text Block

RT - Name of page or section
(i.e. RT - Food and Nutrition)

 

Contact Block

CB - Name of Contact Group
(i.e. CB - Contact Web Services)

 

Video Block

VB - Name of Video
(i.e. VB - School Graduation)

Mobile Image size works best for the override: Image size 499px by 335px
(M-name-of-image)

Tab Child Block

TCB - Name of Tab
(i.e. TCB - School Story Cover)

 

 

Container Type Block

Suggested Naming

Accordion Block

A - Name of section
(i.e. A - Important Information)

Background Container Block

BC - Name of section
(i.e. BC - Useful Resources)
Note: Background Containers should only be used to display as full width.

Tab Block

TB - Name of section
(i.e. TB - Weekly Newsletters)

 

Pages

Page Type

Notes

Landing

  • Metadata Tab Thumbnail Image size 333px by 197px (T-name-of-image)
  • Metadata Tab Mobile Image size 499px by 355px (T-name-of-image)

Personal Detail

Details Tab Image size 267px by 267px
(PD-name-of-image)

General Detail

  • Banner Image size 1300px by 400px (H-name-of-image)
  • Metadata Tab Thumbnail Image size 333px by 197px (T-name-of-image)
  • Metadata Tab Mobile Image size 499px by 355px (T-name-of-image)

District Office Detail

Banner Image size 1300px by 400px
(H-name-of-image)

School Home Page

  • Content Tab: Featured Spotlight, Spotlight image size 524 x 397 (S-name-of-image)
  • Header Tab: Logo Image size 252 x 139 (HTL-name-of-image)
  • Footer Tab: Footer Logo Image size 117 x 96 (FL-name-of-image)
  • Hero Banner Tab: Hero Image size 1440 x 582 (HS-name-of-image)
  • Hero Banner Tab: Logo Image size 96 x 96 (HL-name-of-image)
  • Info Tab: Image size 336 x 217 (In-name-of-image)

School General Detail Page

  • Banner Image size 1300px by 400px (H-name-of-image)
  • Metadata Tab Thumbnail Image size 333px by 197px (T-name-of-image)
  • Metadata Tab Mobile Image size 499px by 355px (T-name-of-image)

School Faculty Directory

Content Tab: Default Image, image size 411px by 411px (name-of-image)
Note: If image is used, all faculty detail pages that do not use an image will inherit this property

School Faculty Detail Page

Content Tab: Image, image size 411px by 411px (FD-name-of-image)

 

Images

Image Type

Suggested Naming (Image name should not contain spaces)

Notes

Thumbnail

T-name-of-image

Use on the Metadata Tab in all Pages
Size 333px by 197px

Spotlight

S-name-of-image

Use in the Spotlight section on the home page.
Size 524px by 397px

Personal Detail

(Staff Photos)

PD-name-of-image

Use on the Details Tab in Personal Detail Pages
Image size 267px by 267px

Faculty Detail

(School Faculty)

FD-name-of-image

Use on the Content Tab in Faculty Detail Pages
Image size 411px by 411px

Hero

H-name-of-image

Use on the Content Tab in General Detail Pages
Use on Hero Banner Block
Banner Image size 1300px by 400px

Hero-School Homepage

HS-name-of-image

Use on the Hero Banner Tab in School Home Pages
Banner Image size 1440px by 582px

Featured

FI-name-of-image

Use on Featured Image Block
Image size 521px by 674px

Link Card

LC-name-of-image

Use on Link Card Block
Image size 325px by 174px

Mobile

M-name-of-image

Use on Hero Banner Block Mobile Image Field
Image size 499px by 335px

School Homepage Header logo

logo-header-school-name

Use on School Home Page in the Header tab
Image size 252px by 139px

School Homepage Banner logo

logo-banner-school-name

Use on School Home Page in the Hero Banner tab
Image size 96px by 96px

School Homepage Footer logo

logo-footer-school-name

Use on School Home Page in the Footer tab
Image size 117px by 96px

 

Documents

No matter how tempting it is, you should never use a PDF to display content that users need to read online. Use PDF only for documents that users will print. PDF is meant to facilitate printing therefore any information that needs to be browsed should be converted into our web pages. If you must include a PDF in your experience, follow these guidelines to make it as usable as possible.

Our 1st priority is maintaining and optimizing our search. Use asset names that clearly describe their content, such as "Conference: Parent and Teacher Engagement.pdf". An asset name such as "FY-22-Final Revision_Conference_for Parent_&_Teacher_eff (1.1.2022)(2).pdf" is not helpful for other editors and more importantly the text is displayed in search.

Only add dates (years included) to asset names if absolutely necessary! Keeping unnecessary copies or versions of files not only clutters your folders but it also destroys search. It’s recommended to keep the filename simple and to replace the asset (see below) when updating.

Videos

Note: When replacing assets, the changes may not be immediately visible for visitors who previously viewed the asset due to website caching. Files cache updates every 4 hours. Email websupport@pgcps.org if a change is needed immediately.

Replacing assets

To replace an existing file with another, upload a new file with the exact same name to the same folder as the file you want to replace. A replaced media file is published immediately, (when not working in an active project) affecting all places on the website where the file is used. (See note above regarding seeing your replaced media.)

Renaming Assets 

Select the file in the Media structure and then the All Properties editing view, change the Name and the Name in the URL properties.

Note: Renaming a folder or media file changes its URL. This does not break internal links on the website, but incoming links from external websites may break.

Downloading Assets

Select the desired media file in the Media structure, select Download in the context menu. Or, if you are previewing the media file, select "Download this file" from the Options button.