jessestu

You scheduled a one-to-one screen sharing session with me to get help with your WordPress.com site. Wonderful!

Here's a list of potential issues and fixes and what to do if you can't make the meeting so a no-show or technical difficulties don't result in our policy enforcement (does anyone like enforcing policies? I sure don't!).

I expect this kitty is using WordPress.com.

Index

jessestu

Plugin overview page, including a video setup guide:

https://wordpress.com/plugins/post-smtp/

Written instructions

1. From your WP-ADMIN dashboard click “Post SMTP” and select “Start Wizard”.
2. Now on the “Who is the mail coming from?” you can add your sending email address and your name.
3. The following page “Which host will relay the mail?” is where you will add the Outgoing Mail Server Hostname. This is the SMTP server info from your email host.

jessestu

Here's one way to set up an “Add to Quote” function in WooCommerce. It’s that awkward space where it’s not quite a static catalogue, nor is it a full-on e-commerce site. Well, with some creative thinking – it’s perfectly possible.

You’ll need to do the following:

• Change all the Add to Cart buttons to say Add to Quote. This can be done with Loco Translate (a bit of an overkill in my opinion), a bit of code or with a simple 3rd party plugin like Change WooCommerce Add to Cart Button Text;
• Add a Flat Rate shipping method under the Locations not covered by other zones section and change the shipping method title to “Shipping Costs TBD” (Screenshot here);
• Disable all payment gateways

jessestu

Make rows of blocks in the WordPress editor.

One can line up images and other blocks in the new WordPress editor into rows using the following steps.

---

Video example

Please see a video walkthrough of these instructions at this link: http://cld.wthms.co/Db7QFl

jessestu

This guide builds off the official WordPress.com guide here: https://en.support.wordpress.com/display-posts-shortcode/

---

Display posts is a powerful way to customize a list of posts that meet a number of specific requirements, such as showing pages from within a specific category.

The bad part is that the shortcode generates HTML that looks plain without any extra styling. We can add the custom styling to make it look better using the steps in this guide.

How to add the CSS and the shortcode

jessestu

/* Designs the Display Posts plugin. See original code:

https://gist.github.com/7b6681bc5a69e47c7b94d8d2136760dc

@jessestu 4840780-hc */
.display-posts-design {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

jessestu

Set up Jetpack Image CDN compression

This walkthrough sets up compression together with the Jetpack CDN plugin to create faster page loads.

By default, it sets the compression of images on the site to 80% quality to speed up load times. Adjust this by changing the 80 on line 3 of the code.

What to do:

1. Install Code Snippets on your site: https://wordpress.com/plugins/code-snippets
2. Activate code snippets either on that installation page or by going to My Site → WP-Admin → Plugins

jessestu

/* Styles a call to action button. / @jessestu */
.action-button {
   border-top: 1px solid #539fa3;
   background: #539fa3;
   background: -webkit-gradient(linear, left top, left bottom, from(#74ccd1), to(#539fa3));
   background: -webkit-linear-gradient(top, #74ccd1, #539fa3);
   background: -moz-linear-gradient(top, #74ccd1, #539fa3);
   background: -ms-linear-gradient(top, #74ccd1, #539fa3);
   background: -o-linear-gradient(top, #74ccd1, #539fa3);
   padding: 15px 30px;

jessestu

Disable WordPress.com admin bar

This walkthrough disables the WordPress.com admin bar when needed to reveal the default WordPress admin bar on WordPress.com sites using the Business plan.

What to do next:

1. Install Code Snippets on your site: https://wordpress.com/plugins/code-snippets
2. Activate code snippets either on that installation page or by going to My Site → WP-Admin → Plugins
3. Go to My Site → WP-Admin → Snippets → Add New.
4. Create a new snippet and name it Disable WordPress.com admin bar or something similar.