Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
author:wordpress [2019/06/04 14:55]
jjensen [Step 21 - Create an email list phpList.org]
author:wordpress [2019/08/17 21:04] (current)
jjensen [Create Blog Post with Divi Part 2 - Introduction]
Line 151: Line 151:
  
 ==== Step 0 - Planning Website and Blog ==== ==== Step 0 - Planning Website and Blog ====
 +
 +<WRAP notice>​Step ??</​WRAP>​
 +==== Royalty Free Images ====
 +  * Unsplash [[http://​www.unsplash.com|unsplash.com]]
 +  * Pixabay
 +    * [[http://​www.pixabay.com|pixabay.com]] - jefferyjjensen normal
 +  * pixels.com
 +  * [[http://​www.canva.com|canva.com templates]] - jeff@nimshelp.me wwonew
  
 === Directory Structure === === Directory Structure ===
Line 172: Line 180:
  
 === Planning - Define Ideal Audience === === Planning - Define Ideal Audience ===
 +  * Who is my target market?
 +  * What job is my product/​service/​knowledge being hired to solve?
 +    * Creators - people who want knowledge and experience to make their own tools
 +    * Inventors - people who have product ideas but don't know how to make it
 +    * Teachers - people who want to show family/​friends how to make something
 +    * Self worth and self esteem seekers - people want to learn and experience the satisfaction of making their own tools
 +    * Necessity is the mother of invention, it is true, but its father is creativity, and knowledge is the midwife - Jonathan Schattke
  
 === Website To Do List === === Website To Do List ===
Line 187: Line 202:
       - Microsoft Forms - [[https://​support.office.com/​en-us/​article/​frequently-asked-questions-about-microsoft-forms-495c4242-6102-40a0-add8-df05ed6af61c|someone without an Office 365 account can respond to my survey]]       - Microsoft Forms - [[https://​support.office.com/​en-us/​article/​frequently-asked-questions-about-microsoft-forms-495c4242-6102-40a0-add8-df05ed6af61c|someone without an Office 365 account can respond to my survey]]
   - Email setup   - Email setup
 +    - Need multiple email clients to send newsletter to, see how it is displayed
 +      - Outlook - fidel.juan@outlook.com webone
 +      - GMail - juanpfidel@gmail.com webone
 +      - Mail.com - juan.fidel@mail.com webone
 +      - [[https://​mail.yahoo.com|Yahoo]] - jefferyjjensen@yahoo.com NormalOneX
 +      - Roundcube - http://​nimshelp.me/​webmail - jeff@nimshelp.me
   - Style Guide/Brand Book   - Style Guide/Brand Book
     - company name     - company name
Line 813: Line 834:
     * Portfolio     * Portfolio
     * Shop     * Shop
 +
 +=== Divi Update ===
 +  * re-enter API key https://​www.elegantthemes.com/​members-area/​api/​
 +  * 1. login blog.nimshelp.me/​wp-admin
 +  * 2. Divi -> Updates
 +  * 3. Username jefferyjjensen normal
 +  * 4. Dashboard -> Updates
 +    * WordPress Updates
 +    * Plugins updates
 +    * Themes updates
  
 === Divi Module - Blog === === Divi Module - Blog ===
Line 918: Line 949:
 <WRAP notice>​Step 7</​WRAP>​ <WRAP notice>​Step 7</​WRAP>​
 ==== Step 7 - Design Home Page ==== ==== Step 7 - Design Home Page ====
 +  * According to Brook Castillo, need the following pages 
 +  * 1. Home Page 
 +  * 2. About Me 
 +  * 3. Working with me/​Services 
 +  * 4. Blog 
 +  * 5. Terms and Conditions/​Privacy 
 +  * 6. Page not found - 404 error 
 +  * 7. Standalone opt in page
 <WRAP notice>​Step 8 </​WRAP>​ <WRAP notice>​Step 8 </​WRAP>​
 ==== Step 8 - Add Sidebar Content ==== ==== Step 8 - Add Sidebar Content ====
Line 1009: Line 1047:
 <WRAP notice>​Step 13</​WRAP>​ <WRAP notice>​Step 13</​WRAP>​
 ==== Step 13 - Divi Blog ==== ==== Step 13 - Divi Blog ====
 +  * Divi Blog Module ​
 +    * show an archive of your existing blog pages
 +  * Create a Blog Page using Divi
 +    * [[https://​www.elegantthemes.com/​documentation/​divi/​blog/​|Divi Builder Plugin Documentation]]
   * Reference   * Reference
     * [[https://​www.elegantthemes.com/​documentation/​divi/​blog/​|Divi blog]]     * [[https://​www.elegantthemes.com/​documentation/​divi/​blog/​|Divi blog]]
Line 1078: Line 1120:
     * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​kpmTKiTt9Pw"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​     * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​kpmTKiTt9Pw"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
  
-==== Step 15 - create blog post ==== 
-  * VERY IMPORTANT - Divi Cannot Create a Post!!! WordPress has to create the post and it uses its default theme/​layout. You then have to change two settings and then you can use Divi Modules and Sections. 
-  * Step 1 - Dashboard -> Posts -> Add New 
-  * Step 2 - Post settings 
-    * give the Post a Title 
-    * add a Category 
-    * add a feature image 
-    * click Publish 
-  * Step 3 - Use Divi Builder button 
-    * Page Layout = **Fullwidth** 
-    * Post title = **Hide** 
-  * Step 4 - delete existing sections 
-  * Step 5 - add Fullwidth Section 
-    * Insert Module: Fullwidth Post Title 
-    * For some reason the Header includes a 1px wide box shadow around it. Need to add CSS code to remove 
-    * Divi -> Theme Options -> Custom CSS 
-      * <​html><​code>​ 
-      * header#​main-header.et-fixed-header,​ #​main-header{ <br /> 
--webkit-box-shadow:​none !important; <br /> 
--moz-box-shadow:​none !important; <br /> 
-box-shadow:​none !important; <br /> 
-}</​code></​html>​ 
-    * Change Admin Label to Fullwidth Post Title: nimshelp.me 
-    * Problem - too much white space above the Post Title, solution 
-      * Fullwidth Post Title - Module Settings -> Design tab 
-      * Spacing 
-        * Custom Margin - leave blank 
-        * Custon Padding - top=30px (leave rest blank) 
-  * Step 6 - Featured Image (min 200x200) 
-    * Problem when using Divi Page Settings -> Page Layout: Fullwidth. This causes the Feature Image to be stretched the entire width of the window. 
-    * Easy solution is to not use the Featured Image, but I think this is bad for Google, as the Featured Image is used to represent the post in Google. 
-    * Next solution is to modify the CSS  
-    * WordPress Dashboard -> Divi -> Theme Options -> Custom CSS, then paste in below code 
-    * <​html><​code>​ 
-    * /*Modify feature image on single post page */<br /> 
-/​*Desktop*/<​br /> 
-.single-post .et_pb_title_featured_container img {<br /> 
-    width: 500px!important;<​br /> 
-    margin: auto;<br /> 
-    display: block;<​br /> 
-}<br /> 
-<br /> 
-/​*Tablet*/<​br /> 
-@media only screen and (max-width: 980px) {<br /> 
-.single-post .et_pb_title_featured_container img {<br /> 
-    width: 500px!important;<​br /> 
- ​}<​br /> 
-}<br /> 
-<br /> 
-/​*Mobile*/<​br /> 
-@media only screen and (max-width: 767px) {<br /> 
-.single-post .et_pb_title_featured_container img {<br /> 
-    width: 500px!important;<​br /> 
- ​}<​br /> 
-}</​code></​html>​ 
-  * Step 7 - add Divider 
-    * Divider Settings 
-      * Sizing 
-        * Module Alignment -> Center justify button (need to be in Visual Builder) 
-        * {{author:​wordpress:​divi-divider-module-alignment.png?​400|Divider Settings - Module Alignment}] 
-    * Reference 
-      * [[https://​www.elegantthemes.com/​blog/​theme-releases/​shape-dividers|Divi Shape Dividers for Divi Sections]] 
-      * [[https://​www.elegantthemes.com/​documentation/​divi/​divider/​|Divi Divider Module]] 
-  * Step 8 - add Standard Section - Introduction 
-    * Insert Module: Text (this will be the Introduction) 
-      * Admin Label Text: Introduction 
-    * Change background to light blue 
-      * Section Properties (3 horizontal lines, blue color) 
-  * Step 9 - add Standard Section -> 2/3 and 1/3 columns 
-    * Insert Module (2/3) -> Text 
-    * Insert Module (1/3) -> Image 
-  * Step 10 - add Comments Section 
-    * WordPress by default adds Comments section to the bottom of every post 
-    * Add Standard Section - one column row 
-      * Background: color dark blue 
-    * Insert Module -> Comments 
-      * Content tab 
-        * Background: color dark blue 
-      * Design tab 
-        * Title Text Color: light blue 
-        * Comment Text: dark blue 
-        * Field Text 
-          * Field Background Color: light blue 
-          * Field Text Color: dark blue 
-        * Meta Text - text to the right of the username of the person leaving a comment (typically Date and Time) 
-          * light blue 
-        * Button 
-          * Use Custom Styles for Button: YES 
-    * Add Subscribe Widget 
-      * Appearance -> Widgets -> Footer Area #1 
-      * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​em00SQCCb6w"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​ 
-    * References 
-      * [[https://​www.elegantthemes.com/​documentation/​divi/​comments/​|Divi Comments]] 
-      * [[https://​www.elegantthemes.com/​blog/​divi-resources/​5-cool-things-you-can-do-in-divi-with-anchor-links|5 Cool Things You Can Do In Divi with Anchor Links]] 
- 
-=== Blog Structure === 
-  - Title that captivates 
-    - 50-60 characters 
-    - include keywords 
-  - Adjust permalink (keep short) use postname instead of Year and Month default 
-  - Feature Image 
-    - title of image must have SEO keywords 
-    - also include keywords in the ALT tag section of the image 
-  - Post Introduction - Captivate Audience 
-    - Tell a story that connects with audience 
-    - Put best content first or final, then give details 
-    - include 1-2 images 
-    - header - 1500 words long 
-    - use multiple sections H2 and H3 tags 
-    - use only 2 colors (light color for links) 
-  - Pillar Post 
-    - 1000 words 
-    - include 1 image (use infographic) 
-  - Body of Post 
-    - Readable and easy to scan by  
-      - using pictures 
-      - use subheadings (H2, H3, H4, note H1 is for Title) 
-      - bullet points or numbered lists 
-      - go easy on bold and italic words 
-      - keep short paragraphs (1-3 sentences, makes it easier for mobile users) 
-      - engage readers by providing links to relevant posts, links and incentive opt-in form 
-  - Links in Post 
-    - use external links to high quality/​popular/​leading websites - this will increase the credibility of my website and increases the Alexa ranking 
-  - Review Post 
-    - call to action - selling product/​service 
-    - 700-800 words 
-    - use 1 picture 
-  - SEO Post - use 5 tags and assign Categories 
-  * References 
-    * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​J5WFZzwTwj8"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​ 
-    * [[https://​wordpress.org/​support/​article/​writing-posts/​|WordPress.org - Writing Posts]] 
-    * [[https://​www.lolaceleste.com/​12-step-before-publishing-blog/​|12 Things to do before publish a blog]] 
-      * link to old posts 
-      * always end with a call to action 
-==== Royalty Free Images ==== 
-  * [[http://​www.pixabay.com|pixabay.com]] - jefferyjjensen normal 
-  * pixels.com 
-  * [[http://​www.canva.com|canva.com templates]] - jeff@nimshelp.me wwonew 
  
 <WRAP notice>​Step 16</​WRAP>​ <WRAP notice>​Step 16</​WRAP>​
Line 1419: Line 1323:
   - [Q] How does the end user manage their subscription?​   - [Q] How does the end user manage their subscription?​
     - [A] http://​news.jefferyjjensen.com/?​p=preferences then login with email address     - [A] http://​news.jefferyjjensen.com/?​p=preferences then login with email address
 +  - [Q] When someone unsubscribes from the newsletter, is there email deleted from the database?
 +    - [A] No, there is a field and they are changed to blacklist ​
  
 === PhpList Setup === === PhpList Setup ===
Line 1595: Line 1501:
   * [DOMAIN] - prints your domain, e.g. yourdomain.com as listed in your configuration settings   * [DOMAIN] - prints your domain, e.g. yourdomain.com as listed in your configuration settings
   * [EMAIL] - prints the subscribers email address   * [EMAIL] - prints the subscribers email address
-  * {{author:​wordpress:​phplist-config-settings-campaign.png?​400|phpList Configure Settings - Campaign}}+  ​* Where do I enter the values for the placeholders?​ 
 +    * phpList dashboard: Campaigns -> Send a campaign 
 +      * Start a new campaign button 
 +      * where do I select the template? 
 +      * 1 Content tab 
 +    * phpList dashboard: Config -> Settings -> Campaign Settings 
 +      ​* {{author:​wordpress:​phplist-config-settings-campaign.png?​400|phpList Configure Settings - Campaign}}
   * References   * References
     * [[https://​www.phplist.org/​manual/​ch023_advanced-templating.xhtml|More template placeholders]] - phpList.org manual     * [[https://​www.phplist.org/​manual/​ch023_advanced-templating.xhtml|More template placeholders]] - phpList.org manual
Line 1643: Line 1555:
   * Sending   * Sending
  
 +==== phpList Plugin - View in Browser ====
 +  * phpList Dashboard -> Config -> Manage plugins
 +    * https://​github.com/​bramley/​phplist-plugin-viewbrowser/​archive/​master.zip
 +      * "​Error:​ Invalid download URL, please reload the page and try again"
 +      * {{author:​wordpress:​phplist-plugin-viewbrowser.png?​400|Install View Browser Plugin}}
 +    * Manually install
 +      * login cPanel
 +      * upload /​tmp/​phplist-plugin-viewbrowser-master.zip and extract
 +      * navigate into /​tmp/​phplist-plugin-viewbrowser-master/​plugins/​
 +      * copy to news.nimshelp.me/​admin/​plugins/​ViewBrowserPlugin
 +      * copy to news.nimshelp.me/​admin/​plugins/​ViewBrowserPlugin.php
 +  * [[https://​github.com/​bramley/​phplist-plugin-viewbrowser/​|Download View in Browser Plugin]]
 +  * placeholder is [VIEWBROWSER]
 ==== Step 22 - YouTube ==== ==== Step 22 - YouTube ====
   * [[https://​www.wpbeginner.com/​wp-tutorials/​how-to-add-youtube-subscribe-button-in-wordpress/​|How to add YouTube Subscribe Button in WordPress]]   * [[https://​www.wpbeginner.com/​wp-tutorials/​how-to-add-youtube-subscribe-button-in-wordpress/​|How to add YouTube Subscribe Button in WordPress]]
Line 1690: Line 1615:
   * username: jefferyjjensen normal   * username: jefferyjjensen normal
  
 +===== Planning a Blog Post =====
 +  * Step 1 - login to Google Ads Keyword Planner
 +    * [[https://​ads.google.com/​home/​tools/​keyword-planner|Google Keyword Planner]]
 ===== Posts - Edit ===== ===== Posts - Edit =====
   * Login   * Login
Line 1741: Line 1669:
   - **Long-Term Review** - Integrated ongoing, periodic review into lessons to maintain student skills, address deficiencies,​ build conceptual understanding,​ and prepare for high stakes tests.   - **Long-Term Review** - Integrated ongoing, periodic review into lessons to maintain student skills, address deficiencies,​ build conceptual understanding,​ and prepare for high stakes tests.
   - Multiple - have students teach other students   - Multiple - have students teach other students
-==== 1-Title ​====+=== 1-Title ===
   * Max 60 characters   * Max 60 characters
  
-==== 2-Subtitle - Excerpt ​====+=== 2-Featured Image === 
 +  * asdf 
 + 
 +=== 3-Subtitle - Excerpt ===
   * Max 50 words   * Max 50 words
   * Teaser for the article   * Teaser for the article
  
-==== 3-Introduction ​====+=== 4-Introduction ===
   * 250 word article answering the Title and Subtitle question   * 250 word article answering the Title and Subtitle question
  
-==== 4-Featured Image ==== +=== 5-Body ===
-  * asdf +
- +
-==== 5-Body ​====+
   * Use H3 Heading   * Use H3 Heading
   * add 1 to 2 images for each heading   * add 1 to 2 images for each heading
   * Cross-reference with other posts I've done   * Cross-reference with other posts I've done
  
-==== 6-Conclusion ​====+=== 6-Conclusion ===
  
-==== 7-References ​====+=== 7-References ===
   * Attachments   * Attachments
   * Download files   * Download files
  
-==== 8-Categories and Tags ====+=== 8-Categories and Tags ===
   * Assign categories   * Assign categories
   * Assign tags   * Assign tags
 +
 +=== 9-Call to Action ===
 +  * sign up for mini-course
 +  * Recommend only one call to action, to avoid confusion
 +  * If reading the blog, then hopefully already subscribed to newsletter. If not, this option is on each blog.
 +
 +===== Create Blog Post with Divi Part 1 Title =====
 +  * VERY IMPORTANT - Divi Cannot Create a Post!!! WordPress has to create the post and it uses its default theme/​layout. You then have to change two settings and then you can use Divi Modules and Sections.
 +  * {{author:​wordpress:​divi-newpost1.png?​400|Divi New Post}}
 +  * Step 0 - login wordpress
 +    * [[https://​blog.nimshelp.me/​wp-admin|blog.nimshelp.me/​wp-admin]] jjensen wwonew
 +      * If you login as Admin, then all new posts will have Author as admin (which can be changed using QuickEdit)
 +  * Step 1 - Dashboard -> Posts -> Add New
 +  * Step 2 - Post settings
 +    * give the Post a Title (use slug then change to actual title later using QuickEdit)
 +    * add a Category (not as critical because using https://​blog.nimshelp.me/​%postname%/​ instead of %category%/​%postname% which is difficult to change)
 +    * add a feature image
 +    * click Publish
 +    * Check Permalink aka Slug
 +      * https://​blog.nimshelp.me/​gdt01
 +  * Step 3 - Use Divi Builder button (purple background). If you don't click this, won't have the option to change to fullwidth below
 +    * Divi Page Settings (left hand side)
 +      * Page Layout = **Fullwidth**
 +      * Post title = **Hide**
 +      * If you don't make these changes, then will see two post titles and two featured images
 +      * {{author:​wordpress:​divi-pagelayout-fullwidth.png?​400|Divi Page Layout}}
 +  * Step 4 - add Fullwidth Section
 +    * Standard Section | Fullwidth Section | Speciality Section | Add From Library
 +      * select **Fullwidth Section**
 +    * Insert Module -> Fullwidth Post Title
 +    * Fullwidth Post Title Module Settings
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Change Admin Label to Fullwidth Post Title: nimshelp.me
 +      * Design tab
 +        * Spacing
 +          * Custom Margin - leave blank
 +          * Custon Padding - top=30px (leave rest blank)
 +          * Problem - too much white space above the Post Title, solution
 +    * For some reason the Header includes a 1px wide box shadow around it. Need to add CSS code to remove
 +    * Divi -> Theme Options -> Custom CSS
 +      * <​html><​code>​
 +      * header#​main-header.et-fixed-header,​ #​main-header{ <br />
 +-webkit-box-shadow:​none !important; <br />
 +-moz-box-shadow:​none !important; <br />
 +box-shadow:​none !important; <br />
 +}</​code></​html>​
 +  * Step 5 - delete existing sections
 +  * Step 6 - Section (purple) Settings
 +    * Content tab
 +      * Background -> #e8eff7
 +    * Design tab
 +    * Advanced tab
 +    * {{author:​wordpress:​divi-section-whitespace.png?​400|Section whitespace}}
 +  * Step 7 - Add new Standard Section ​
 +    * Section Module Settings (blue)
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Admin Label: Section: Subtitle
 +      * Design tab
 +        * Spacing
 +          * Padding: Top 30px
 +    * Row Module Settings (green)
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Admin Label: Row: Subtitle
 +  * Step 8 - Insert Module-> Text
 +    * Content tab
 +      * Heading 2
 +      * Follow Yes, Yes, Yes - what are two questions the reader has, phrase so they say yes, then as they read on, will get the answer
 +      * Background -> #e8eff7
 +      * Admin Label: Text: Subtitle H2
 +  * Regular -> Single column -> Divider
 +  * Step 8 - Row Settings
 +    * Content tab
 +      * Background -> #e8eff7
 +      * Admin Label: Row: Divider: Red line
 +    * Design tab
 +    * Advanced tab
 +  * Step 6 - Featured Image (min 200x200)
 +    * Problem when using Divi Page Settings -> Page Layout: Fullwidth. This causes the Feature Image to be stretched the entire width of the window.
 +    * Easy solution is to not use the Featured Image, but I think this is bad for Google, as the Featured Image is used to represent the post in Google.
 +    * Next solution is to modify the CSS 
 +    * WordPress Dashboard -> Divi -> Theme Options -> Custom CSS, then paste in below code
 +    * <​html><​code>​
 +    * /*Modify feature image on single post page */<br />
 +/​*Desktop*/<​br />
 +.single-post .et_pb_title_featured_container img {<br />
 +    width: 500px!important;<​br />
 +    margin: auto;<br />
 +    display: block;<​br />
 +}<br />
 +<br />
 +/​*Tablet*/<​br />
 +@media only screen and (max-width: 980px) {<br />
 +.single-post .et_pb_title_featured_container img {<br />
 +    width: 500px!important;<​br />
 + ​}<​br />
 +}<br />
 +<br />
 +/​*Mobile*/<​br />
 +@media only screen and (max-width: 767px) {<br />
 +.single-post .et_pb_title_featured_container img {<br />
 +    width: 500px!important;<​br />
 + ​}<​br />
 +}</​code></​html>​
 +  * Step 7 - add Divider
 +    * Visual Builder -> Divi dark gray gear icon (Module Settings) for the Divider -> Design tab
 +    * add standard Section, Divider is NOT available in Fullwidth Section
 +    * Insert Modules -> Divider
 +      * {{author:​wordpress:​divi-divider.png?​400|Standard Section - Divider Module}}
 +    * Divider Settings
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Admin Label: Divider: Red line
 +      * Design tab
 +        * Line -> red (#d32027)
 +        * Line Position -> Vertically Centered
 +        * Sizing
 +          * Divider Weight 1px
 +          * Width 33%
 +          * Module Alignment -> Center justify button (need to be in Visual Builder)
 +          * {{author:​wordpress:​divi-divider-module-alignment.png?​400|Divider Settings - Module Alignment}}
 +    * Reference
 +      * [[https://​www.elegantthemes.com/​blog/​theme-releases/​shape-dividers|Divi Shape Dividers for Divi Sections]]
 +      * [[https://​www.elegantthemes.com/​documentation/​divi/​divider/​|Divi Divider Module]]
 +
 +
 +===== Create Blog Post with Divi Part 2 - Introduction =====
 +  * Standard Section
 +  * Add row 2/3 for text and 1/3 image
 +  * Step 1 - add Standard Section - Introduction
 +    * Insert Module: Text (this will be the Introduction)
 +      * Admin Label Text: Introduction
 +    * Change background to light blue
 +      * Section Properties (3 horizontal lines, blue color)
 +  * Step 9 - add Standard Section -> 2/3 and 1/3 columns
 +    * Insert Module (2/3) -> Text
 +    * Insert Module (1/3) -> Image
 +  * Step 10 - add Comments Section
 +    * WordPress by default adds Comments section to the bottom of every post
 +    * Add Standard Section - one column row
 +      * Background: color dark blue
 +    * Insert Module -> Comments
 +      * Content tab
 +        * Background: color dark blue
 +      * Design tab
 +        * Title Text Color: light blue
 +        * Comment Text: dark blue
 +        * Field Text
 +          * Field Background Color: light blue
 +          * Field Text Color: dark blue
 +        * Meta Text - text to the right of the username of the person leaving a comment (typically Date and Time)
 +          * light blue
 +        * Button
 +          * Use Custom Styles for Button: YES
 +    * Add Subscribe Widget
 +      * Appearance -> Widgets -> Footer Area #1
 +      * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​em00SQCCb6w"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
 +    * References
 +      * [[https://​www.elegantthemes.com/​documentation/​divi/​comments/​|Divi Comments]]
 +      * [[https://​www.elegantthemes.com/​blog/​divi-resources/​5-cool-things-you-can-do-in-divi-with-anchor-links|5 Cool Things You Can Do In Divi with Anchor Links]]
 +
 +==== Blog Structure ====
 +  - Title that captivates
 +    - 50-60 characters
 +    - include keywords
 +  - Adjust permalink (keep short) use postname instead of Year and Month default
 +  - Feature Image
 +    - title of image must have SEO keywords
 +    - also include keywords in the ALT tag section of the image
 +  - Post Introduction - Captivate Audience
 +    - Tell a story that connects with audience
 +    - Put best content first or final, then give details
 +    - include 1-2 images
 +    - header - 1500 words long
 +    - use multiple sections H2 and H3 tags
 +    - use only 2 colors (light color for links)
 +  - Pillar Post
 +    - 1000 words
 +    - include 1 image (use infographic)
 +  - Body of Post
 +    - Readable and easy to scan by 
 +      - using pictures
 +      - use subheadings (H2, H3, H4, note H1 is for Title)
 +      - bullet points or numbered lists
 +      - go easy on bold and italic words
 +      - keep short paragraphs (1-3 sentences, makes it easier for mobile users)
 +      - engage readers by providing links to relevant posts, links and incentive opt-in form
 +  - Links in Post
 +    - use external links to high quality/​popular/​leading websites - this will increase the credibility of my website and increases the Alexa ranking
 +  - Review Post
 +    - call to action - selling product/​service
 +    - 700-800 words
 +    - use 1 picture
 +  - SEO Post - use 5 tags and assign Categories
 +  * References
 +    * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​J5WFZzwTwj8"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
 +    * [[https://​wordpress.org/​support/​article/​writing-posts/​|WordPress.org - Writing Posts]]
 +    * [[https://​www.lolaceleste.com/​12-step-before-publishing-blog/​|12 Things to do before publish a blog]]
 +      * link to old posts
 +      * always end with a call to action
 +
Navigation

Civil Engineering Engineering - Computer Engineering - Electrical Mechanical Engineering

Print/export
QR Code
QR Code author:wordpress (generated for current page)