Normally putting the URL of a pdf on a line by itself doesn’t display the pdf on a Word­Press page, and if you use the add media button and paste the URL for the pdf into the URL field, you get a link that will open the pdf, but the pdf does not display on the page itself, e.g.:

http://learninginaction.org/wp-content/uploads/Sonja-K-Movement-News-Nov.-20121.pdf

But by installing the free Embedly plugin and pasting the URL of the pdf on its own line in the page editor, the multipage pdf file should display right on the page:

Click to access Sonja-K-Movement-News-Nov.-2012.pdf

And here’s  the same document using an alternative plug-in called  Embed Any Document.

You can embed pdf files from most anywhere, for example here’s one that is on a Slack channel.

Click to access stemgirl2015stamped.pdf

(This post was viewed 163 times) in the last month.)

Pieter Hartsook

WordPress website coaching, design, implementation, support, and training. Background in Marketing Research and Communications. See my profile at: https://www.linkedin.com/in/hartsook/

Reader Interactions

Comments

  1. Fantastic plugin, simple to understand its benefits to the websites that I run. One snag that I discovered when the pdf didn’t render on my first post, was that I needed to toggle from the visual editor of WordPress to the text editor and remove the tags that somehow found their way on the same line as the url text.

    • Yep, like other Oembed protocol URLs it has to be on a line by itself. The visual editor in WordPress tends to wrap the pasted URL in “p” tags.

Leave a Reply

Your email address will not be published. Required fields are marked *

Limit search for phrases by using " " around the phrase

Signup for Monthly Email Notification

Get notified of new posts from WordPress Website Coach. We only send these out once on the 1st of each month.

Something went wrong. Please check your entries and try again.

Recent Code Snippets

A bit of PHP to preserve html formatting in standard WordPress excerpts 1

A bit of PHP to preserve html formatting in standard WordPress excerpts

Posted in , , ,

If you don’t use the Excerpt field in your posts and rely on WordPress to grab the first few dozen words of your post content what you usually find is the excerpt when displayed on the front end (usually in some sort of archive or post grid display) will have most of the html tags removed leaving you with a single block of plain text.

If I go to the bother of formatting my post content to make it more interesting and easier to read and understand I’d like that formatting to be preserved even in that post’s excerpt.

(This post was viewed 25 times) in the last month.)

Read More
How to add custom post types to your default RSS feed 2

How to add custom post types to your default RSS feed

Posted in , , ,

RSS readers are somewhat old school in 2020, but the RSS feed that is part of WordPress is used by email services like Mailchimp and Mailerlite to create automated email updates when you add a new post to your website.

If you have custom post types though, they are not included in the default URL:

https://yoursite.com/feed

(This post was viewed 91 times) in the last month.)

Read More
Storing javascript in a metabox.io Custom Field textarea 3

Storing javascript in a metabox.io Custom Field textarea

Posted in , ,

For some client projects I needed to embed javascript code in a page (Post). I used a custom field textarea to insert the code when creating the Post. The problem was the default for text fields was to run them through a sanitizer.php to strip out any type of code that might be malicious. This is a good thing. But in this case it defeats the purpose.

So how to disable the sanitizing for just this field without breaking the default?

 

(This post was viewed 76 times) in the last month.)

Read More
Create a Scrolling Column with trivial CSS 4

Create a Scrolling Column with trivial CSS

Posted in ,

The client wanted to display a list of past events in a scrollable column. This was easy to implement using simple css. The page layout was done with Beaver Builder, but the solution should work for any html container.

(This post was viewed 59 times) in the last month.)

Read More
Changing a Submenu to a Mega-menu with Beaver Builder 5

Changing a Submenu to a Mega-menu with Beaver Builder

Posted in , , ,

Sometimes you want to present a navigation menu as a horizontal “mega-menu” instead of a hierarchal dropdown menu. This is really simple if you are using Beaver Builder. The mega-menu feature is built in, but is unfortunately hidden. You have to know the secret to turn it on.

(This post was viewed 75 times) in the last month.)

Read More
Formatting a custom number field to add commas 6

Formatting a custom number field to add commas

Posted in , , , ,

I needed to format a number field (999,999,999), coming from a custom field number-format (no other characters permitted in the number entry field). No “$” no commas or decimal points, etc. to output as a normal currency format.

Formatting a custom number field to add commas 7

When displaying the number I could add a “$” in front of the number, but couldn’t find a way to format the number since you can’t do that with CSS.

(This post was viewed 171 times) in the last month.)

Read More

Popular Posts


Categories