Skip to content

Instantly share code, notes, and snippets.

View jessestu's full-sized avatar

jessestu jessestu

View GitHub Profile

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.
@jessestu
jessestu / Jetpack-CDN-Setup-Instructions.md
Last active November 4, 2019 18:07
Add image optimization to your WordPress.com Business site!

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
jessestu / Instructions.md
Last active November 4, 2019 17:15
This code generates and styles the [display-posts] shortcode for WordPress.com.

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
jessestu / screen-sharing-help.md
Last active October 30, 2019 19:36
WordPress.com screen sharing: help and policies

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!).

Cat sharing computer screen
I expect this kitty is using WordPress.com.

Index

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.

Please go to My Site → Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.


/* This CSS changes the color of the captions on the sidebar gallery.
* 11442802-hc (jw)
*/
#media_gallery-9 .slideshow-slide-caption {
 color: #ff0;

Please go to My Site → Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.


/* This CSS sets the color and font size on bullet points with the class "bullets-custom-design"
* 11442724-hc (jw)
*/
.bullets-custom-design {
 font-size: 16px;

Please go to My Site → Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.


/* This CSS hides the category page titles.
* 10826597-hc (jw)
*/
.category .page-title {
 display: none;

Please go to My Site → Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.


/* This CSS allows the logo to be made larger.
* 11408945-hc (jw)
*/
header.site-header .custom-logo, header.site-header .retina-logo {
 max-width: 300px;

Please go to My Site → Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.


/* This CSS hides the WP.com footer credit as there is a bug in the theme keeping it from changing.
* 11236016-hc (jw)
*/
.site-info {
 display: none;