Templates · HTML to WordPress

{"__v":14,"_id":"573dd8c87fe1642200f2a1bb","category":{"__v":1,"_id":"569d55acec29360d00f6679c","pages":["569d55adec29360d00f6679e"],"project":"569d55abec29360d00f66798","version":"569d55acec29360d00f6679b","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-01-18T21:14:20.939Z","from_sync":false,"order":0,"slug":"documentation","title":"Converter Functionality"},"parentDoc":null,"project":"569d55abec29360d00f66798","user":"569d557c0306a10d00ce996e","version":{"__v":17,"_id":"569d55acec29360d00f6679b","project":"569d55abec29360d00f66798","createdAt":"2016-01-18T21:14:20.374Z","releaseDate":"2016-01-18T21:14:20.374Z","categories":["569d55acec29360d00f6679c","569d58cc0306a10d00ce9971","569d5c37ec29360d00f667a7","569ec89aebbadc0d0079bf71","569eccaa4a5c8b0d00744b3c","569eccbeffccd10d00a05cac","569ecd0f2d320817003b80d3","569ed216fbee990d0072d990","56b35bfb53da320d00c29716","56c1dc3d47394f0d00e227e8","570b98171e91d4220012acd8","570b9fa85f7a88340019f9f7","570e1ac1132c6d2b0000ab0b","570f5f72d6c6f00e00b98782","570f701ad6c6f00e00b98795","570f80fbb85a841900aa9505","5734a9642a48a90e0078e5ed"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"createdAt":"2016-05-19T15:16:24.727Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":6,"body":"## Default template\nThe default template is used by WordPress as the default template option when you create new pages. When creating a new page the default template can also be changed to any other page template you've added to the theme (each HTML file will become a template during conversion). To create a default template you'll need to create a file called **default.html** and inside it add the elements that will display the content that you choose to display for your page.\n[block:code]\n{\n \"codes\": [\n {\n \"code\": \"<h1 class=\\\"wp-title\\\">Title of the page will appear here</h1>\\n<div class=\\\"wp-content\\\">\\n\\t\\tThe content inside the WordPress WYSIWYG editor will appear inside this element.\\n</div>\\n<img src=\\\"\\\" class=\\\"wp-image\\\">\",\n \"language\": \"html\",\n \"name\": \"An example of default.html contents\"\n }\n ]\n}\n[/block]\n### Page content\nThese classes can be used inside the default template to display different content related to the page.\n[block:parameters]\n{\n \"data\": {\n \"0-1\": \"**Display the page title**\\n\\nFills the element's content with the title of the WordPress page.\",\n \"1-1\": \"**Display the page content**\\n\\nFills the element's content with the content from the WordPress WYSIWYG editor for the page. Everything placed inside the editor will be displayed inside this element.\",\n \"2-1\": \"**Display the featured image for the page**\\n\\nFills in the the url of the WordPress page's featured image to the element's src attribute. Needs to be used on an image element.\",\n \"0-0\": \"wp-title\",\n \"1-0\": \"wp-content\",\n \"2-0\": \"wp-image\"\n },\n \"cols\": 2,\n \"rows\": 3\n}\n[/block]\n<hr>\n## Single post template\nTemplate used for displaying a single blog post. [Learn more](https://html-to-wordpress.readme.io/v1.0/docs/blog#section-displaying-a-single-blog-post) about the single post template in the blog section.\n<hr>\n## Archive listing template\nTemplate used for displaying a list of WordPress posts for a category, tags, authors or dates. [Learn more](https://html-to-wordpress.readme.io/v1.0/docs/blog#section-listing-archived-posts) about the archive listing template in the blog section.\n<hr>\n## 404 page not found error template\nWhen content is not found in WordPress the 404 template is displayed. To create a 404 template you'll need to create file named **404.html** and add the content you wish to display on your 404 page.\n<hr>\n## Normal page templates\nAny other html files than the ones mentioned above are converted to normal WordPress page templates. The contents of these page templates will be automatically [editable with the Simple Live Editor plugin](https://html-to-wordpress.readme.io/docs/how-to-edit-content) but you can also choose to show WordPress page content on any template by adding the elements that will display the content.\n[block:code]\n{\n \"codes\": [\n {\n \"code\": \"<h1 class=\\\"wp-title\\\">Title of the page will appear here</h1>\\n<div class=\\\"wp-content\\\">\\n\\t\\tThe content inside the WordPress WYSIWYG editor will appear inside this element.\\n</div>\\n<img src=\\\"\\\" class=\\\"wp-image\\\">\",\n \"language\": \"html\",\n \"name\": \"An example of displaying page contents\"\n }\n ]\n}\n[/block]\n### Page content\nThese classes can be used inside the any normal page template to display different content related to the page.\n[block:parameters]\n{\n \"data\": {\n \"0-0\": \"wp-title\",\n \"0-1\": \"**Display the page title**\\n\\nFills the element's content with the title of the WordPress page.\",\n \"1-0\": \"wp-content\",\n \"1-1\": \"**Display the page content**\\n\\nFills the element's content with the content from the WordPress WYSIWYG editor for the page. Everything placed inside the editor will be displayed inside this element.\",\n \"2-0\": \"wp-image\",\n \"2-1\": \"**Display the featured image for the page**\\n\\nFills in the the url of the WordPress page's featured image to the element's src attribute. Needs to be used on an image element.\"\n },\n \"cols\": 2,\n \"rows\": 3\n}\n[/block]","excerpt":"<a href=\"https://html-to-wordpress.readme.io/docs/templates#section-default-template\">Default template</a>\n<a href=\"https://html-to-wordpress.readme.io/docs/templates#section-single-post-template\">Single post template</a>\n<a href=\"https://html-to-wordpress.readme.io/docs/templates#section-archive-listing-template\">Archive listing page</a>\n<a href=\"https://html-to-wordpress.readme.io/docs/templates#section-404-page-not-found-error-template\">404 page not found error template</a>\n<a href=\"https://html-to-wordpress.readme.io/docs/templates#section-normal-page-templates\">Normal page templates</a>","slug":"templates","type":"basic","title":"Templates"}

Templates

<a href="https://html-to-wordpress.readme.io/docs/templates#section-default-template">Default template</a> <a href="https://html-to-wordpress.readme.io/docs/templates#section-single-post-template">Single post template</a> <a href="https://html-to-wordpress.readme.io/docs/templates#section-archive-listing-template">Archive listing page</a> <a href="https://html-to-wordpress.readme.io/docs/templates#section-404-page-not-found-error-template">404 page not found error template</a> <a href="https://html-to-wordpress.readme.io/docs/templates#section-normal-page-templates">Normal page templates</a>

## Default template The default template is used by WordPress as the default template option when you create new pages. When creating a new page the default template can also be changed to any other page template you've added to the theme (each HTML file will become a template during conversion). To create a default template you'll need to create a file called **default.html** and inside it add the elements that will display the content that you choose to display for your page. [block:code] { "codes": [ { "code": "<h1 class=\"wp-title\">Title of the page will appear here</h1>\n<div class=\"wp-content\">\n\t\tThe content inside the WordPress WYSIWYG editor will appear inside this element.\n</div>\n<img src=\"\" class=\"wp-image\">", "language": "html", "name": "An example of default.html contents" } ] } [/block] ### Page content These classes can be used inside the default template to display different content related to the page. [block:parameters] { "data": { "0-1": "**Display the page title**\n\nFills the element's content with the title of the WordPress page.", "1-1": "**Display the page content**\n\nFills the element's content with the content from the WordPress WYSIWYG editor for the page. Everything placed inside the editor will be displayed inside this element.", "2-1": "**Display the featured image for the page**\n\nFills in the the url of the WordPress page's featured image to the element's src attribute. Needs to be used on an image element.", "0-0": "wp-title", "1-0": "wp-content", "2-0": "wp-image" }, "cols": 2, "rows": 3 } [/block] <hr> ## Single post template Template used for displaying a single blog post. [Learn more](https://html-to-wordpress.readme.io/v1.0/docs/blog#section-displaying-a-single-blog-post) about the single post template in the blog section. <hr> ## Archive listing template Template used for displaying a list of WordPress posts for a category, tags, authors or dates. [Learn more](https://html-to-wordpress.readme.io/v1.0/docs/blog#section-listing-archived-posts) about the archive listing template in the blog section. <hr> ## 404 page not found error template When content is not found in WordPress the 404 template is displayed. To create a 404 template you'll need to create file named **404.html** and add the content you wish to display on your 404 page. <hr> ## Normal page templates Any other html files than the ones mentioned above are converted to normal WordPress page templates. The contents of these page templates will be automatically [editable with the Simple Live Editor plugin](https://html-to-wordpress.readme.io/docs/how-to-edit-content) but you can also choose to show WordPress page content on any template by adding the elements that will display the content. [block:code] { "codes": [ { "code": "<h1 class=\"wp-title\">Title of the page will appear here</h1>\n<div class=\"wp-content\">\n\t\tThe content inside the WordPress WYSIWYG editor will appear inside this element.\n</div>\n<img src=\"\" class=\"wp-image\">", "language": "html", "name": "An example of displaying page contents" } ] } [/block] ### Page content These classes can be used inside the any normal page template to display different content related to the page. [block:parameters] { "data": { "0-0": "wp-title", "0-1": "**Display the page title**\n\nFills the element's content with the title of the WordPress page.", "1-0": "wp-content", "1-1": "**Display the page content**\n\nFills the element's content with the content from the WordPress WYSIWYG editor for the page. Everything placed inside the editor will be displayed inside this element.", "2-0": "wp-image", "2-1": "**Display the featured image for the page**\n\nFills in the the url of the WordPress page's featured image to the element's src attribute. Needs to be used on an image element." }, "cols": 2, "rows": 3 } [/block]