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/12/09 19:49] (current)
jjensen [Royalty Free Images]
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 194: Line 215:
       - What do you provide       - What do you provide
       - What makes you different       - What makes you different
 +      - [[https://​www.clarifyyourmessage.com/​search|StoryBrand Coaches]]
 +        - Danny Peavey [[https://​storysells.com/​|StorySells.com]] - charges more than $60/hr
 +        - William Andrew Turner - [[https://​www.williamandrewturner.com/​|williamandrewturner.com]]
 +        - Angie Schultz - [[https://​www.angieschultz.com/​|AngieSchultz.com]]
 +        - Amy Kendall - [[https://​hirehellostory.com/​|HireHelloStory.com]]
 +        - Dylan Spencer - [[https://​dylanspencer.com|Dylan Spencer & Co]]
       - <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​MKpzKjAf-0o"​ 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/​MKpzKjAf-0o"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
     - Color Scheme/​Palette - primary and secondary color palettes for print/​screen/​web     - Color Scheme/​Palette - primary and secondary color palettes for print/​screen/​web
Line 218: Line 245:
     - Newsletter template example     - Newsletter template example
     - Company Bio - resume template of owners     - Company Bio - resume template of owners
 +    - Style
 +      - 3D
 +      - Versatile
 +      - Vintage/​Retro
 +      - hand-Drawn
 +      - Mascot/​Cartoon
 +      - Flat/​Minimalist
 +      - Watercolor/​Feminine
 +      - Signature (I guess I'm using this)
     - Infographics     - Infographics
       - Fiverr       - Fiverr
         - [[https://​www.fiverr.com/​mujtabaakhtar|Infographic from Mujtabaakhtar]]         - [[https://​www.fiverr.com/​mujtabaakhtar|Infographic from Mujtabaakhtar]]
-    ​- Mood boards ​collage+        - [[https://​www.fiverr.com/​hirehtmlcoder|hirehtmlcoder infographics - Level 2]] 
 +        - {{https://​www.flickr.com/​photos/​hirehtmlcoder/​44353641422/​in/​album-72157699248353091/?​400|Infographic from hirehtmlcoder}} 
 +        - {{author:​wordpress:​sample-infographic.jpg?​400|Infographic from hirehtmlcoder}} 
 +    ​- Mood boards/​moodboard/​inspiration board/collage 
 +      - Components 
 +        - Color Palette 
 +        - Type faces 
 +        - Shapes 
 +        - Texture 
 +        - button style for website 
 +        - Modern / Man-made / Machine / Sharp / Hard 
 +        - Organic / soft / natural / elegant / muted 
 +        - Bright / colorful / playful / illustration / friendly 
 +        - Color or B&​W/​Formal or Informal/​Staged or Candid/​Active or Calming/​Organic or man made 
 +        - Style for video or animation 
 +      - Presenting the Mood Board 
 +        - How do you think the end user will respond to these colors? 
 +        - How do you think the end user will respond to this style of imagery? 
 +      - Defines the Visual voice of the company 
 +      - Provides the emotional feel of the company 
 +      - Provides directionand focus for creativity
       - exploration,​ used to understand client'​s vision       - exploration,​ used to understand client'​s vision
       - Visualize a particular word or phrase       - Visualize a particular word or phrase
Line 227: Line 283:
       - stock art photography,​ textures, patterns, letterings, styles       - stock art photography,​ textures, patterns, letterings, styles
       - [[http://​www.libbyco.com/​free-mood-board-template/#​more-18432|Mood Board Template from Libby Co]]       - [[http://​www.libbyco.com/​free-mood-board-template/#​more-18432|Mood Board Template from Libby Co]]
 +      - Mood Board Reference
 +        - [[https://​www.lynda.com/​Design-Color-tutorials/​Developing-Mood-Board/​141129-2.html|lynda.com - Developing a Mood Board]]
       - Fiverr consultants       - Fiverr consultants
         * {{author:​wordpress:​moodboard-fiverr-request.png|Mood Board Fiverr Request}}         * {{author:​wordpress:​moodboard-fiverr-request.png|Mood Board Fiverr Request}}
Line 270: Line 328:
     - visually appealing - graphics, headings, etc.     - visually appealing - graphics, headings, etc.
     - Deadline     - Deadline
 +
 +=== Wireframe ===
 +  * {{author:​wordpress:​wireframe-wearly.png|Wireframe Example}}
 +
 <WRAP notice>​Step 1</​WRAP>​ <WRAP notice>​Step 1</​WRAP>​
 ==== Pinterest ==== ==== Pinterest ====
Line 320: Line 382:
     * [[https://​help.etsy.com/​hc/​en-us/​articles/​115015774508-Image-Size-for-Profile-Shop-Icon-Banner-Listings-or-Teams?​segment=selling|Image Size for Profile, Shop Icon, Banner, Listings, or Teams]]     * [[https://​help.etsy.com/​hc/​en-us/​articles/​115015774508-Image-Size-for-Profile-Shop-Icon-Banner-Listings-or-Teams?​segment=selling|Image Size for Profile, Shop Icon, Banner, Listings, or Teams]]
     * [[https://​www.etsy.com/​seller-handbook/​article/​top-tips-for-choosing-your-etsy-shop/​23181234159|Top Tips for Choosing Your Etsy Shop Name]]     * [[https://​www.etsy.com/​seller-handbook/​article/​top-tips-for-choosing-your-etsy-shop/​23181234159|Top Tips for Choosing Your Etsy Shop Name]]
 +
 +==== LinkedIn Profile ====
 +  * Public URL [[https://​www.linkedin.com/​in/​jefferyjjensen|www.linkedin.com/​in/​jefferyjjensen]]
 +    * [[https://​www.linkedin.com/​help/​linkedin/​answer/​87|Customizing Your Public Profile URL]]
 +    * www.linkedin.com/​in/​yourname
 +    * Your custom URL can have 5-30 letters or numbers. Don't use spaces, symbols, or special characters.
 +  * <​html><​div class="​LI-profile-badge" ​ data-version="​v1"​ data-size="​large"​ data-locale="​en_US"​ data-type="​horizontal"​ data-theme="​dark"​ data-vanity="​jefferyjjensen"><​a class="​LI-simple-link"​ href='​https://​www.linkedin.com/​in/​jefferyjjensen?​trk=profile-badge'>​Jeffery J Jensen, PE</​a></​div></​html>​
  
 ==== LinkedIn Page ==== ==== LinkedIn Page ====
 +  * LinkedIn Profile
 +    * Describe what you actually do for clients and customers in a single sentence
 +    * Summary
 +      * Explain who I serve, the problems I solve and how to contact me
   * Edit NIMS Help Me - [[https://​www.linkedin.com/​company/​35686354/​admin/​|NIMS Help Me with identification number]]   * Edit NIMS Help Me - [[https://​www.linkedin.com/​company/​35686354/​admin/​|NIMS Help Me with identification number]]
     * Public URL [[http://​www.linkedin.com/​company/​nimshelpme|www.linkedin.com/​company/​nimshelpme]]     * Public URL [[http://​www.linkedin.com/​company/​nimshelpme|www.linkedin.com/​company/​nimshelpme]]
 +      * [[https://​www.linkedin.com/​help/​linkedin/​answer/​62467|Updating the URL of Your LinkedIn Page]]
     * appears I need to login to jefferyjjensen     * appears I need to login to jefferyjjensen
     * "All LinkedIn Pages have a permanent secondary URL that contains an identification number. When accessing the admin center of your Page, the identification number will automatically appear in the URL field rather than the customized URL. Members of the Page will not see the identification number."​ [[https://​www.linkedin.com/​help/​linkedin/​answer/​62467|Updating the URL of Your LinkedIn Page]]     * "All LinkedIn Pages have a permanent secondary URL that contains an identification number. When accessing the admin center of your Page, the identification number will automatically appear in the URL field rather than the customized URL. Members of the Page will not see the identification number."​ [[https://​www.linkedin.com/​help/​linkedin/​answer/​62467|Updating the URL of Your LinkedIn Page]]
Line 364: Line 438:
  
 === PlotHost - WebHost Manager === === PlotHost - WebHost Manager ===
-  * jefferyjensen.com/​whm+  * jefferyjensen.com/​whm ​(also try https://​jefferyjensen.com:​2087/​ or https://​s03.plothost.com:​2087/​) jefferyjensen SchoolPinX
   * Create a New Account   * Create a New Account
 <WRAP notice> <WRAP notice>
Line 379: Line 453:
  
 === PlotHost - WebHost Manager === === PlotHost - WebHost Manager ===
-  - [[https://​www.jefferyjensen.com/​whm|jefferyjensen.com/​whm]] (jefferyjensen ​SchoolOneX)+  - [[https://​www.jefferyjensen.com/​whm|jefferyjensen.com/​whm]] (jefferyjensen ​SchoolPinX) 
 +    - Create a New Account 
 +      - Domain - titleblock.me 
 +      - username - titleblock 
 +      - password - wwwe3 
 +    - Create a New Account 
 +      - Domain - anodize.me 
 +      - username - anodize 
 +      - password - wwwe3
     - Create a New Account     - Create a New Account
       - Domain - newsletterhelp.me       - Domain - newsletterhelp.me
Line 629: Line 711:
     * verify ownership     * verify ownership
     * {{author:​wordpress:​sitemaps-verified.png?​400|Figure 1.0 Verify Ownership}}     * {{author:​wordpress:​sitemaps-verified.png?​400|Figure 1.0 Verify Ownership}}
 +    * Ownership verification failed
 +      * {{author:​wordpress:​google-ownership-failed.png?​400|Figure 1.0 Ownership Verification Failed}}
   * Upload document into public_html folder of blog.gisengineering.com   * Upload document into public_html folder of blog.gisengineering.com
   * Google Webmaster Tools -> Sitemaps tab   * Google Webmaster Tools -> Sitemaps tab
Line 813: Line 897:
     * 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 1012:
 <WRAP notice>​Step 7</​WRAP>​ <WRAP notice>​Step 7</​WRAP>​
 ==== Step 7 - Design Home Page ==== ==== Step 7 - Design Home Page ====
 + 
 +=== Story Brand Home Page Elements ===
 +  * [Q1] What do I offer?
 +  * [Q2] How will it make my life better?
 +  * [Q3] What do I need to do to buy it?
 +  * What not to do
 +    * {{author:​wordpress:​homepage-storybrand-bad.png?​400|What not to do on a homepage}}
 +  * What to do on a homepage - remember clarity sells products
 +    * #1 Image 
 +      * a) should make you want to use your product/​service/​knowledge
 +      * b) explain what the product is
 +      * c) show someone using the product
 +      * d) Aspirational Identity - something they want to become
 +    * #1 Header Title - Say what I do
 +      * {{author:​wordpress:​homepage-storybrand-good-header.png?​400|What to do on a homepage - header}}
 +    * #2 Strong language asking for the sale or to Join (upper right corner)
 +    * #3 Failure - what will it cost me if I don't buy my product or service, the potential failure the client will experience going somewhere else. Your life doesn'​t look like that right now but with my product, your problem will be solved.
 +    * #4 Success - tell me what great thing will happen if I buy your product. Have some place on the website spelling out all the benefits of the product.
 +    * #5 Plan - your website should spell out a plan. Provide 3 steps to engage my customer. Make it really easy to do business with me, just follow these 3 steps.
 +      * Step 1 - session where we analyze your goals
 +      * Step 2 - I will provide a treatment plan
 +      * Step 3 - I will help you execute/​implement the treatment plan so you see results
 +  * Reference
 +    * [[http://​www.5minutemarketingmakeover.com/​video-2/​|Donald Miller - 5 minute marketing makeover]]
 +  * 
  
 +=== Brook Castillo Home Page Elements ===
 +  * According to Brook Castillo, need the following pages
 +  * 1. Home Page - highest authority, most visited
 +  * 2. About Me
 +  * 3. Working with me/​Services/​Products
 +  * 4. Blog
 +  * 5. Sitemap
 +  * 6. Terms and Conditions/​Privacy
 +  * 7. Page not found - 404 error
 +  * 8. 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 1138:
 <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]]
     * Blog Feature Image 400x284px     * Blog Feature Image 400x284px
       * [[https://​intercom.help/​elegantthemes/​faq-s-and-troubleshooting/​blog-featured-images-are-being-cropped|Blog Featured Images Are Being Cropped]]       * [[https://​intercom.help/​elegantthemes/​faq-s-and-troubleshooting/​blog-featured-images-are-being-cropped|Blog Featured Images Are Being Cropped]]
 +
 +=== Blog Template ===
 +  * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​boNZZ0MYU0E"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
 +  * [[https://​intercom.help/​elegantthemes/​en/​articles/​2151355-the-divi-library|The Divi Library]]
 +  * [[https://​intercom.help/​elegantthemes/​en/​articles/​3139709-the-global-defaults-editor|Divi Global Defaults Editor]]
 +  * [[https://​www.elegantthemes.com/​blog/​theme-releases/​the-global-defaults-editor|Divis Website Wide Design Editor]]
  
 <WRAP notice>​Step 14</​WRAP>​ <WRAP notice>​Step 14</​WRAP>​
Line 1069: Line 1208:
   * Divi hyerarchy   * Divi hyerarchy
     * Section     * Section
-      * Fullwidth Section +      ​* Regular Section (blue) 
-    * Row+      ​* Fullwidth Section ​(purple) 
 +      * Speciality Section (red) 
 +    * Row (green)
       * Fullwidth Row       * Fullwidth Row
-    * Module+    * Module ​(dark gray)
   * Reference   * Reference
 +    * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​3kmJ_mMVB1w"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
 +      * [[https://​www.elegantthemes.com/​documentation/​divi/​sections/​|An Overview of Divi Sections]]
     * [[https://​www.elegantthemes.com/​documentation/​divi/​rows/​|Divi Rows]]     * [[https://​www.elegantthemes.com/​documentation/​divi/​rows/​|Divi Rows]]
     * [[https://​www.elegantthemes.com/​documentation/​divi/​global-modules/​|Divi Global Modules, Rows & Sections]]     * [[https://​www.elegantthemes.com/​documentation/​divi/​global-modules/​|Divi Global Modules, Rows & Sections]]
     * <​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 1284: Line 1289:
     * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​IYTgP0Cd2FM"​ 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/​IYTgP0Cd2FM"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
  
 +==== Newsletters and Subscribers ====
 +  * [[https://​www.getvero.com/​resources/​guides/​get-subscribers/​|Getting Email Subscribers]]
 +  * Newsletter Top 6 Suggestions [[https://​www.lynda.com/​YouTube-tutorials/​Develop-newsletter/​753919/​2806860-4.html|Ash Blodgett, Lynda.com]]
 +    * 1 - keep is simple stupid (KISS)
 +      * Communicate simply and clearly - will make more sales every day! [[http://​www.5minutemarketingmakeover.com/​video-1/​|http://​www.5minutemarketingmakeover.com/​video-1/​]]
 +      * Brain #1 - survive and thrive, #2 - conserve calories
 +    * 2 - ask my fans to subscribe (in the YouTube video and description)
 +    * 3 - encourage fans to subscribe, offer incentives
 +    * 4 - don't spam people, send out newsletter once a month at the beginning
 +    * 5 - market to fans, upcoming events, products for sale
 +    * 6 - include all social media links in the newsletter
 +  * [[https://​www.lynda.com/​MailChimp-tutorials/​Newsletter-tips/​433519/​484361-4.html|Lynda.com - Optimizing Marketing Emails]]
 +  * Never call it a newsletter
 +  * Make it essential to the customer
 +  * Include specific, pointed content
 +  * Give helpful information
 +  * Use one-column layout, ensures more consistent eye flow and information hierarchy, also easier for mobile readers
 +  * Reward readers with a special offer towards the bottom of the newsletter
 ==== Step 21 - Bloom - Design Optin Form ==== ==== Step 21 - Bloom - Design Optin Form ====
   * Setup   * Setup
Line 1335: Line 1358:
     * Display on these Pages     * Display on these Pages
       * About Us       * About Us
 +  * {{author:​wordpress:​bloom-margins-remove.png?​500|Remove Padding Around Newsletter Graphic}}
 +    * Problem #1 - 6px top border on Bloom form container (1080x200)
 +      * Solution by joash@elegantthemes.com
 +        * This is being caused by the border-top on your Optin. You can hide it by going to your WordPress Dashboard > Theme Options > Custom CSS and adding the following:
 +
 +<WRAP box><​code>​
 +.et_bloom .et_bloom_optin .et_bloom_border_solid.et_bloom_border_position_top {
 +    border-top: none;
 +}
 +</​code></​WRAP>​
  
 ==== Step 21 - create an email list using MailChimp ==== ==== Step 21 - create an email list using MailChimp ====
Line 1377: Line 1410:
  
 ==== Step 21 - Create an email list phpList.org ==== ==== Step 21 - Create an email list phpList.org ====
 +
 +=== phpList alternatives ===
 +  * Mailster - looks like it costs $80 a year for support
 +    * newsletter plugin for WordPress
 +    * [[https://​mailster.co/​|www.mailster.co]]
  
 === phpList overview === === phpList overview ===
Line 1419: Line 1457:
   - [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 1635:
   * [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 1642: Line 1688:
   * Installing and Upgrading   * Installing and Upgrading
   * 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 - Podcast ====
 +  * How to Style Your Divi Audio Module as a Podcast Player - [[https://​www.youtube.com/​watch?​v=tkzeA1xKN3c|YouTube - Elegant Themes]]
 +  * Google Podcast Portal Help
 +    * [[https://​support.google.com/​googleplay/​podcasts/​answer/​6260341?​hl=en&​ref_topic=6249881|Add a podcast using an RSS feed]]
 +
 +==== Step 22 - Trademarks ====
 +  * [[https://​www.uspto.gov/​learning-and-resources/​inventors-entrepreneurs/​idaho|United States Patent and Trademark Office (USPTO)]]
 +    * Law school clinics - free legal help for trademark matters contact University of Idaho College of Law - trademarks@uidaho.edu
  
 ==== 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]]
 +==== Step 23 - Teespring ====
 +
 +=== YouTube and Teespring - MerchShelf.com ===
 +  * [[http://​www.merchshelf.com|merchshelf.com]]
 +  * YouTube Merch cards
 +  * YouTube End screens
 +
 +=== Storefronts ===
 +  * Storefronts are a collection of listings (e.g. [[https://​www.teespring.com/​stores/​nimshelpme|www.teespring.com/​stores/​nimshelpme]])
 +  * A listing is a link that has your product in a certain design for sale. A campaign is old terminology for a listing.
 +  * Logo and banner files
 +    * logo PNG around 300px wide and 100px tall
 +    * banner size is 1600px by 200px
 +    * [[https://​community.teespring.com/​creator-guide/​|Teespring Creator Guide]]
 +    * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​FTAkTDMCMCM"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
 +  * Logo must be uploaded as vectorized eps file
 +  * Takes 2 weeks to manufacture the hat or beanie
 +  * Takes 3-6 business days to ship
 +  * Procedure
 +    * identify what your Campaign ID is, for example "​beanie-nimshelpme"​ means the URL of the product will be
 +      * [[http://​www.teespring.com/​beanie-nimshelpme|www.teespring.com/​beanie-nimshelpme]]
 +  * Beanies
 +    * colors: black, white, navy, red
 +    * {{author:​wordpress:​nimshelpme-beanie.png?​400|NIMS Help Me Beanie}}
 +    * [[https://​teespring.com/​beanie-nimshelpme|teespring.com/​beanie-nimshelpme]]
 +  * Hats
 +    * {{author:​wordpress:​nimshelpme-hat.png?​400|NIMS Help Me Dad Hat}}
 +    * [[https://​www.teespring.com/​nims-help-me-hat|teespring.com/​nims-help-me-hat]]
 +  * T-Shirts
 +    * [[http://​answers.teespring.com/​customer/​en/​portal/​articles/​1972614-printable-areas|Printable Areas]]
 +    * [[https://​community.teespring.com/​training-center/​design-file-tips-best-practices/​|Teespring Launcher Design File Tips]]
 +    * 10.19" x 9.1"
 +    * 14.9" x 17.9"
 +  * References
 +    * [[http://​teespring.force.com/​NewCase?​l=en_US|Teespring Seller Help Form]] or campaigns@teespring.com or seller@teespring.com
 +    * [[https://​community.teespring.com/​answers/​editing-campaign-title-and-description|How to edit listing title, description,​ and featured product]]
 +      * advanced edits like selling price and URLs, send email to sellers@teespring.com
 +
 ==== Step 22 - Set up social media accounts ==== ==== Step 22 - Set up social media accounts ====
  
Line 1690: Line 1796:
   * 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 1850:
   - **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 the slug then change to actual title later using QuickEdit - note cannot change the Blog title within Divi, have to use the WordPress 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 (appears this can only be done in WordPress, not within Divi)
 +    * 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 - change title
 +    * I believe once the slug is created, changing the title using QuickEdit will NOT change the slug
 +  * Step 4 - add Fullwidth Section
 +    * (will delete the default Standard Section later, need to always have a 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: Blog Title**
 +      * 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}}
 +  * WordPress Post update (button with blue background on left side)
 +  * Step 7 - Add new Standard Section (single column)
 +    * Section Settings (blue)
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Admin Label: Section: Subtitle H2
 +      * Design tab
 +        * Spacing
 +          * Padding: Top 30px and Bottom 0px
 +    * Row Module Settings (green)
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Admin Label: Row: Subtitle
 +  * Step 9 - Insert Module-> Text -> Text Module Settings
 +    * 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
 +  * Step 10 - Insert Module -> Divider -> Divider Module Settings
 +    * Regular -> Single column -> Divider
 +    * Content tab
 +      * Background -> #e8eff7
 +      * Admin Label: Row: Divider: Red line
 +    * Design tab
 +      * Line Color: #d30423 red
 +    * Advanced tab
 +  * Step 11 - Row Settings
 +    * Content tab
 +      * Background -> #e8eff7
 +      * Admin Label: Row: Divider: Red line
 +    * Design tab
 +    * Advanced tab
 +  * Step 12 - 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}}
 +  * Step 13 - 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>​
 +    * 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]]
 +
 +===== Blurb =====
 +  * Example blurb at [[https://​blog.nimshelp.me/​gdt01/​|blog.nimshelp.me/​gdt01]]
 +  * {{author:​wordpress:​divi-blurb-3col-ex.png?​400|Divi Blurb - 3 columns}}
 +  * References
 +    * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​vrJl5C-ko3I"​ 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/​XW7HR86lp8U"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
 +===== Create Blog Post with Divi Part 2 - Introduction =====
 +
 +==== Comments Module ====
 +  * Step 0 - WordPress Comments
 +    * Dashboard -> Settings -> Discussion
 +      * check on **Comment author must fill out name and email**
 +  * Step 1 - Add new Standard Section (single column)
 +    * Section Settings (blue)
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Admin Label: **Section: Comments**
 +      * Design tab
 +        * Spacing
 +          * Padding: Top 30px and Bottom 0px
 +    * Row Module Settings (green)
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Admin Label: **Row: Comments**
 +  * Step 2 - Insert Module -> Comments
 +    * Comments Module Settings (purple)
 +      * Content tab
 +        * Background -> #e8eff7
 +        * Admin Label: **Comments Module: Comments** ​
 +      * Design tab
 +        * Fields
 +        * Text
 +        * Title Text
 +          * Title Heading Level: H2
 +          * Title Font: Georgia
 +          * Text Color: #282c40 navy blue
 +          * Title Text Size: 26px
 +        * Meta Text (name of person leaving a comment)
 +          * Meta Font: Arial
 +          * Meta Text Color: navy blue #282c40
 +          * Meta Text Size: 14px
 +        * Comment Text
 +          * Comment Font: Arial
 +          * Text Color: #282c40 navy blue
 +          * Title Text Size: 14px
 +        * Button
 +          * Use Custom Styles For Button: YES
 +          * Button Text Size: 20px
 +          * Button Text Color: White
 +          * Button Background Color: red #d30423
 +          * Button Border Width: 2px
 +          * Button Border Color: bluish gray #adc5d6
 +          * Button Border Radius: 8px
 +          * Button Letter Spacing: 0px
 +          * Button Font: Arial
 +          * Button Font Weight: Bold
 +          * Show Button Icon: No
 +          * Button Text Shadow: middle top button
 +          * Button Text Shadow Color: navy blue #282c40
 +          * Button Box Shadow: top right
 +        * Sizing
 +        * Spacing
 +        * Border
 +        * Box Shadow
 +        * Filters
 +        * Transform
 +        * Animation
 +  * References
 +    * <​html><​iframe width="​560"​ height="​315"​ src="​https://​www.youtube.com/​embed/​k6vskmOxM4U"​ frameborder="​0"​ allow="​accelerometer;​ autoplay; encrypted-media;​ gyroscope; picture-in-picture"​ allowfullscreen></​iframe></​html>​
 +
 +==== Blog Post with Divi 4.0 ====
 +  * [[https://​thedesignspace.co/​using-the-divi-theme-builder/​|The Design Space Company - Using the Divi Theme Builder]]
 +    * https://​themarketingfix.co/​join/​ look like a helpful training site
 +==== Other Stuff ====
 +  * 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
 +
 +===== Merchandise =====
 +
 +==== Teespring ====
 +
 +
 +=== Beanies ===
 +  * [[https://​teespring.com/​design-launcher/​special-product-request/​2ea90c07-4140-4791-9f29-bcb093386608|Beanie]]
 +  * Embroidery Files from Fiverr
 +    * [[https://​www.fiverr.com/​rina_sr|rina_sr]] Level Two Seller
 +    * [[https://​www.fiverr.com/​inbox/​embroide_alamin|embroide_alamin]] Level One Seller
 +
 +=== Hats ===
 +  * max 6 thread colors
 +  * [[https://​teespring.com/​design-launcher/​special-product-request/​fb17de82-d601-4426-9c9e-9af23e9050fc|Dad Cap]] - buckle
 +  * [[https://​teespring.com/​design-launcher/​special-product-request/​742bb19d-041f-4286-a09e-60ab80b11da9|Trucker Hat]] - plastic adjustable closure
 +  * [[https://​www.dropbox.com/​sh/​anf9wi1fsnvwce2/​AACFRb0NngDtBNz06XFagfl1a?​dl=0|Teespring Seller Design Templates]]
 +  * Teespring Embroidery Thread Colors
 +    * {{author:​wordpress:​teespring-embroidery-thread-colors.png?​500|Teespring Embroidery Thread Colors}}
 +  * Teespring Embroidery Style Guide
 +    * {{author:​wordpress:​teespring-styleguide-hats.png?​600|Teespring Embroidery Style Guide}}
 +
Navigation

Civil Engineering Engineering - Computer Engineering - Electrical Mechanical Engineering

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