This section demonstrates the use of shortcodes as means to simplify the methods of displaying content. There are currently three shortcodes being used on the site. Each one will be demonstrated below. NOTE: Click on “view raw” to see the full code for copying and pasting.
SHORTCODE 1: VIDEO
This shortcode is used to make the video responsive and to simplify the way in which youtube videos are embedded in the website. All that is needed would be a “secure” html embed link from youtube inserted as part of the shortcode demonstrated below.
SHORTCODE 2: SIGNATURE
This shortcode grabs the signature content from a page and puts it where the shortcode is placed. The code is shown below.
SHORTCODE 3: INSTAGRAM
The shortcode below would allow the instragram photo (technically just a photo) to be responsive. All that is needed would be to insert the image url inside the shortcode demonstrated below.
While we have made it convenient for instagram image links to be pasted inside the shortcode as demonstrated above. We have made it even more convenient to paste a smaller version of the instagram pic by adding a new image size “instagram-pic” which is 500×500.
The image can be inserted into content (from which you can grab the link) or if you feel adventurous, simply add the “-500×500” near the end. For example, this page uses the instagram-pic link instead of the original pic below:
Topic: Secure Links “HTTPS://”
All links to other pages and/or images within in the site should now be secure. This simply means all links that has the prefix http://understandingrelationships.com should now be https://understandingrelationships.com (note: the added “s” at the end of “https”).
One way to evaluate whether a page is secured is by looking at the padlock mark on the upper left side. This padlock is gray for firefox and green for chrome. This means the page is secure. If not, copy the link and simply forward it to Mark (or Kervin).
Topic: Purging Cache
This link from Kervin aims is a procedure on what to follow to successfully purge cache (like styles.css). Link: http://dpma.understandingrelationships.com/cdn-notes.php