Difference between revisions of "Embed Google Docs in WordPress"

From Help Wiki
m (subst applied to Template:TwoColumn)
 
Line 1: Line 1:
{{TwoColumn|lead=
+
 
 +
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 +
<div class="lead">
 
[[File:Google Drive Logo lrg-580x461.jpg|100px|left]]
 
[[File:Google Drive Logo lrg-580x461.jpg|100px|left]]
If you are a Google Docs users you may want the flexibility of publishing your Google Docs directly within your WordPress site.  
+
If you are a Google Docs users you may want the flexibility of publishing your Google Docs directly within your WordPress site.
|content=
+
</div>
 +
 
 
[[File:Google-docs-embed1.png|thumb| 250px|right]]
 
[[File:Google-docs-embed1.png|thumb| 250px|right]]
 
[[File:Google-docs-embed2.png|thumb| 250px|right]]
 
[[File:Google-docs-embed2.png|thumb| 250px|right]]
Line 21: Line 26:
 
*Adjust the width and height for the iframe as necessary within the shortcode
 
*Adjust the width and height for the iframe as necessary within the shortcode
 
*Publish your post or page.
 
*Publish your post or page.
|sidebar=
+
 
 +
 
 +
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 
{{WordPress Sidebar Header}}
 
{{WordPress Sidebar Header}}
  
 
{{WordPress Help Sidebar}}
 
{{WordPress Help Sidebar}}
  
}}
+
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 
  [[category:Wordpress]]
 
  [[category:Wordpress]]

Latest revision as of 17:01, 14 August 2017

Google Drive Logo lrg-580x461.jpg

If you are a Google Docs users you may want the flexibility of publishing your Google Docs directly within your WordPress site.

Google-docs-embed1.png
Google-docs-embed2.png

From your Google Drive

Once the document is embedded it will automatically update when changes are made to it.

  1. Login to your Google account and from your Google Drive open (or create) the document you'd like to publish.
  2. Choose File > Publish to the Web
  3. Click Start Publishing
  4. Copy the Document Link

From your WordPress Site

  1. login to the dashboard of your WordPress site.
  2. Go to Plugins > Installed plugins
  3. Find the iFrame plugin and click Activate
  4. Go to the post or page where you'd like to embed the document
  5. Paste the document link into the iframe shortcode
 [iframe src="https://docs.google.com/document/pub?id=xxxxxxxxxx" 
 width="100%" height="480"] 
  • Adjust the width and height for the iframe as necessary within the shortcode
  • Publish your post or page.