Monthly Archives: January 2017

Manage All Your WordPress Sites With One Tool

To begin, please be sure that you have a WordPress.com account, and that JetPack is installed and connected on your self-hosted web site.

Now, let’s install the Desktop App.

1. First, go to: apps.wordpress.com/desktop/
2. Click the button below where it says Download the App.
3. Find the setup file on your computer, and double-click it.
4. If you get a box asking if you would like the application to be able to make changes to your device, click Yes.
5. Then, click the Install button.
6. Click Finish to launch the app.
7. Now, login with your WordPress.com credentials. If you are an active WordPress.com user, you will be familiar with the interface here, because it’s essentially your WordPress.com account, but on your Desktop. You will initially land in the WordPress Reader app.
8. Click on the My Sites button at the top left. This is where you are able to manage your WordPress.com sites, as well as your JetPack connected self-hosted WordPress web sites.
9. By default, you will be in the Management Panel for your WordPress.com web site if you have one. Click on the Switch Site link to see the web sites that you enabled via JetPack.
10. Here you can add another site if desired, otherwise, click on the site you want to manage.

The options available for web site management include: viewing stats, adding and editing posts and pages, managing and customizing your theme, managing menus, managing plugins and turning on auto-update for plugins that are in the WordPress Plugin Repository, and other WordPress settings. You can also launch the WordPress Admin for your web site if you need to perform other tasks.

Create a Slideshow in WordPress

In order to use the needed shortcode for this demonstration, please be sure that you have a WordPress.com account, and that JetPack is installed on your self-hosted web site, and connected to your WordPress.com account. JetPack is the tool that provides the Presentations shortcode we will be working with.

OK, with JetPack enabled, let’s turn on the extra shortcodes.

From your WordPress Dashboard, click JetPack, then Settings.
Click the Writing link across the top.
Turn on Shortcode Embeds.
When creating your Slideshow or Presentation, it will consist of various slides for which you can configure each slides transition, rotation, scale, fade, and background. Backgrounds can be images or colors. Use colors if you want to type the text for each slide.

The default transition is down. I will be leaving the default for this demonstration. Other values include: right, up, left, and none. I will not be using the rotation and scale properties in this example. Fading between slides is the default behaviour. I won’t be adjusting that for this Presentation.

In this example I will include 5 slides as background images.

Let’s begin.

From you WordPress Dashboard, go to Posts, then open the Post Editor for a new or existing post.
Switch to Text view to prevent the Visual Editor from making changes to the codes you type.
Start with an opening and closing “presentation” shortcode. Type an open square bracket, then the word presentation, then a closing square bracket. Press Enter twice, then open a square bracket, then type a slash, then the word presentation, then a closing square bracket.
Now, go back inside the opening of the presentation shortcode to set the size and transition duration for each slide.
Just after the word presentation, put a space, then type width equals 600, then a space, then height equals 375, then a space, then duration equals 5.
Save the post. We will come back to it in a second.
With 5 images ready to be used in the Slideshow, let’s now upload them to the WordPress Media Library.

1. From your WordPress Dashboard, click on Media, then Add New. If you right click the Add New link, you can open it in a new Tab in most browsers.
2. Click the Select Files button.
3. Locate the images on your computer, select them, and click Open. Using Ctrl+click allows you to select multiple files to upload at once.
4. Now we will need the URLs of the images. Click the Edit link next to the first image. It will open in a new Tab. Copy the File URL to a text document. Close the Tab.
5. Do the same for the remaining images.
6. Go back to your post.
7. In between the Presentation shortcode, create slide shortcodes for each image. Type an open square bracket, then the word slide, then a space, then bgimg equals open quotes, then paste in the image URL, then close the quotes, then close the square bracket. Now close the slide shortcode by typing an opening square bracket, a slash, the word slide, then a closing square bracket. 8. Press Enter. Then repeat for the other images.
Save and View.

Add AdSense to WordPress

In this tutorial, you will learn:

How to verify your web site in your AdSense account.
How to activate Site Authorization to prevent abuse of your AdSense code by sites that don’t belong to you.
How to add automatic placement of AdSense ads for mobile and desktop visitors (called Page-level ads).
How to test AdSense Page-level ads.

To follow along, please be certain that you have an approved AdSense account, and that you have the proper Privacy and Cookie Policy information in place on your web site, as per the Google AdSense policies.

First, let’s verify your site. This is a required step if wanting to use the QuickStart feature. QuickStart allows for the automatic, intelligent, placement of AdSense ads for mobile and desktop visitors to your web site.

To verify your web site, within your Google AdSense account, click on Settings, then click My Sites.
Click the Plus button.
Type in your web site address in the box.
Click Add Site.
At this point you may want to set it up so that *only* your authorized sites can display your AdSense.

Sometimes what happens is, another site will scrape the content of your web site, including your AdSense code, and then add that content to their site.

If that happens, and that site violates any AdSense policies, it’s you that can be affected by it. This step just prevents you from wishing you had done it sooner, if down the line something like this happens.

To setup Site Authorization:
In the Manage Sites area, click the 3 stacked dots on the right side of the page.
Click on Site Authorization.
Turn it on, and click Save.
Now, let’s activate the auto-placement of ads on your web site.

To turn on this feature:
In your AdSense account, go to My Ads, then Page-level Ads.
Turn on one or both of Anchor/overlay ads and Vignette ads, by sliding the sliders.
Open your WordPress Dashboard in a new Tab or Window.
The next step is to get the needed code for your web site to finalize the setup.

Worth noting though, that this code is the same code that newer AdSense users would have needed to add to their web sites during the application process. So, you may already have it in place, and can skip to the Testing section.

Long time users of AdSense did not need to place this code when applying, so these steps will be required.

Also, worth mentioning, is that this exact same code can be used on all pages of all your sites.

For this next step we are going to create a quick plugin to place the AdSense code on all pages of your WordPress web site.

I find that it’s extremely easy and fast to setup a plugin using the Pluginception plugin, so let’s get that installed first.

To install Pluginception, follow these steps:
From within your WordPress Dashboard, click on Plugins, then click Add New.
In the search box, type Pluginception.
Click Install Now.
Click Activate. This will open up a new option within the Plugins menu called Create a New Plugin.
Follow these steps to create your custom plugin:
Click the Create a New Plugin link.
Give the plugin a name such as My Google AdSense Placement Plugin.
Click the Create a Blank Plugin button.
Now, add the code into your plugin that you see in the video, or below these steps if you are following along within the written tutorial.
Switch back to AdSense.
Click the Get Code button.
Copy the code to the Clipboard.
Replace where it says YOUR ADSENSE CODE with the code copied from AdSense in the previous step.
Click the Update File button.
There are two ways to test your work. Let’s do both right now.

Visit your web site from your Desktop or Laptop computer.
Right-click anywhere on the page and click View Source.
Look for the code that you inserted. You can do a find, usually by pressing Ctrl+F and typing adsbygoogle as one word with no spaces.
Now, let’s have a look to see if the ads show in Mobile. Open up a page on your web site with a high-end mobile device in Portrait view (as opposed to Landscape view). Add #googleads to the end of the URL.
Select the ad format that you want to test, then check the results on your device.
For vignettes, click any of the highlighted links on your page to test the ads are working.
If you are having problems displaying ads during testing, be sure to visit Google’s Guide to testing Page-level ads to see why that may be. Do a Google search for “Guide to testing Page-level ads” to find the page.