Purpose / Mission

To create a site that serves Christ well through the means of URC.

The site has these three primary functions:

To serve the current URC members in ways that help them in their walk and participation being part of the community of URC
To attract people in the community who do not attend URC to visit, grow, and become involved in the church.
To be a light to the greater church and world with any content that can be shared digitally from which they can benefit

Links / Domains

Primary domain: https://control.universityreformedchurch.org

http://universityreformedchurch.com (redirects to primary)
https://digurc.wordpress.com/
http://urc-msu.org/ (no longer own)
http://urcstaff.org (redirects to primary – GoDaddy)
http://urchur.ch (powered by bit.ly)
http://spartanchristianfellowship.org/
http://scfweb.universityreformedchurch.org/ (redirects to primary)
http://www.spartaninternationals.org/
http://universityreformed.church
http://www.christianityexplored.org/
https://urcmusic.org/

Fax: 517-351-7909

APP LINKS

[icon name=”rss” unprefixed_class=””] iTunes Podcast
https://itunes.apple.com/us/podcast/sermons-university-reformed/id385263574… Subsplash App Landing page
https://subsplash.com/universityreformedchurch/app [icon name=”apple” unprefixed_class=””] iPhone App
https://itunes.apple.com/us/app/university-reformed-church/id610643340?mt=8 [icon name=”android” unprefixed_class=””] Android App
https://play.google.com/store/apps/details?id=com.subsplash.thechurchapp.un… Subsplash Web Landing Page
http://subsplash.com/universityreformedchurch/

Quick Redirects

Prayer

universityreformedchurch.org/prayer

will redirect to

universityreformedchurch.org/members/prayer-chain/

Logos

The below Vector files should be used to create exact dimension logo versions when possible.
If you need a particular logo in a particular size please email webmaster@urcstaff.org

Colors

URC Green: #8AB333 rgb(138,179,51)

Dark Gray: #575748 rgb(87,87,72)

URC Dark Blue: #203E4D rgb(32,62,77)

Medium Gray: #8A8A7B rgb(138,138,123)

URC Blue: #628CA4 rgb(98,140,164)

Light Gray: #DFDFD0 rgb(223,223,208)

Image Sizes

Generally images should be compressed JPEGs unless the image needs to be transparent, in which case a PNG is best.

If an image “weighs” more than 300kb it is likely too big. That is almost a third of a megabyte and could take a while to load on slower connections.

App Image Sizes

Square: 1024×1024
Wide: 1920×1080
Banner: 1920×692

Home Slider

The home slider images should be sized 1140px wide by 350px tall

Slider philosophy:

Every slide should be linked somewhere and it should be clear what happens when you click the slide e.g. ‘Learn More” “Sign up Now” “Watch Sermon Series”
There should be a max of 3-5 slides in the slider.
2 solid-state slides include morning and evening sermon series
2-3 rotating slides of current events or ministry highlights
The 2-3 rotating slides rotate with a new slide being introduced every week and no slide being on for more than 2-3 weeks respectively.Also, if a slide is featured in the player, it should not be anchored to the latest news section. (i.e. 50th Anniversary Celebration). Once it rotates off of the slide schedule, it can then be anchored back onto the Latest News section with discretion. Although there are very few events that we will be highlighting for such a long period.

How to Create Great Sermon Artwork

Page Banner
Page banners that appear at the top of the page should always be 800px wide. The height is flexible but 250px would be most consistent. Preferably keep it 200-300px tall. Sermon Thumbnail
Best to upload at 500px square. News Post
The news posts’ featured images should be a minimum of 300px square. Need to be square.

Site Instructions

Caching

The site has caching that makes the pages load much more quickly for users. The cache should “flush” itself intelligently but if a change is not showing up on a device you can manually purge the cache:

Note: the DNS runs through CloudFlare which also caches the site, if there are major site changes this cache may be worth manually flushing as well. Contact one of the tech team members.

Posts & Pages

Make a Post “Sticky”

Sometimes you may want a post to stay in #1 position on the Home News grid and also at the top of the News page. This is easily done by making the post “Sticky”

sticky-post

You may have more than one sticky post if-needed. Recommended:only ever have 1-2 posts marked as sticky at a time. See all posts marked sticky here sticky posts on site

Hide a post/page title
just add: no-title

Make a post / page full width
select http://screencast.com/t/Lrz3gaG9Tlt

An image to stretch the full content on a page with a sidebar would be 800px wide

Service Time Changes

If the service times ever change (e.g. for summer) you need to change it at two places.

Edit the Homepage
The widget area for Visit
On SubSplash, the URC location has a spot for times.
On the Sundays page

Linking to Staff

When linking to staff it is preferred to link their name to their Staff page. e.g. Pat Quinn

You can link to their email address but the above is preferred.

Sidebars / Widget Areas

A widget area is typically like a sidebar but some of them are like the footer thirds area.
A widget can just be text/html or something like a dynamic list of new events.

Some of the pages (e.g. College Ministries) have their own sidebar (widget area) that lets them have unique college-specific content.

Emergency Alert

If you enable the Alert / Emergency display on the top of the homepage, these are your icon choices:

[genesis_column size=”one-third” position=”first”]
Exclamation Circle
Calendar Crossed-out
Bullhorn
[/genesis_column][genesis_column size=”one-third”]
Information Circle
Clock
Microphone
[/genesis_column][genesis_column size=”one-third”]
Question Circle
Cloud
Automobile
[/genesis_column]

MailChimp

Add an “Attachment” to a MailChimp email
You may need to send a PDF or Doc within a prayer email, here is how.
https://www.screencast.com/t/ofrAkFaEGDe

Font Icons

The site has the FontAwesome icon set installed. This is a huge set of useful icons.
The scale up and down without losing quality and look great on any device.
https://fortawesome.github.io/Font-Awesome/icons/ There is an insert button in the WP editor to allow easy generation
http://screencast.com/t/92xrnrQw0 The icons can be used within HTML by just using a tag like:

See: http://fortawesome.github.io/Font-Awesome/icon/linkedin-square/ You can use it within content like:
<a href=”https://www.linkedin.com/”>Connect on LinkedIn</a>

<a href=”mailto:info@urcstaff.org”> Send an Email</a>

You can add classes to the HTML or shortcode uses
https://fortawesome.github.io/Font-Awesome/examples/

Site Style Examples

Button Text

36px This is an H1 heading. How is it styled?

30px Now here is an H2 heading

26px Here is an H3 heading

22px An H4 looks like this of course

18px Watch out! here is an H5 looking like so

18px shall we see what an H6 looks like?

Scripture test Matthew 13:44-46

Another test but just chapter Genesis 2

Genesis 2:17 – 3:24

Acts 17:1-17:9

Ut lectus. Dis scelerisque porta! Adipiscing, egestas porttitor montes ac magna. Vel, ultricies magna adipiscing? Sit, augue mid pulvinar elementum porttitor egestas ac eu, elit porttitor auctor in? Et augue aenean ac sit dignissim dictumst montes? Turpis penatibus proin in elementum natoque risus turpis ut, mauris. Porta pid, sociis aliquam mauris pulvinar? Quis? Pid mus augue? Nascetur scelerisque mauris vel, nec ac? Cursus mid, pellentesque, integer, vel et et. A vel parturient? Parturient, sit mauris pulvinar a dignissim mus. Augue porttitor! Ac elementum adipiscing aenean sed elit dictumst arcu elit magna enim elit habitasse, purus aliquet, velit elementum ac a enim magna, porta magna lundium massa urna platea, phasellus quis aenean rhoncus dis sed, arcu turpis montes non mattis nunc.

Small Button

Medium Button

Large Button

This is some bold text

This is some italicized text

This is some underlined text

~~Strikethrough that text yo!~~

This is some text with all that crap above, except the strikethrough

An unordered list

List item one
List item 2
List item 3
List item 4

An ordered List! Oh yeah

List item one
List item two
List item three
List item four

Your address yo!123 Hilldale St.

Hill Valley, CA 31111

Before there was style there was “pre”. It was a dark and lonely day.

PINK! I made this text PINK!

URC Assets