PMYC Website Maintenance

Table of Contents

SITEGROUND.COM

Siteground general login, cPanel and FTP loin: See login sheet.

When an instruction, on any subject, directs that a file be placed at one level below pmyc.com, it means to place it in the public_html foller.

Cpanel

Setup email here.

GOOGLE ANALYTICS SETUP

Google Analytics is my personal account, tied to my jerrywalker3@gmail acct.

The Google Analytics PMYC account is named: PMYC

It has been verified with Google by the placement of an HTML file in the public_html folder. The file name is a long string of numbers preceded by “Google…”

FTP SETUP

FTP Server: us32.siteground.us

Login: same as cPanel login.

The port number is not needed.

LOGINS TO WORDPRESS

Login

  • Jim H. –   Author
  • Jerry W. –    Admin
  • Pmycmember – pmycmember/(pmyc)&30&

WP User Group

  • Pmycmember

  • Role –

EMAIL

In addition to Member email addresses, other email addresses are established to facilitate processing of website activities. For instance, when a visitor signs up with us a message is sent to members@p..m..y..c.com. As per the table below that email is forwarded, by Siteground to jerryw@p..m… Access to all PMYC email addresses is typically via the SiteGround Webmail service.

To use SG webmail use a Browser to go to:

https://secureus32.sgcpanel.com:2096/cpsess5429194905/webmail/Crystal/index.html?login=1&post_login=14206818991718

User/Password: jerryw@pimamicroyachtclub.com/Victoria#49#

Login using your pmyc email user name and PW.

Accounts

  • Jerry Walker – jerryw@pimamicroyachtclub.com
  • Contact@pmyc – used for the Contact form and anywhere else in the site that we want to provide a link to contact us. This address is used by the Contact us! Page and the Contact us link on the right side bar of the Where and When we Sail section.
  • Membership – (used for logging member app form fill outs. The site signup process sends an email to members@p..m..y..c.com. User/PW: pmycmember/(YARDARM_keelhaul). Forwards to jerryw@p..m..y..c.com where it is moved to a foler named “member form”.

Forwarding

The table below is a typical Forwarding table. It is access via CPanel>Email>Forwarders.

Address Forward ToJerry Inbox name
contact@pimamicroyachtclub.comtojerryw@pimamicroyachtclub.comcontacts
info@pimamicroyachtclub.comtojerryw@pimamicroyachtclub.comlearning
members@pimamicroyachtclub.comtojerryw@pimamicroyachtclub.commembers
commodore@pimamicroyachtclub.comto

jerryw@pimamicroyachtclub.com

?

For a follow on website administrator, they need only change this Forwarding table to forward to their own PMYC email address and all transactions originating in the site will go to them.

SITEGROUND LEVEL MODS

Problem: 2017-08-29  Attempts to upload an image gave the message “HTML error”.  I searched the Internet and found the following addition to the first line of the .htaccess file located in the site root. This is a WP issue. It occurred with Elementor and via WP directly.

SetEnv MAGICK_THREAD_LIMIT 1

My investigation into what this line of code did revealed the following:

You’re on a shared hosting. Your hosting provider might want to prevent abuse of CPU usage between each shared host. To prevent abuse they prevent you from running multi-thread tasks. When you load an image, Imagick (Which is an image processing tool) tries to use multi-thread to be as fast as possible.

SITE DATA MAINTENANCE

Site data maintenance page contains links to the detailed maintenance pages.

Access top level maintenance page: enter “/maintenance” after the pmyc.com”.  Only one slash after pmyc.com. The PW for this page is: “&maintenance”. The menu on the maintenance page contains:

  • Top Level page (contains the links to the other pages below_
    • internal page name: zmaintenance
    • External Page Name: Maintenance – Top Level
    • PW: &maintenance
  • Membership table – lists the members on a table that can be sorted on any column.
    • internal page name: zmember-list-table
    • External Page Name: Member List in a Table
    • PW is keelhaul
  • Membership Record Maintenance – permits WordPress logged in users with Author status to make changes to member records.
    • The internal page name: zpmyc-member-maintenance. The
    • External Page Name: Member Maintenance
    • PW for this page: keelhaul
    • Role for updates: Subscriber

ELEMENTOR

Elementor is a post/page development tool that allows the maintainer to work from the front end of the site. thus, every change you make is immediately visible. The site to learn the product at is:

https://elementor.com/

Internal Standards

Default Colors, Fonts, Family etc.

  • 2017-09-24 – I changed the Title color to: 6070c9
  • 2017-09-24 – I changed the font weight to : 400.

See the hamburger menu in upper left corner of Ele. Screen.

The Product (A Plugin)

This documentation is not going to teach anyone on how to use Elementor. Let it be said that in the page/post list in WordPress, pages that have Elementor widgets in them have an entry associated with their name that says “Edit with Elementor”. These pages cannot be edited directly in the WP editor. However, you will find that there is a Text Edit widget that fully implements the WP Edit functionality.

When you add a page/post you will see the Elementor link clearly displayed. Use it for all pages. Initially you will be highly confused by it. However, after viewing the Elementor videos, you will find yourself quickly drawn into its use. Elementors widgets make everything about website development easier. Look at the vids.

Using Selected Elementor Widgets

Anchor Widget

Insert an Anchor Widget before the section that you want to link to on the same page. Add a link name. At the location of the place where you want to link from add text name of the link displayed on screen. Make sure you include the # symbol.

CSS Modifications

I (Jerry) added two sets of CSS to the Global CSS for the site. The Global CSS is accessed via the WP eft column Appearance>Customize>CSS. This is CSS that is stored in the Child Theme for the site. The sections below address each of my CSS additions and the reasons for them.

MYIBOX1 – Image Box Widget Modification (Sept. 2017)

The PMYC site makes significant use of the Image Box widget. It is a very good tool with a wide ranging functional use that combines text with a highly controllable image placed at the top of the box space. The default working of this widget is an image placed left, center or right on the top row, along with a Title. The description is centered in the widget. This widget is used extensively by the site, especially in the post below:

https://pimamicroyachtclub.com/2017/08/23/building-micro-magic-jerry-w-builds-club-purchased-rtr/

In its default use, it is obvious that the content of this widget is not part of the page/post text flow. It is clearly an image with a title and containing a description that is presented as a caption. Experiment with it for a few minutes and you will quickly see what I am trying to say.

It is noted that each instance of the Image Box widget can hold ONE image. So, if multiple images are required, you can make a creative use of the widget, using HTML tags, use the Text widget or get creative and use the Text Editor widget and place the images below it using the Gallery widget. Look at the widget use of the above linked page to see the various ways the widgets are used. I have found that the use of the

and

    tags causes the Image Box formatting to be lost. The text reverts to black and centered. The important point here is that if you use an html tag and the format is impacted find another means of achieving the desired format.

My issue was that I wanted to use the Image Box widget but I wanted the text to appear like all the rest of the text. In order for the text to flow smoothly, some CSS, with a class named “myibox1” was developed. The CSS was placed in the Global Css space as noted above. In each Image Box widget to which the CSS is to be applied one inserts “myibox1” (do not keep the quotes of course), the Class name for the CSS in the Advanced>CSS Classes area within the widget being worked on.  In the Content>Image Position, the image must be centered. You will notice that is the image is manually aligned left or right that the CSS code will not work. What limits this CSS to apply only to an Image Box is “.elementor-widget.elementor-image-box”. I do not think that the “Elementor-widget” phrase is needed. But, I am not takin it until I can test it.

/* Image Box CSS to format the contents to look like all of the other text in the page/post.

/* image – right aligned in widget space */

.myibox1.elementor-widget

.elementor-image-box-img {

   float: right;

}

/* title – left align the text and wrap around the image (clear: none;)*/

.myibox1.elementor-widget

.elementor-image-box-title {

   text-align: left;

   clear: none;

}

/* description – align the text left */

.myibox1.elementor-widget

.elementor-image-box-description {

   text-align: left;

}

MYIBOX2 – MODIFIED MYIBOX1

/* MYIBOX2 – used to format ibox widgets when the major content is an image and a title.

Myibox2 started out as MYIBOX1 then changed to fit my needs.

*/

/*The title is centered,

 there is a box around the widget,

 image is centered

 padding was added and,

 the font size has been reduced as the Titel is being used, essentially, as a description. The titel is, however, an H2 tag; set in the widget settings.

*/

/* image – center aligned in widget space

*/

/* border around entire ibox. I found that I had to use a Container rather than a wrapper. I do not know the difference.

*/

.myibox2.elementor-widget

.elementor-widget-container {

  border: 1px solid grey;

  padding: 6px;

  border-radius: 4px;

}

.myibox2.elementor-widget

.elementor-image-box-img {

   float: center;

}

/* title – centered in the box (clear: none;)*/

.myibox2.elementor-widget

.elementor-image-box-title {

   text-align: center;

   font-size: 1em;

  }

/* description – align the text left */

.myibox2.elementor-widget

.elementor-image-box-description {

   text-align: left;

}

PMYC-TEXT-WIDGET – Text Editor Widget Modification (Sept. 2017)

This widget is, in every apparent way, a duplicate of the WordPress Text Editor. It is an easy way to add stuff to your page that is not directly provided by the other widgets. I have found that is is useful but often the function that you might want to use it for is provided by another widget. The only way to know is to learn what the many Elementor widgets do.

The CSS addition I made for this widget is for providing the blue title color for H tags in this widget. The Elementor Global text color setting does not seem to flow down to this widget. This may be the result of my misuse of the widget. Oh well! For now some CSS does what I want – make the format of a Text Editor widget look like the rest of the page.

/* pmyc-text-widget Class – use with the Ele. Text Editor widget */

/* setting Text widget format. Special formatting is

needed because it appers that Elem. Text ditor does

not handle H tages in the manner as the Ele. widgets

that contain tags, eg ibox */

/* I found the elementor-widget-text-editor identifier

by using the Inspect function of Chrome. To investigate

the co9mponents of Ele. widgets click on one when open

in the Ele. editor. Then look for the stuff you wants.

This needs more investigation ot understand it. */

/* This code resides in the WordPress Global

so that it is accessible to all pages of our

site. */

/* H tags, specifically, do not seem to be processed

in the same manner as the H tags inside a widget.

thus, this CSS. It assigns the same colors to

the H tags as does the Elem. Global settings. */

/* Note that the Class name is pmyc-text-widget. */

.pmyc-text-widget.elementor-widget-text-editor h1 {

   color: #6ec1e4;

}

.pmyc-text-widget.elementor-widget-text-editor h2 {

   color: #6ec1e4;

}

.pmyc-text-widget.elementor-widget-text-editor h3 {

   color: #6ec1e4;

}

.pmyc-text-widget.elementor-widget-text-editor h4 {

   color: #6ec1e4;

}

.pmyc-text-widget.elementor-widget-text-editor p {

   color: #383838;

   font-weight: bold;

}

/* END OF PMYC-TEXT-EDITOR WIDGET CSSS */

PMYC-TABLE – Table Formatting (Sept 2017)

CSS Class Name: pmyc-table

This CSS formats any table including adding borders around the table and each cell and bolds and left aligns the first column. Perhaps, it is possible to combine some of the CSS lines. My CSS skills are medium.

.pmyc-table table {

   border: 2px solid grey;

}

.pmyc-table td th {  border: 1px solid grey;

 }

.pmyc-table th {  text-align: center;

   }

.pmyc-table tr:first-child td, tr td:first-child {

   font-weight: bold;

}

Add Underline and Color to Links

CSS Class Name: none needed. This is a global setting

Links do not, apparently get underlines in WordPress. However, it is a “standard” to do so on the internet. Thus, this Global CSS.

/* ADD UNDERLINE TO LINKS and set the link color */

a, .entry-meta a, entry-content a {

  color: midnightblue;

  text-decoration: underline;

}

/* END OF ADD UNDERLINE TO LINKS */

PLUGINS

Elementor (August 2017, $40/yr. fee)

If the fee is not paid, we keep the fully functional product but do not receive support.

It’s about time for a live page builder, with no limits of design. A page builder that delivers high-end page designs and advanced capabilities, never before seen on WordPress.

It’s time for Elementor Page Builder.

The WordPress description of Elementor is at: https://wordpress.org/plugins/elementor/

The use of Elementor on our site is described in a section above.

Code Snippets

Installed: 2016-08-01

Function: Supposed to make it easier to use the Connections Plugin. However, in Oct. 2016 Connections is not in the Plugin list. I do not know what that means. I deactivated Code Snippets on Oct. 15. In my manual notes I stated that it was too hard to use.

FormidablePro

Installed: Aug 26, 2016

Function: Database management. It is used for the Club membership data.

This plugin has a section of its own in this document.

WYSIJA

Needs documentation

Show Post Categories

Needs documentation

Advanced Image Styles

Installed: May 27, 2017

Needs documentation

Popup with fancybox

Installed: May 24, 2017

Website: http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/

Function: Popup with fancybox plugin allows you to create lightweight JQuery fancy box popup window in your blog with custom content. In the admin interface we can easily configure popup size and timeout (i.e. show popup window based on timeout after page load). In this popup we can display any content such as VideoImage, Advertisement and much more.

It appears that only one box can popup at a time. Multiple boxes can be defined but only one activated at a time.

The development of a popup begins with the installation. I am not covering that topic here as it is standard WordPress stuff.

A popup plugin is included in the website because it gives the opportunity for me to put info in front of a visitor with the assurance that they will, at least, see it. It does not mean they will read it. That’s a different matter. In order to proceed, the visitor must dismiss the popup via the X in the upper right corner.

After installation and activation you access the plugin settings via the Settings>Popup with Fancybox menu. In this part of the plugin, you specify your popups and activate them (Status > Yes). Other than the Popup Width and the content of the popup, the only parameter that matters is the Popup Timeout. This is the delay time after a visitor arrives at a page or post.

The pages selected for the popup to appear are the front page of the site and the front page of the Blog.  Those two pages are:

  • Model Yacht Sailing with the Pima Micro Yacht Club (PMYC) – front page
  • Blog

Each of these pages contains the following code on the top line;

[popupwfancybox group=”GROUP1″]

This code causes the plugin to display the active Group1 popups. I have experimented with having multiple items in Group1 active at the same time. The effects are unpredictable. It seems that the multiple popup contents appear randomly.

Print, PDF & Email by PrintFriendly

Installed: March 1, 2017

Needs documentation

Email posts to subscribers

Installed: May 20, 2017

Needs documentation

WATU Pro

Installed: July, 2016

Needs documentation

Yoast SEO

Installed: June 2016

Yoast website: https://yoast.com/

Yoast provides the website with SEO support. See each page on the site and the yoast link for details.

Changes

2017-010-03 – set NOINDEX of tags in Setup – prevents Google from processing tags, desireable. Read the literature.

Cornerstone Articles

Which articles are my cornerstones?

Choose your cornerstones carefully. Think of four or five pages you would like someone to read if they first visit your website. These articles should be the cornerstones of your site. Which articles are most precious to you? Which articles are the most complete and authoritative? You should write cornerstone articles about the keywords you definitely want to rank for.

As of now, Yoast SEO will ask you to indicate whether or not an article is a cornerstone article. By marking articles as cornerstone, Yoast SEO can help you build a solid internal linking structure. 

Read more: https://yoast.com/what-is-cornerstone-content/

What Are Cornerstone Articles?

While the cornerstone content feature is new to Yoast SEO, it’s by no means a fresh concept. The idea of cornerstone content has been around since at least 2007 when Brian Clark wrote about the concept in a post for Copyblogger.

Cornerstone content, or cornerstone articles, is content that acts as a sort of “hub” for all of your more narrowly focused posts. It’s authoritative and comprehensive. And it’s the foundation upon which the rest of your site is built.

As Demian Farnworth says, cornerstone content is “broad and wide,” while individual blog posts are “narrow and deep.” I recognize that’s a bit vague! So let’s get into some more concrete characteristics of most cornerstone articles:

  • Long-form content: Cornerstone articles are typically the longest articles on your site. Think anywhere from 2,000 words to 10,000+ words. Long-form is not an absolute, though. Copyblogger’s Copywriting 101 isn’t all that lengthy and still fits the other criteria.
  • High-traffic keywords: Because cornerstone articles are the foundation of your site, you want them to target your most important, highest volume search keywords.
  • Up-to-date: While you might not update every blog post, you should regularly update cornerstone articles to always keep them relevant.
  • Link hubs: When you write your regular blog posts, you want to link back to your cornerstone content as much as possible (which is what Yoast’s cornerstone content feature helps you do).

And maybe the best way to frame cornerstone articles in a WordPress-centric manner is this:

Cornerstone articles are such important pieces of content that you might even want to use a page post type instead of the normal post post type.

Check out the link in the prior topic for more on Cornerstone pages.

MANUALLY UPDATING PLUGINS

Most plugin updates are initiated in the Plugin entry in the Plugin list. Some plugins require manual updating, meaning that you must download a zip file and process it. The procedure below describes that process.

  1. First back-up your WordPress site if you haven’t already.
  2. Download a ZIP file of the plugin you need to upgrade. You can usually find most plugins on the plugin repository along with a link to download the newest ZIP file.
  3. Unzip the plugin onto your local machine. It will create a directory called ‘plugin-name’ with all the files under it. Move the folder to the Google Drive PMYC folder.
  4. Use FTP to delete the existing plugin directory from the /public_html/wp-content/plugins/ directory on your site.
  5. Replace the deleted directory by uploading the unzipped plugin to the /public_html/wp-content/plugins/ directory leaving it in a directory that looks like (for example) wp-content/plugins/plugin-name
  6. Sign in to your WordPress site. Go to the ‘Plugins’ menu and verify that the plugin you upgraded is the newest version.

CHILD-THEME with a Functions.php file

Child Theme Setup

A Child Theme is created to provide a place to store CSS in a place that would not be changed when/if our WordPress “Twenty-Sixteen” theme is changed.

The PMYC Child Theme is named “child-theme-pmyc”. It is stored in public-html/wp-content/themes. The file is accessible via the WordPress Admin Appearance>Edit CSS>Additional CSS menu. When you go into Edit CSS you will see all of the options available under the Appearance menu, except they are in the context of the Child Theme rather than the Parent Theme.

Here is an article explaining Child Themes: https://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial

The Child Theme for PMYC site was implemented using the Enqueue technique. The implementation is via the Functions.php file in the Child Theme folder.

The Child Theme styles.css file is contains the info needed to identify the parent theme name: twentysixteen.

/*

Theme Name:   Child Theme – PMYC 16

Theme URI:    http://www.pimamicroyachtclub.com

Description:  A Twenty Sixteen child theme

Author:       Jerry-Walker

Author URI:   http://www.pimamicroyachtclub.com

Template:     twentysixteen

Version:      1.0.0

*/

The important part of implementing the Chjild theme is the contents of the functions.php file, also in the Child theme folder. Its content is:

 

The function.php content has been tested. Until the code above was installed on July 3, 2017, the child theme did not work. Style changes were never recorded nor used.

An article “How to include Styles in WordPress themes”  https://digwp.com/2016/01/include-styles-child-theme/

It appears that a better article is at: https://wordpress.stackexchange.com/questions/164059/child-theme-does-not-overwrite-parent-themes-style-css

Child Theme Style.CSS Additions

Added Date: Feb. 2017 – moved posting date to bottom of each post

/*

BEGINNING OF CSS TO MOVE THE POSTING DATE, ETC FROM A COLUMN TO THE LEFT OF EACH POST TO THE END OF THE POST.

IF THIS CODE IS TAKEN AWAY THE ITEMS WILL RETURN TO THE LEFT COLUMN .

*/

@media screen and (min-width: 61.5625em) {

body:not(.search-results) article:not(.type-page) .entry-footer

{

float: none;

margin-top: 1.5em;

width: 100%;

}

.single .byline, .full-size-link,

body.group-blog:not(.search-results) .byline,

body:not(.search-results) .entry-format,

body:not(.search-results) .cat-links,

body:not(.search-results) .tags-links,

body:not(.search-results) article:not(.sticky) .posted-on,

body:not(.search-results) article:not(.type-page) .comments-link,

body:not(.search-results) article:not(.type-page) .entry-footer .edit-link

{

   display: inline;

}

  body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after

{

display: inline;

}

body:not(.search-results) article:not(.type-page) .entry-content

{

float: none;

width: 100%;

}

body:not(.search-results) article:not(.type-page) .entry-footer .avatar

{

display: inline;

margin: auto 0.3em 1em auto;

width: 27px;

}

}

/*

END OF CSS TO MOVE THE POSTING DATE, ETC…

*/

Added Date: July 4, 2017 – Link emphasis

a:link    { color: #6666ff;}  /* unvisited links */

a:visited { color: #0c0 }  /* visited links */

a:hover   { color: #000099;  font-weight: bold; }  /* user hovers */

a:active  { color: #ccc }  /* active links  */

Adding a Functions.php

Date Performed: Feb. 2017

Functions.php is where a theme’s main functions are typically stored. A parent theme’s functions are always loaded with the child theme, but if you need to add more custom functions to your theme then you can do so by creating a new functions.php file within your child theme folder. The new functions will be loaded right before the parent theme’s functions. Your child theme’s functions.php file should start with a php opening tag and end with a php closing tag. In between, you can add your desired php code.

The functions.php file is edited in the Appearance > Editor menu

SHOWING AUTHOR ON POSTS

Site must have a minimum of two authors writing. As soon as I changed a Post author to other than Jerry as Admin, the Authoor field showed on all posts.

CATEGORIES

Categories are created in the Posts>Categories menu. They are, by default, in increasing alpha order. Categories with Parents appear in alpha order under the Parent. If you want a category to appear out of its alpha order change its name. For instance, I added an underline in front of “all posts…” and “Start Here” to force them to the top of the list. See the website to observe this.

FORMIDABLE

PAGE – MEMBER LIST

Page name: http://pimamicroyachtclub.com/pmyc-members/

Page Content:

  • [display-frm-data id=479 filter=1]

PAGE – BUSINESS DIR MAINT

Page name: http://pimamicroyachtclub.com/pmyc-member-maintenance/

DESCRIPTION OF PAGE

The description of the use of this page appears at the bottom of the page. This was done to keep the page clean in the area where you will be doing your work.

[display-frm-data id=3459 filter=1 ]

Please select a valid form

3459 = View

FORM – BUSINESS DIR MAINT

Page Name: …/business-directory-page-v2

Member maint:  http://pimamicroyachtclub.com/pmyc-member-maintenance/ 

Form #: 8

Form: Member maint: 2

It’s a standard form – like any other

  • Specify required fields
  • Each field has a field key

VIEW – BUSINESS DIR MAINT

View id = 3459

Specify the form

Basic: all entries

Before Content

  • Disable Visual editor for this view

 

-Select a business-

http://civanoneighbors.com/business-directory-page-v2/”>Create new entry

Note: the link above is the page name – permalink.

Content

http://civanoneighbors.com/business-directory-page-v2/?frm_action=edit&entry=[id]”>[x27gy3]</option>

Note: the link above is the page name – permalink.

X27gy3 = Business Name field on form. This field appears in the drop down box

After Content

 

Sort & Filter

Specify the sort order

Settings – from menu

General

  • On Submit:
    • Show message – drop down
  • Allow Front end editing – ON  logged on users
    • On Update – show message
  • Style
    • User default
    • Submit text = “submit”
    • Update text = Update
    • Submit button alignment – default
  • Messages
    • On Submit – “Your action was processed. Thank you
    • On update – Your submission was successfully saved

Form Actions – email

Customize HTML

After Fields

[deletelink label=Delete class=”frm_form_submit_style delete_button”]

Submit Button

Note: The yellow is unique to updating views.

WEBSITE/WORDPRESS SETTINGS

WP Settings

Screen Options

From Dashboard > Click on Screen Options at top right of screen>check the options to use – ONLY THE CHECKED ITEMS ARE ACTIVE

The red items below in the list are the active options. If there is not explanation for an item, I do not know what it is.

Last Updated: 2017/07/28

Yoast SEO – The site uses Yoast plugin for SEO matters.

Revisions

Excerpt – text entered into the Excerpt box at the bottom of a post will appear immediately after the post title, using an enlarged font. Send Trackback

sCustom Fields

Discussion

Comments

Slug

Author

Format

Categories

Tags

Featured Image

SharingLayout

BLOG Setting

How to Create a Separate Page for Blog Posts in WordPress

By default WordPress displays your content in a blog format on the homepage. But what if you want to create a custom homepage in WordPress? Where does your blog page go? In this article, we will show you how to create a separate page for blog posts in WordPress.

Video Tutorial

If you don’t like the video or need more instructions, then continue reading.

Using Default Static and Blog Page Settings in WordPress

WordPress comes with built-in support for creating a custom home page (static front page), and a separate page for blog posts. To use this method, you need to create two new WordPress pages. The first page is going to be your custom home page. In your WordPress admin, go to Pages » Add New to create a new page. You can title this page Home. On the right hand side, you will see Page Attributes box with an option to choose a template.

Most modern WordPress themes come with custom page templates that can be used for the static front page of your website. In this example we are using the Twenty Twelve theme which comes with a front page template. After choosing the template, the next thing you need to do is to click on screen options at the top right corner of the screen and check the discussion box.

This will display discussion meta box below the post edit area. Uncheck both comments and trackbacks to disable discussion on the home page.

Next you need to create another page for your blog posts. You can title this page as Blog. A lot of WordPress themes come with different templates, and it is possible that your theme may have a template to be used for blog page. However, if there is no template available in your theme, then you can simply choose default. Don’t forget to disable the comments and trackbacks option on this page as well.

What we have done here is created two pages which we will use to display a custom homepage and a page for blog posts. Now we need to get WordPress to use these pages accordingly. To do that go to Setttings » Reading and under the Front page displays option choose A static page. Below that choose the page to be used as the front page and the page for your blog posts.

Save your changes, and load your site to review changes. You may want to display the blog page in your navigation menus. To do that go to Appearance » Menus and add blog page to your menu.

We hope this article helped you create a custom page for blog posts in WordPress. For feedback and questions please leave us a comment or reach us on twitter @WPBeginner.

Viewing YouTube Videos

After you have uploaded a video (this appears to be a slow process – took 40 minutes to upload a 4 min. video,  to your YouTube account and made it Private you can share with anyone with a YouTube account. I think this means a Google account as YouTube is owned by Google.

To share the video go to your YouTube account on your computer. It does not appear that it is possible to share a YouTube video from a tablet or phone. Somewhere on the YouTube window will be a Share with box. Type the email address of the person with whom you want to share the video. The person with whom you shared must abide by the following rules.

View Private Videos

Private videos can only be seen by people who have been invited to view the video.

Here are some possible reasons why you or somebody you’ve shared the video with aren’t able to see a private video:

  • Viewers need to have a YouTube account and be signed into it when trying to view the video.
  • If the viewer has multiple YouTube accounts, they must be signed into the account which the video has been shared with.
  • Since private videos don’t appear on a Channel page, the person will need to use the specific link to the private video. YouTube will send them an email with the link once you’ve invited them, but you can also send it yourself.

POSITIONING IMAGES IN A POST

Added: 2017-05030

Positioning images in a page/post can be challenging. The below link was as good as any reference on the subject. The big take away of this web item is to write the text, then insert the images.

http://webtrainingwheels.com/image-positioning-spacing-alignment-wordpress-problems/

If the above link ever goes away repeat the web search using something like “inserting and positioning images in wordpress”.

ADDING EXCERPTS TO A POST

This extacted from WP Codex.

Excerpt

Languages: EnglishالعربيةEspañolFrançaisPortuguês do BrasilРусский日本語中文(简体) • (Add your language)

The WordPress Excerpt is an optional summary or description of a post; in short, a post summary.

The Excerpt has two main uses:

  1. It replaces the full content in RSS feeds when the option to display summaries is selected in Dashboard › Settings › Reading.
  2. Depending on the WordPress theme, it can be displayed in places where quick summaries are preferable to full content:
    • Search results
    • Tag archives
    • Category archives
    • Monthly archives
    • Author archives

Contents

How to add excerpts to posts

To add an excerpt to a post, simply write one in the Excerpt field under the post edit box. An excerpt can be as short or as long as you wish. Usually, given its purpose, a couple of sentences is fine. If adding the excerpt manually, you may use (some) HTML formatting and the tags will not be stripped.

Note: As of WordPress version 3.1, some screen options on the Post & Page edit Administration Panels are hidden by default. The Excerpt field is hidden by default if it has not been used before.

Interestingly, since the WordPress excerpt is similar in purpose to the META description of (X)HTML documents, excerpts can additionally be used as meta descriptions too. Some themes do this by default. It can also be done by means of an SEO plugin or a plugin for managing data in the head of (X)HTML pages.

How to add a link beneath an excerpt to the full post

When using the excerpt feature WordPress does not automatically provide a link to a page containing the full post. To generate a link include the following code in the loop directly below

Read More…

Or put the following in your theme’s functions.php.

function new_excerpt_more( $more ) {
return ‘ ‘ . __(‘Read More’, ‘your-text-domain’) . ‘‘;
}
add_filter( ‘excerpt_more’, ‘new_excerpt_more’ );

Excerpt, automatic excerpt, and teaser

The manual WordPress excerpt is often confused with the automatic excerpt or with the teaser (the part of a post that appears on the front page when you use the More tag). While both are related to the manual excerpt, they are different from it.

The relationship between the three is this: When a post has no manual excerpt and the post template uses the the_excerpt() template tag, WordPress generates an excerpt automatically by selecting the first 55 words of the post. When the post template uses the the_content() template tag, WordPress will look for the More tag and create a teaser from the content that precedes the More tag.

Contact Us – adding the email address to a page

There are two places on the site containing the Contact Us link. The link is to a gmail account: pmyccontact@gmail.com. This use of gmail for the contact address is driven by the ease of managing gmail addresses. 2018-04-27: I use Gmail to access pmyc email. It is a bit of a clumsy interface so I decided to change to the noted gmail account.

  1. Appearance>Widgets>Where we sail sidebar. See Contact us link.
  2. pages>Contact Us!

The html for the email is:

 

Contact us!