Instructions for using this page:

This page is where information about how to update and use the different modules in the website is kept.

You can include your own instructions and update this page as you wish.

To find instructions for a specific module scroll through the page.

Adding Logo to partner projects

Step 1: Build your partnership project

Step 2: Select the category.

For the Partnerships or Partners this is the category Partner.

 

Step 3:  Insert the featured image.

  1. Scroll to the bottom right hand side of the project.
  2. Add the featured image which you have already loaded into the project library.
  3. Save the project and check the gallery.

Ideally this image will be square and about 150pixels wide. Larger and different shaped logos will not display as well as square ones.

Adding Images to the Modules

Step 1:  Insert the images into the media library.

Make sure you have named them properly (all lower case and no spaces) and that you have added the alt tag.

Step 1:  Insert the images into the media library.

Make sure you have named them properly

Names need to be:

  • all lower case
  • no spaced between words (use a _ or a – but be consistent)
  • jpegs
  • playford trust at the beginning (for SEO)
  • meaningful
  • conclude with the width in pixels.

For example an image of Dean Brown that is 600 pixels wide would be:

playford-trust-dean-brown-600.jpg

Step 2:  Select the Module that you want to add an image to.  Open the module and scroll down to the text section.

To update the Trust member images open the Trust Members page.  Then scroll to the Toggles.  Open the toggle you need to change (by clicking on the three line hamburger menu).

 

gallery module settings

Step 3:  Insert the image you require.

The following steps will insert an image at the top right of your text/module which is the default for this website.  If you want the image elsewhere you can move the image to where you would like it, and change the settings (left/centre/right by clicking on the image.

  1. Insert your curser to the top left of the text (to just before the first letter of the text).
  2. Click on the Ädd Media” button.  This will open the media library.
  3. Click on the image you want to insert.
    • Complete the Alt text and description if you have not already done so.
    • Select Alignment  – Right
    • Link to – none
    • Size – Normally full size.
  4. Click on the Green “Ïnsert into page” button on the bottom right of the page.

When you have inserted all the images you want  save the page as normal.

gallery images

Adding Images to the Media Library

Step 1:  Insert the images into the media library.

Make sure you have named them properly

Names need to be:

  • all lower case
  • no spaced between words (use a _ or a – but be consistent)
  • jpegs
  • playford trust at the beginning (for SEO)
  • meaningful
  • conclude with the width in pixels.

For example an image of Dean Brown that is 600 pixels wide would be:

playford-trust-dean-brown-600.jpg

Step 2:  Image settings

Selecting the correct image settings is critical for SEO, particularly if you remove or link images.

ONLY ENTER THE FOLLOWING OPTIONS

  • URL(will be automatically created
  • Title (will be autofilled)

ALWAYS

  • Enter the Alt tag.  This is the description of the image.  For example an image of Dean Brown sitting in a chair would be ‘man sitting in chair’.

For example an image of Dean Brown that is 600 pixels wide would be:

playford-trust-dean-brown-600.jpg

NEVER

  • Enter the Caption

OPTIONAL, but best avoided

  •  Description

Step 3:  Image setting options when you insert your image

The following steps will insert an image at the top right of your text/module which is the default for this website.  If you want the image elsewhere you can move the image to where you would like it, and change the settings (left/center/right) by clicking on the image.

  1. Insert your curser to the top left of the text (to just before the first letter of the text).
  2. Click on the Ädd Media” button.  This will open the media library.
  3. Click on the image you want to insert.
    • Complete the Alt text (as description) if you have not already done so.
    • Select Alignment  – Right
    • Link to – none
    • Size – Normally full size.
  4. Click on the Green “Ïnsert into page” button on the bottom right of the page.

When you have inserted all the images you want  save the page as normal.

Adding a Newsletter (Using Nov 2016 as example)

  1. Before starting make a thumbnail image of the newsletter.  The dimensions are 150px wide by 213px high.  I use Gimp, but Photoshop or any photo editing software will do it.  When it is done you need to load it into the media library and call it (relevant month, nov_newsletter_2016_thumbnail.jpg
  2. Open the Newsletters page.
  3. First thing can you clone that says “Newsletter April 2016” by clicking on the image which looks like one rectangle above another just to the left of the module heading.
  4. Next drag the cloned module  and put it in the row under the “Newsletter Archives Heading Text” row into one of the boxes that say Insert Module(s).  I think it will look best on the left hand side of this empty row, but you can play with it.
  5. Now go to the original module which will still be under the “Our Current Newsletter heading”.  Open this module by clicking on the “hamburger” to the left of the clone tool and change the heading to November 2016.  Then scroll down to the bottom of the settings and change the Admin Label to Newsletter november 2016.
  6. Then click save and exit.  Then click on Update (the green button on the right hand side of the screen)
  7. Then can you load the new newsletter into the Media library as a PDF.  Call it nov_2016_newsletter_website.pdf.
  8. Copy the URL link which is at the top right hand side of the item details.
  9. Go back to the newsletter page and open up the November 2016 module (which you just changed the name of).  Double click in the Url field and insert the new newsletter url (which you have just copied).
  10. Scroll down the module settings to the Image setting.  Click on UPLOAD AN IMAGE button and select the jpg thumbnail that you created.
  11. Click save and exit.
  12. Click on update.

Then check and test and it should all work. 🙂

 

Edit the Photo Gallery

Step 1:  Open the page which hosts the gallery you want to edit.

For example the Photo Gallery Page.  You will see the Divi Builder and below the builder two modules.  Text and Gallery.  Click on the Hamburger menu (three grey lines on the left hand side of the grey banner which is titled Gallery) to open the module options.

gallery module settings

Step 2:  Select the UPDATE GALLERY button which is the first button under General Settings.

gallery module settings

Step 3:  Select theGallery Settings you require.  Here you can:

  • Edit the Gallery – Drag and drop images to the order you would like them.
  • Add to Gallery using the media libarary process
  • Select the Gallery Settings – such as reverse order or random order.  Current settings should have none of these ticked as you want to be able to order the files yourself.

REMEMBER

  1. Remember to click on the Green “Update Gallery” button at the bottom right of the screen.
  2. Then click on “Save and Exit” to exit the module settings and then;
  3. Click the Green “Update” button on the right hand side as normal to save the page changes.
gallery images

Adding or Changing Text

Changing or adding text to an existing text module

  1. Open the page, post or project that you want to change.
  2. Select the module that you want to change the text in by clicking on the hamburger menu.
  3. Change the text in the Content Box.  Remember to use Headings and paragraph text only.
  4. Select the Save and Exit button to save the module settings
  5. Select the green Update button on the right hand side to save the page.
  6. Check the page to make sure the changes are what you wanted.

Adding a New Text Module

  1. Open the page you want to add your text to.
  2. Go to the part of the page that you want to add a module to.
  3. Select Insert Module
  4. Select Text Module
  5. Follow steps above.

Changing the Scholarship Project text:

Make sure that you preview each change before saving.

  1. Open the Project you wish to edit
  2. Open the module you wish to edit (use the hamburger)
  3. Check what type of text it is – is it paragraph, heading 1, heading 2, heading 3 etc.
  4. Go to the design tab.
  5. Scroll down until you get to the section.
  6. If you want to edit the paragraph text the settings are all there.  I recommend that you change the size and the font type to default.  This will make it the same as the default text across the site.
  7. Consider changing the colour from light gray to white on anything with a gray background as it is easier to read.
  8. Then save as normal.

If you want to change a heading text to paragraph text, then:

  1. highlight the paragraph text you want to change,
  2. select ‘paragraph’ from the options.
  3. then check the design settings are what you want as above.
  4. Save as normal

 

Playford Trust Greens

NEW PLAYFORD TRUST GREEN

#7C9840
C55/M23/Y100/K5

And the olive is a little bit lighter than the one in your demo page:

PLAYFORD TRUST OLIVE

#615D37
C53/M48/Y88/K31

In the logo I¹ve made ³Playford² DIN bold and ³Trust² is still DIN Regular

Hiding and Showing different sections

Particularly for showing Open scholarships

You can hide or show any sections of your website.

To show or hide a module:

  1. Go to Advanced Tab
  2. Scroll down to the bottom where the “Visibility” option is.
  3. Check or uncheck the hide module boxes.  This can be done for everything, or for selected devices.

Code for Editing Footer.

To edit footer. Add this to child theme footer.php

<?php
if ( false !== et_get_option( ‘show_footer_social_icons’, true ) ) {
get_template_part( ‘includes/social_icons’, ‘footer’ );
}
?>

<h5><div style=”float:left; display: inline; positive:relative;”><a href=”http://https://www.sa.gov.au/” target=”_blank”><img src=”http://223.27.23.70/~devplayfordtrust/wordpress/wp-content/uploads/2016/08/Picture-Device-Independent-Bitmap-1.jpg” </div></h5>

<h5><div style=”float:right; display: inline; positive:relative;”> <a href=”http://wwdad.com” target=”_blank”>Designed by Wallace Web Design 2016</a></div></h5>
</div> <!– .container –>

 

Previous attempts were:

 

<?php
function et_get_safe_localization( $string ) {
if ( false !== strpos( $string, ‘Designed by ‘ ) && false !== strpos( $string, ‘Powered by ‘ ) ) {

return ‘Copyright &copy;2016 <a href=”www.3acm.org/privacy-policy
“>YOUR COMPANY NAME</a>’;

}
return wp_kses( $string, et_get_allowed_localization_html_elements() );
}

Richard’s code.

<h5><a href=”http://https://www.sa.gov.au/” target=”_blank”><img src=”http://223.27.23.70/~devplayfordtrust/wordpress/wp-content/uploads/2016/08/Picture-Device-Independent-Bitmap-1.jpg” >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href=”http://wwdad.com” target=”_blank”>Designed by Wallace Web Design</a></h5>

Found as in here:

<?php if ( ‘on’ == et_get_option( ‘divi_back_to_top’, ‘false’ ) ) : ?>

<span class=”et_pb_scroll_top et-pb-icon”></span>

<?php endif;

if ( ! is_page_template( ‘page-template-blank.php’ ) ) : ?>

<footer id=”main-footer”>
<?php get_sidebar( ‘footer’ ); ?>
<?php
if ( has_nav_menu( ‘footer-menu’ ) ) : ?>

<div id=”et-footer-nav”>
<div class=”container”>
<?php
wp_nav_menu( array(
‘theme_location’ => ‘footer-menu’,
‘depth’ => ‘1’,
‘menu_class’ => ‘bottom-nav’,
‘container’ => ”,
‘fallback_cb’ => ”,
) );
?>
</div>
</div> <!– #et-footer-nav –>

<?php endif; ?>

<div id=”footer-bottom”>
<div class=”container clearfix”>
<?php
if ( false !== et_get_option( ‘show_footer_social_icons’, true ) ) {
get_template_part( ‘includes/social_icons’, ‘footer’ );
}
?>

<h5><a href=”http://https://www.sa.gov.au/” target=”_blank”><img src=”http://223.27.23.70/~devplayfordtrust/wordpress/wp-content/uploads/2016/08/Picture-Device-Independent-Bitmap-1.jpg” >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href=”http://wwdad.com” target=”_blank”>Designed by Wallace Web Design</a></h5>
</div> <!– .container –>

</div>

</footer> <!– #main-footer –>
</div> <!– #et-main-area –>

<?php endif; // ! is_page_template( ‘page-template-blank.php’ ) ?>

</div> <!– #page-container –>

<?php wp_footer(); ?>
</body>
</html>