redacademy / cnh-fall-2018

Collingwood Neighbourhood House Theme

Built by Michael Dunk | [email protected] Jennifer Lam | [email protected] Kyle Tecson | [email protected] Matthew Wong | [email protected]

This theme was built for the Collingwood Neighbourhood House Wordpress website. It was built as a part of the Community Partners initiative during our Web Development program at RED Academy. It includes a mobile, tablet, and desktop version.

Technologies Used

Built with:

• PHP
• SCSS
• jQuery/Javascript
• Wordpress
• Selectric
• Spectragram

Wordpress Plugins:

• Akismet Anti-Spam
• Collingwood Neighbourhood House Functionality
• Contact Form 7
• Custom Field Suite
• Custom Sidebars
• Google Language Translator
• Gutenberg
• Safe SVG
• Show Current Template
• The Events Calendar
• WP Migrate DB Pro
• WP Migrate DB Pro Media Files
• Yoast SEO

Installation Instructions

1. Download

Insert contents of downloaded folder into your wp-content directory.

2. Apply Theme Assign the theme by logging into Wordpress as an admin. Select Appearance -> Themes in the sidebar, and click "Activate" on Collingwood Starter House theme.

That's all! Thanks for viewing our theme.

cnh-fall-2018's Issues

Family link on Services hub

https://cnh.van.cp.academy.red/services/ on this page the link to family goes to http://cnh.van.cp.academy.red/our-services/family/ but you end up on https://cnh.van.cp.academy.red/programs/family/ for some reason?

Width for <p> is causing issues with mobile

Make sure you don't set a pixel width for paragraphs as it's introducing horizontal scroll on mobile

cnh-fall-2018/themes/cnh/sass/_service-page.scss

Line 29 in 0d857bd

width: 537px;

File named incorrectly

Not sure what happened here but don't think the file is supposed to be called this?!

cnh-fall-2018/themes/cnh/DELETEjoin.php

Lines 1 to 22 in 1ca3d8d

	<?php
	/**
	* The template for displaying the Get Involved page on CNH.
	*
	* @package based on RED_Starter_Theme
	* Template Name: Get Involved Page Template
	*/
	get_header(); ?>
	<div id="primary" class="content-area">
	<main id="main" class="site-main" role="main">
	<?php while ( have_posts() ) : the_post(); ?>
	<?php get_template_part( 'template-parts/content', 'page' ); ?>
	<?php endwhile; // End of the loop. ?>
	</main><!-- #main -->
	</div><!-- #primary -->
	<?php get_footer(); ?>

Footer menu links

The URLs in the footer menu should be ./contact-us etc. rather than just contact-us - otherwise they'll only work on the homepage.

Use relative links for social icons in footer

These are currently absolutely URLs (using http rather than https) - they should be changed to relative URLs so they work regardless of where the website is viewed.

Use relative rather than absolute links for images

These URLs should be relative rather than absolute, so they work regardless of where the site is viewed:

cnh-fall-2018/themes/cnh/front-page.php

Line 84 in 8bc4472

<img class="facebook-w-o-border" src='http://localhost/cnh/wp-content/uploads/2018/12/facebook-in-orange.png'>

Event boxes on homepage overflow

The second box on the homepage overflows the container - you should truncate the text to ensure it cannot overflow the container

Main menu styling

The top menu is looking good but a few issues (which you may already be aware of):

• There's a tiny gap between the menu and the dropdown which means if you're not quick moving from the menu to the dropdown then the dropdown disappears
• When you hover over the submenu items they move slightly
• On mobile when the menu expands the text is squashed initially, try moving the menu into / out of the viewport rather than changing the width
• The submenus aren't accessible on mobile

Click area for buttons on hub pages

The buttons on hub pages should be clickable (at the moment the doesn't fill the whole

. e.g. https://cnh.van.cp.academy.red/programs/children-youth/