{"id":951,"date":"2015-09-16T09:51:26","date_gmt":"2015-09-16T13:51:26","guid":{"rendered":"http:\/\/www.harrisweb.ca\/blog\/?p=951"},"modified":"2016-11-25T18:02:03","modified_gmt":"2016-11-25T23:02:03","slug":"testing-docs-to-wp-plug-in","status":"publish","type":"post","link":"https:\/\/www.harrisweb.ca\/blog\/testing-docs-to-wp-plug-in\/","title":{"rendered":"Usings Google Docs as a Blog Editor"},"content":{"rendered":"<h1 style=\"line-height: 1;\">Using Google Docs as a Blog Editor<\/h1>\n<h2>or how I learned to love Google Docs<\/h2>\n<p><a href=\"http:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/Google-Docs-to-WordPress.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1140 aligncenter\" src=\"http:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/Google-Docs-to-WordPress.png\" alt=\"Google Docs to WordPress\" width=\"650\" height=\"306\" srcset=\"https:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/Google-Docs-to-WordPress.png 650w, https:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/Google-Docs-to-WordPress-420x198.png 420w, https:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/Google-Docs-to-WordPress-300x141.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">I really like Google Docs, it is a nice clean editor. In the past you were able to copy the CSS from your WordPress Theme and paste it into Docs, but alas, those days are gone. <\/span><\/span><\/p>\n<h2 style=\"font-size: 12pt; line-height: 1;\">\u00a0Docs To WordPress Plug-in<\/h2>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">Today I am testing the Docs to WordPress add-on; you can get it from the Docs menu &gt; Add-ons &gt; get add ons, then search for blog editors &#8211; currently there are only 2.<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">You should first change your line spacing to single.<\/span><\/span><\/p>\n<h2 style=\"line-height: 1; text-decoration: underline;\"><span style=\"text-decoration: underline;\"><span style=\"text-decoration: underline;\">Subtitles:<\/span><\/span><\/h2>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">The subtitle tag does not exist in my WP theme&#8230; it is used above in the \u201cor how I learned to love Google Docs\u201d the title is what is above, but this will not go into your blog title. The actual file name in Docs is what is used for the blog title when you publish your Doc to WordPress.<\/span><\/span><\/p>\n<h2 style=\"line-height: 1; text-decoration: underline;\"><span style=\"text-decoration: underline;\"><span style=\"text-decoration: underline;\">Other Heading Tags<\/span><\/span><\/h2>\n<h1 style=\"line-height: 1;\">This is an h1 tag<\/h1>\n<h2 style=\"line-height: 1;\">This is an h2 tag<\/h2>\n<h3>This is an h3 tag<\/h3>\n<p>This is an normal text\u2026<\/p>\n<h2 style=\"text-decoration: underline;\"><span style=\"text-decoration: underline;\"><span style=\"text-decoration: underline;\">Body Text styles<\/span><\/span><\/h2>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt; text-decoration: line-through;\">Strikethrough <\/span> <span style=\"font-size: 12pt; text-decoration: underline;\">Underline <\/span> <span style=\"font-size: 12pt; font-weight: bold;\">Bold<\/span> <span style=\"font-size: 12pt; font-style: italic;\">Italic<\/span><span style=\"font-size: 12pt;\"> subscript superscript<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">There are a bunch of keyboard shortcuts you can get from the menu to do this.<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">You can also change the font size on the fly or <\/span><span style=\"color: #4a86e8; font-size: 12pt;\">even the colour. <\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1; font-family: Times New Roman;\"><span style=\"font-size: 12pt; font-family: Times New Roman;\"><span style=\"font-family: Times New Roman; font-size: 12pt;\">This is a change to a different font, should be Times New Roman 12pt..<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1; background-color: #00ff00;\"><span style=\"font-size: 12pt; background-color: #00ff00;\"><span style=\"background-color: #00ff00; font-size: 12pt;\">This is highlighted text<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1; font-weight: bold;\"><span style=\"font-size: 12pt; font-weight: bold;\"><span style=\"font-size: 12pt; font-weight: bold; font-style: italic;\">To get this to work you must change your HTML mode to enhanced, when you are setting up the connection to your blog.<\/span> <span style=\"font-size: 12pt; font-weight: bold; font-style: italic;\">As you can see the subscript and superscript are not working.<\/span><\/span><\/p>\n<h2 style=\"line-height: 1; text-decoration: underline;\"><span style=\"text-decoration: underline;\"><span style=\"text-decoration: underline;\">Lists, Links and everything else<\/span><\/span><\/h2>\n<ol>\n<ol>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is a numbered list<\/span><\/span><\/li>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">So set your line spacing to 1 or single<\/span><\/span><\/li>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">Format &gt; Line Spacing &gt; Single<\/span><\/span><\/li>\n<\/ol>\n<\/ol>\n<ul>\n<ul>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is an ordered list<\/span><\/span><\/li>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is still a first level item<\/span><\/span><\/li>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is a second level item<\/span><\/span><\/li>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is a second level item<\/span><\/span><\/li>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is a third level item<\/span><\/span><\/li>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is a third level item<\/span><\/span><\/li>\n<\/ul>\n<\/ul>\n<ul>\n<ul>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is a first level item<\/span><\/span><\/li>\n<li style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This is a first level item <\/span><\/span><\/li>\n<\/ul>\n<\/ul>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">I just pasted this link in <\/span><a style=\"color: #1155cc; font-size: 12pt; text-decoration: underline;\" href=\"http:\/\/www.harrisweb.ca\/seo.php\">http:\/\/www.harrisweb.ca\/seo.php<\/a><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><a style=\"color: #1155cc; font-size: 12pt; text-decoration: underline;\" href=\"http:\/\/www.harrisweb.ca\/\">LInk Anchor Text Here<\/a><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">Indent1<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">indent2<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; font-style: italic; line-height: 1; font-weight: bold;\"><span style=\"font-size: 12pt; font-style: italic; font-weight: bold;\"><span style=\"font-size: 12pt; font-weight: bold; font-style: italic;\">So as you can see the multilevel list is not supported, also, my numbered list got changed to ABC. The indents are not working, which in essence is the same as the multilevel list. On the bright side, the links work easily.<\/span><\/span><\/p>\n<p><!--HERE -----------------------------------------------------------------><\/p>\n<h2 style=\"line-height: 1; text-decoration: underline;\"><span style=\"text-decoration: underline;\"><span style=\"text-decoration: underline;\">And now for some images<\/span><\/span><\/h2>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">So the image interface is a little glitchy so I want to do this in stages so you understand.<\/span><\/span><\/p>\n<p style=\"line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This image is just dragged from the desktop and set inline at full<img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1132\" src=\"http:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/t_Usings-Google-Docs-as-a-Blog-Editor-04.jpg\" alt=\"t_Usings-Google-Docs-as-a-Blog-Editor-0.jpg\" width=\"360\" height=\"477\" srcset=\"https:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/t_Usings-Google-Docs-as-a-Blog-Editor-04.jpg 360w, https:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/t_Usings-Google-Docs-as-a-Blog-Editor-04-300x398.jpg 300w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/> size.<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">The next image has been resized and put on its own line<br \/>\n<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">This image has <\/span><\/span><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">been dragged in, resized,and set inline. After I was finished with the initial draft I \u201csaved as draft\u201d to my WordPress editor and added the text wrap there.<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1134 alignright\" src=\"http:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/t_Usings-Google-Docs-as-a-Blog-Editor-14.jpg\" alt=\"t_Usings-Google-Docs-as-a-Blog-Editor-1.jpg\" width=\"379\" height=\"538\" \/><\/span><\/span><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\"><br \/>\n<\/span><\/span><\/p>\n<p style=\"font-size: 12pt; line-height: 1;\"><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\">I have added some Lorem Ipsum here to show the effect. Eos accumsan accusamus comprehensam ei, his affert ignota reprimique no, autem contentiones sea <\/span><\/span><span style=\"font-size: 12pt;\"><span style=\"font-size: 12pt;\"><br \/>\nad. Per saperet veritus in, te laboramus argumentum vel. Nam facer audire ocurreret ei, qui ad amet duis oporteat. Te iracundia dissentiet est, sit id tacimates democritum, nemore nonumes maiorum ut eos. Tantas tibique eligendi at usu. Wisi consul accusamus eam ne, cibo magna evertitur qui no, id atqui falli homero vel.Lorem ipsum dolor sit amet, eum et prima offendit, ne ius simul intellegat forensibus, cu sed sale detracto percipit. Vix debet minimum eu, ex eum saepe senserit. Pro ne fierent democritum disputando. Ea elitr sensibus has, ex eos etiam iudico ubique. Ne qualisque liberavisse his, no velit latine scripserit nam, vis cu erat mandamus inciderint. Id reque facete dolorem sit, te pro recteque suavitate consequuntur. Laboramus theophrastus consequuntur te vis, an eam alia suscipit, sit aperiam dissentiet te.<\/span><\/span><\/p>\n<h2 style=\"line-height: 1;\" align=\"justify\">Research<\/h2>\n<p style=\"line-height: 1;\" align=\"justify\">One of the big draws of using Docs to write posts is the Research feature built into it. So say I want to get an image of a sunset in Hawaii I simply highlight the words and go to Tools &gt; Research and Google opens up a tab on the right with search results. I sorted the images by license and this one was marked \u201cfree to use\u201d so I dragged into this document and it came with instant citations.<\/p>\n<p style=\"line-height: 1;\" align=\"justify\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1138 alignleft\" src=\"http:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/t_Usings-Google-Docs-as-a-Blog-Editor-32.jpg\" alt=\"t_Usings-Google-Docs-as-a-Blog-Editor-3.jpg\" width=\"438\" height=\"318\" srcset=\"https:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/t_Usings-Google-Docs-as-a-Blog-Editor-32.jpg 438w, https:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/t_Usings-Google-Docs-as-a-Blog-Editor-32-420x305.jpg 420w, https:\/\/www.harrisweb.ca\/blog\/wp-content\/uploads\/2015\/09\/t_Usings-Google-Docs-as-a-Blog-Editor-32-300x218.jpg 300w\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" \/><\/p>\n<p style=\"font-size: 10pt; line-height: 1;\"><span style=\"font-size: 10pt;\"><span style=\"font-size: 10pt;\"> &lt;<\/span><a style=\"color: #1155cc; font-size: 10pt; text-decoration: underline;\" href=\"https:\/\/c1.staticflickr.com\/1\/69\/192074461_dc00d99e92_b.jpg\">https:\/\/c1.staticflickr.com\/1\/69\/192074461_dc00d99e92_b.jpg<\/a><span style=\"font-size: 10pt;\">&gt;<\/span><\/span><\/p>\n<p style=\"line-height: 1;\">\u00a0<span style=\"font-size: 13pt; font-style: italic; color: #666666; font-weight: bold; background-color: #ffffff;\"><span style=\"background-color: #ffffff; color: #666666; font-size: 13pt; font-weight: bold; font-style: italic;\">So what i have done below is I have copied text from a website and used the \u201ccite\u201d button to create a second citation for the website giving it full credit for the text. Unfortunately, I had to copy and paste the citations inline because again the transfer to WordPress just didn\u2019t work.<\/span><\/span><\/p>\n<blockquote>\n<p style=\"font-size: 13pt; line-height: 1; color: #666666; padding-left: 60px; text-align: left; background-color: #ffffff;\">\u00a0<span style=\"color: #666666; background-color: #ffffff;\"><span style=\"background-color: #ffffff; color: #666666;\">What make the sunsets in Hawaii so spectacular? Perhaps there\u2019s a scientific explanation but we\u2019re guessing it\u2019s probably just due to the weather and setting. In Hawaii the tradewinds normally blow from the NE. Clouds hit the mountains and lose their moisture. The result is that the west coasts (where the sun sets) rarely see completely overcast conditions (overcast skies as experienced in the Pacific Northwest is rare for Hawaii). So the weather, combined with the ocean that makes for a nice backdrop, and people being in the mood to experience nice sunsets can explain why so many people comment about Hawaii\u2019s beautiful sunsets.<\/span><\/span><\/p>\n<p style=\"font-size: 13pt; line-height: 1; color: #666666; padding-left: 60px; text-align: left; background-color: #ffffff;\"><span style=\"font-size: 10pt;\">&#8220;Hawaii Sunsets &#8211; Hawaii Travel Guides &#8211; HawaiiGaga.com.&#8221; 2011. 16 Sep. 2015 &lt;<\/span><a style=\"color: #1155cc; font-size: 10pt; text-decoration: underline;\" href=\"http:\/\/blog.hawaiigaga.com\/index.php\/general\/hawaii-sunsets\/\">http:\/\/blog.hawaiigaga.com\/index.php\/general\/hawaii-sunsets\/<\/a><span style=\"font-size: 10pt;\">&gt;<\/span><\/p>\n<\/blockquote>\n<h2 style=\"line-height: 1;\">Voice typing<\/h2>\n<p style=\"line-height: 1;\">So the last feature that Google Docs offers that is kind of cool is the fact that you can type using your voice. To me this has to be the number one reason why you would want to use Google Docs to do your blog posts. I will continue in my conclusion using voice typing&#8230;<\/p>\n<h2 style=\"line-height: 1;\">Conclusion<\/h2>\n<p style=\"line-height: 1;\">So using Google Docs to be a blog editor with the <span style=\"font-weight: bold; font-style: italic;\">Docs to WordPress plugin <\/span>is not perfect. All it really does is give you a starting point and the basic features of heading and body styles The easiest things to use are the links and adding photos into the document easily. Unfortunately the image editor is weak and you have to put all the images inline to begin with and edit them in your WordPress editor to add links and text wrapping.The good thing is that this plugin has a <span style=\"font-style: italic;\">save to draft<\/span> feature that you can use then go to the WordPress editor and finish up with that.<\/p>\n<p style=\"line-height: 1;\">The Voice typing which is the strongest feature is not as good as say, on an Android phone which will delete a word with your voice and go to a new line with your voice.What it does do well is capitalization, and punctuation.<span style=\"line-height: 1;\">\u00a0<\/span><\/p>\n<p style=\"line-height: 1;\">Of course if you have many people working on a document, especially those who are not familiar with the WordPress interface, this is the only way to go. It works better than copy and paste.<\/p>\n<p style=\"line-height: 1;\">I am interested in knowing what others use in place of the WordPress editor which I really don&#8217;t like, let me know in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using Google Docs as a Blog Editor or how I learned to love Google Docs I really like Google Docs, it is a nice clean editor. In the past you were able to copy the CSS from your WordPress Theme and paste it into Docs, but alas, those days are gone. \u00a0Docs To WordPress Plug-in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1140,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[20],"tags":[],"class_list":["post-951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design"],"_links":{"self":[{"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/posts\/951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/comments?post=951"}],"version-history":[{"count":54,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/posts\/951\/revisions"}],"predecessor-version":[{"id":1243,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/posts\/951\/revisions\/1243"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/media\/1140"}],"wp:attachment":[{"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/media?parent=951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/categories?post=951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/tags?post=951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}