How to Write a Clean HTML Blog Post for your CMS
•Télécharger en tant que PPTX, PDF•
1 j'aime•859 vues
This document provides instructions for writing clean blog posts in 4 steps: 1. Copy blog post text from Word or Google Docs into Notepad++ to remove formatting. 2. Paste cleaned text into an HTML editor like HTML.am and insert HTML tags for headings, bold, italics, etc. 3. Copy formatted HTML from the editor and save as an .html file. 4. Insert the clean .html file into a CMS like Joomla or Wordpress for publishing. Clean HTML helps blogs look better on sites, improves loading speed, and ensures Google can read the content.
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à How to Write a Clean HTML Blog Post for your CMS
Similaire à How to Write a Clean HTML Blog Post for your CMS (20)
Dernier
Dernier (20)
How to Write a Clean HTML Blog Post for your CMS
- 1. How to Write A clean Blog Post for Joomla or Wordpress
- 2. To Make It Short ! 1. Clean your text on notepad++ 2. Edit on a simple WYSIWYG text editor 3. Insert on your CRM 4. Backup into a .html file
- 3. 1- Blog Writing Not always easy !
- 4. Blog Post Writing Process Most of the time you or your blog writers will produce their content on Microsoft Word or Google Drive documents and then will upload it into your blog. The problem is that you need to make sure that the code is clean on your blog to don’t mess it up
- 5. Blog Post Writing Process
- 6. Blog Post Writing Process
- 7. Blog Post Writing Solution So rather than a .doc file ask your writer to provide you a .html file
- 8. 2- Why to clean Your HTML before posting
- 9. Your CMS HTML Whatever CMS you use it’s usually the same idea. Styling (fonts, size, colours) are specified into your .css files. So if you add another style into your page, it will be read as the main style and will not respect your template design.
- 10. Make it clean because 1. Looks fine on your blog 2. Google prefers clean codes 3. Faster loading time 4. You validate it and you’re sure of it
- 11. 3- Tuto Easily clean your code
- 12. Basic HTML to know Headings: <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> Text: <p>This is a paragraph.</p> Styling: <p><strong>strong</strong>.</p> <p><i>This text is italic</i>.</p> <p><em>emphasized</em>.</p> Image: <img src="w3schools.jpg" alt="W3Schools.c om" width="104" height="142"> Link: <a href="http://www.w3schools.com">This is a link</a> w3schools.com/html/html_basic.asp
- 13. Test your text 1. Copy your text from its source to your CMS 2. Click on Toogle / Source to review the HTML 3. If it does not look like the previous slide code, you need to edit it
- 14. Step 1 - Word to Note Pad ++ Copy paste from word to notepad ++/ So at this stage you’ll just get some pure text with no html notepad-plus-plus.org/
- 15. Step 2- To your editor You can either use your blog editor or html.am 1. Click on source / toggle editor 2. Clean all <html> you see 3. Paste your text Now you have pure html Editor we like: html.am/html-editors/online-html-editor.cfm
- 16. Step 3 - Edit your text 1. Click again on source / toggle editor (you’ll see the edit text option) 2. Edit your text with bold, heading, and basic elements 3. Click again on Toggle / Source and select all the code between <body> an </body> (you may not see them based on your editor) Tips: Avoid to use useless colours or new fonts, etc.
- 17. Step 4 - Save as HTML 1- Copy past your text from your WYSIWYG editor to notepad++ 2- Clic on save as and and save it as ,html Now you can review it on your browser as any html element ! notepad-plus-plus.org/
- 18. Tadam ! Now it’s clean !
- 19. Questions ? Ask more questions into our blogpost : http://www.joomgeek.com/blog/weekly-review-how-to-write-clean-html-posts-into-your-cms.html