Categories
Website

How to Add Google Slides Presentations to WordPress

Do you want to embed Google Slides presentation on your WordPress site? Google Slides allows you to create beautiful presentations and share them anywhere. In this article, we will show you how to easily add Google Slides presentations in WordPress.

Google Slides for WordPress

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

Method 1: Add Google Slides in WordPress Using Plugin

This method is easier and recommended for beginners.

First, you need to install and activate the Google Docs oEmbed plugin. For more details, see our step by step guide on how to install a WordPress plugin.

The plugin works out of the box, and there are no settings for you to configure.

Before you can embed your presentation, you will need the shareable URL of your Google Slides presentation.

You can get that by opening your presentation in Google Slides and then clicking on File » Publish to the web.

Make your presentation publicly accessible on the web

This will bring up a popup where you can configure slideshow settings like delay between slides and autoplay.

Change slideshow settings and publish your presentation

You will need to click on the publish button to continue.

This will bring up a popup asking you to confirm that you want to publish the slide. Click on the OK button to give permission.

You should be able to see a URL that you can use to share your Google Slides presentation.

URL to share your Google Slides presentation

Go ahead and copy this URL and return back to the admin area of your WordPress site.

Now you just need to add this URL in your WordPress. Simply edit the post or page where you want to display the slide.

In the post editor, you need to paste the URL you just copied from Google Slides. It’s important to make sure that the URL is on its own line.

Add your Google Slides presentation URL here

If you are using the Visual editor, then as soon as you enter the URL it will display your presentation in the editor.

You can now click on the publish or update button to save your changes.

If you need to adjust the height and width of the Google Slides container, then you need to wrap the URL around an embed shortcode.

Slides URL

Don’t forget to replace Slides URL with the shareable URL of your Google Slides presentation.

That’s all, you can now preview your post or page to see your Google Slide embedded into your WordPress site.

Preview of a Google Slides presentation in WordPress

Method 2: Adding Google Slides Embed Code in WordPress

This method does not require you to install any plugin. We only recommend using this method if you will not be frequently adding Google Slides to your WordPress site.

First you need to open the presentation you want to share and then click on File » Publish to the web.

Make your presentation publicly accessible on the web

You will see a popup where you can configure the slideshow settings. You need to click on the publish button to make your presentation public.

Change slideshow settings and publish your presentation

Next, you will see a popup asking you to confirm that you want to publish the slide. Click on OK button to give permission.

Now you need to switch to the Embed tab and copy the embed code.

Copy the embed code

Head over to the WordPress admin area and edit the post or page where you want to add your Google Slides presentation.

On the post editor screen, you will need to switch from Visual to Text editor and then paste your code in the editor.

Add your embed code in post editor

You can now save or update your post/page. Visit your website to see your Google Slides presentation in action.

Note: It is important that you don’t switch to the visual editor after adding your embed code. Switching to visual editor will mess up the embed code, and you will then see it as plain text instead of your slides.

We hope this article helped you learn how to add Google Slides presentations to WordPress. You may also want to see our list of 19+ free Google tools every WordPress blogger should try.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

Categories
Website

How to Display Facebook Events on Your WordPress Site

Do you want to display Facebook Events on your WordPress site. Facebook events allow you to promote your events while leveraging the power of the world’s largest social network. In this article, we will show you how to display your Facebook Events on WordPress.

How to display Facebook events on WordPress

Method 1: Add Facebook Events Using Facebook Page Plugin

This method uses Facebook’s social plugins to add your Facebook events on WordPress. You will need to edit your WordPress theme files. If you are not comfortable with adding code manually, then try other methods described in this article.

Let’s get started.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

First you need to visit the Page Plugin on Facebook developers website. In the Facebook Page URL field, enter the URL of your Facebook page.

Facebook page plugin can show multiple tabs from your page including the events tab. Simply enter ‘events’ in the tabs field, and you will notice the preview window reload to show your page’s events tab.

Facebook page plugin settings

You can also adjust other settings like cover photo size, container height and width, etc.

Once you’re satisfied, click on the ‘Get Code’ button. This will bring up a popup showing two boxes of code.

Facebook page plugin code

The first part of the code needs to be added into your theme’s header.php file right after the tag.

Next, you need to copy the second part of the code and paste it in a WordPress post, page, or a text widget.

Don’t forget to save your changes.

That’s all you can now visit your website and you will see Facebook Page Plugin showing your page’s events.

Facebook event embed on a WordPress page

Method 2. Add Facebook Events Using a WordPress Plugin

This method allows you to add Facebook Events in WordPress without adding any code to your theme files.

First thing you need to do is install and activate the WP Embed Facebook plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » Embed Facebook page to configure plugin settings.

The settings page for the plugin is divided into multiple tabs. You will land on the ‘Magic Embeds’ tab. Scroll down a little to the Facebook settings section.

WP Embed Facebook settings page

You need to enter a Facebook app ID and secret keys. You can obtain these keys by visiting the Facebook Developers website and creating a new app.

Creating a new Facebook app

This will bring up a popup where you will be asked to provide a name for your app and choose a category.

Provide a name for your app and select category

Click on create app ID button to continue.

Facebook will now create your app, and you will be redirected to the app dashboard. Click on the settings link from the menu on your left to view app keys.

Copy your App ID and Secret keys

Now you will see your app ID key and secret key which will be hidden, and you will need to click on the show button to copy it.

Enter both keys in the respective fields on WP Embed Facebook plugin’s settings page for your WordPress site.

Don’t forget to click on the ‘Save all settings’ button to store your changes.

You are now ready to add your event in WordPress. Edit a post or page where you want to display your Facebook event and add this shortcode:

[fb_plugin page href="https://www.facebook.com/YourFBPage" tabs="events"]

Don’t forget to use your own Facebook page URL in the shortcode.

This shortcode will display the Facebook Page plugin with only your Events tab. You can now visit your website to see it in action.

You can also add the shortcode to a text widget. But before you do that you will need to enable shortcodes for your sidebar widgets.

Add an Event Not Created by a Facebook Page or Group

Some users may need to share a Facebook event created by their personal profiles. These events are not associated with a page. Here is how you will show them using the custom embeds feature of the plugin.

Instead of using the Facebook page plugin shortcode, you will need to use the custom embeds shortcode like this:

[facebook https://www.facebook.com/events/1796069560608519/]

Replace the URL in the shortcode with the URL of your Facebook Event.

You can now preview your website to see the Facebook events embed in action.

Adding a single Facebook event in WordPress

Method 3: Show Facebook Events Calendar Using Widget

This method allows you to fetch Facebook events for a group or page and display them in your WordPress sidebar widget.

Users can see your Facebook events calendar with dates and can click to view or join an event. You can customize the appearance of the events using CSS.

First thing you need to do is install and activate the Facebook Events Widget plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit the Appearance » Widgets page and add Facebook Events Widget to a sidebar. For more details see our guide on how to add and use widgets in WordPress.

Facebook Events Widget settings

The widget requires you to enter your Facebook page ID. You can get the ID of your Facebook page using this online tool. Simply enter your Facebook page url and it will you the ID.

Next, you need to enter app ID and secret keys.

You can obtain these keys by visiting the Facebook Developers website and creating a new app.

Creating a new Facebook app

This will bring up a popup where you will be asked to provide a name for your app and choose a category.

Provide a name for your app and select category

Click on create app ID button to continue.

Facebook will now create your app and you will be redirected to the app dashboard. Click on the settings link from the menu on your left to view your app keys.

Copy your App ID and Secret keys

Now you will see your App ID key and your app secret key which will be hidden, and you will need to click on the show button to copy it.

Paste the app ID and secret keys in the widget settings and click on the save button.

You will notice that the widget settings will now show you a new button below access token field.

Facebook access token

However, to get an access token you will need to add your website URL to your Facebook app.

In your Facebook app settings page scroll down a little and then click on the add platform button.

Add platform to your Facebook app

This will bring up a popup showing different platforms where you can use the app. You need to select ‘Website’.

Select website as platform

Next, you need to add your website URL in the site url field and click on the save changes button.

Add your website URL

You can now switch back to the widget settings and click on the Get Access Token button. This will take you to Facebook website where you will be asked to give the app permission to access your profile.

App permission

After that you will be redirected back to the widget settings page. Don’t forget to click on the save button to store your widget settings.

You can now visit your website to see the Facebook events widget in action.

Facebook events in a WordPress sidebar widget

Facebook events widget comes with a basic stylesheet which may not match your theme’s colors. You will need to use inspect tool to see the CSS classes generated by the plugin and then use those classes to change the appearance of events. See our guide on how to add custom CSS in WordPress.

We hope this article helped you learn how to display Facebook Events on WordPress. You may also want to see our list of 10 best Facebook tips and tutorials for WordPress users.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

Categories
Website

How to Disable PDF Thumbnail Previews in WordPress

Recently, one of our readers asked us how to disable PDF thumbnail previews in WordPress. Introduced in WordPress 4.7, this feature creates thumbnail images for all PDF files that you upload. In this article, we will show you how to easily disable PDF thumbnail previews in WordPress.

Disable PDF thumbnail previews in WordPress

Why Disable PDF Thumbnail Previews in WordPress?

WordPress 4.7 started generating thumbnail previews of PDF files uploaded from WordPress media uploader.

PDF thumbnail preview in WordPress 4.7

This is a very useful feature for most WordPress sites.

However, some site owners may already be using PDF plugins that handle thumbnail previews and the overall display of the PDF downloads on their website.

If the new feature is conflicting with their existing PDF uploads, then they may want to disable PDF thumbnail previews in WordPress.

Having said that, let’s take a look at how to easily disable PDF thumbnail previews in WordPress 4.7 and later versions.

Disable PDF Thumbnail Previews in WordPress

This tutorial requires you to add a simple code snippet on your WordPress site. If you haven’t done this before, then you may want to see our guide on pasting code snippets from web into WordPress.

You will need to add this code to your theme’s functions.php file or a site-specific plugin.

function wpb_disable_pdf_previews() { 
$fallbacksizes = array(); 
return $fallbacksizes; 
} 
add_filter('fallback_intermediate_image_sizes', 'wpb_disable_pdf_previews');

Don’t forget to save your changes.

This code simply gives WordPress an empty array for PDF thumbnail sizes and stops WordPress from generating thumbnail previews.

You can now try uploading a PDF file to your WordPress site using the media uploader. You will notice that WordPress will not generate any thumbnail previews for your PDF file.

No thumbnail preview

We hope this tutorial helped you learn how to disable PDF thumbnail previews in WordPress. You may also want to see our list of 24 must have WordPress plugins for business websites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

Categories
Website

Beginner’s Guide on How to Add Business Hours in WordPress

Do you want to display your business hours on your WordPress site? Displaying your open hours on your website can help customers make an appointment or plan their visit accordingly. In this article, we will show you how to add your business opening hours in WordPress.

Adding opening hours for your business in WordPress

First thing you need to do is install and activate the Business Profile plugin. (For more details, see our step by step guide on how to install a WordPress plugin)

Upon activation, the plugin will add a new menu item labeled Business Profile in your WordPress admin menu. Go ahead and click on it, so you can go to the plugin’s settings page.

Business profile settings page

The plugin allows you to show your business information in schema.org rich snippet format. This means that search engines like Google can read, understand, and use this information in their search results.

First you need to select your business type. By default, the plugin will use organization. You can change that if you need.

After that you need to provide your business name and address. You can also use Google Maps to show the address.

Simply click on the ‘Retrieve map coordinates’ link and the plugin will fetch coordinates using the address you entered.

You will need to get a Google Maps API Key to use the Google Maps feature. The instructions on how to get one for your website is included in the plugin.

Next, you need to enter your phone number and select the contact page. A contact page can be any page on your WordPress site that has a contact form.

If you do not have a contact form yet, then see our step by step guide on how to create a contact form in WordPress.

You can also add your business email address. But this would mean that you will get more spam on that email address.

Finally, under the ‘Schedule’ section you can select your business hours. Simply check the boxes for the days you are open and then select opening hours.

Enter opening hours for your business

Don’t forget to click on the save changes button to store your settings.

Showing Business Hours on Your WordPress Website

Business Profile plugin allows you to display opening hours and your business profile in two ways.

The first option is to use the widget. Simply go to Appearance » Widgets page and add the ‘Contact Card’ widget to a sidebar.

Contact card widget to show business opening hours

Next, check the box next to the items you want to display on your website.

Don’t forget to click on the save button to store your widget settings.

You can now visit your website to see the widget showing your business information and opening hours.

Business info and opening hours in WordPress

The second option is to use shortcode [contact-card] in any WordPress post or page. Adding it will show your complete business profile.

You can also use the shortcode with attributes to show particular items from your business profile. For example:

[contact-card show_opening_hours=1]

This shortcode will only show opening hours for your business. For a full list of shortcodes you can visit the plugin’s website.

We hope this article helped you add your business hours on your WordPress site. You may also want to see our expert pick of 24 must have WordPress plugins for business websites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

Categories
Website

How to Prevent Duplicate Post Titles in WordPress

Your blog post title and URL play an important role in SEO. Having a duplicate post title can negatively the affect SEO performance of your site. WordPress deals with duplicate post titles by adding a number at the end of URL slug. However these titles are still duplicate, and you should try to avoid them. In this article, we will show you how to prevent duplicate post titles in WordPress.

Prevent duplicate post titles in WordPress

How WordPress Handles Duplicate Post Titles

WordPress automatically uses the post title as URL slug.

In case of a duplicate post title, WordPress tries to distinguish the title by adding a number at the end of the URL slug.

Number in the post URL

Since both post titles are still using the same keywords, this could confuse search engines when deciding which post should be ranked for the keywords used in the title.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

Avoiding Duplicate Post Titles in WordPress

If you are running a single author website, then you can easily avoid this by simply changing the title and removing the number from WordPress URLs. However, it’s a lot harder to keep track of when you are running a multi-author WordPress site.

But don’t worry, the solution we’re going to cover is going to help you prevent duplicate post titles and advise your authors to change them.

First thing you need to do is install and activate the Unique Title Checker plugin. For more details, see our step by step guide on how to install a WordPress plugin.

The plugin works out of the box, and there are no settings for you to configure.

Simply go to Posts » Add New and enter a unique post title. The plugin will check the post title and notify you that it is unique, and you are good to go.

Unique post title

You can now try again by creating another new post. This time use a title that you have already used for another post.

The plugin will notify you that this title is already been used.

Duplicate post title warning

It will not stop you from editing the post, saving it, or even publishing it.

However, the warning will let you and other authors on your website know that they should use an alternate title.

We hope this article helped you prevent duplicate post titles in WordPress. You may also want to see our step by step WordPress SEO guide for beginners.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link