{"id":368,"date":"2013-10-02T09:36:42","date_gmt":"2013-10-02T09:36:42","guid":{"rendered":"https:\/\/fundceri.org\/web26\/2013\/10\/02\/custom-pages\/"},"modified":"2013-10-02T09:36:42","modified_gmt":"2013-10-02T09:36:42","slug":"custom-pages","status":"publish","type":"post","link":"https:\/\/fundceri.org\/web26\/2013\/10\/02\/custom-pages\/","title":{"rendered":"Custom pages"},"content":{"rendered":"<p>We have prepared a code for few custom pages:<\/p>\n<ul>\n<li>Faq page<\/li>\n<li>Help page<\/li>\n<li>Product showcase page<\/li>\n<\/ul>\n<p>This article contains description of the configuration details for these pages.<\/p>\n<h3>FAQ page<\/h3>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\" size-full wp-image-364\" alt=\"Screen\" src=\"https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p1.png\" width=\"1285\" height=\"436\" srcset=\"https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p1.png 1285w, https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p1-200x68.png 200w\" sizes=\"(max-width: 1285px) 100vw, 1285px\" \/><\/p>\n<p>FAQ is very simple custom page. You have to assign to this page the <strong>faq<\/strong> page suffix and use the following code:<\/p>\n<pre>&lt;h3&gt;Question in the title&lt;\/h3&gt;\r\n&lt;p&gt;Answer to the question&lt;\/p&gt;<\/pre>\n<p>You can repeat the above code for all questions included in the FAQ.<\/p>\n<h3>Help page<\/h3>\n<p><img decoding=\"async\" class=\" size-full wp-image-365\" alt=\"Screen\" src=\"https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p2.png\" width=\"1277\" height=\"639\" srcset=\"https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p2.png 1277w, https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p2-200x100.png 200w\" sizes=\"(max-width: 1277px) 100vw, 1277px\" \/><\/p>\n<p>The help page uses the modules on the header and top1 module positions. Thanks to it we could achieve a very interesting layout with three columns.<\/p>\n<p>Please remember to add the <strong>support<\/strong> page suffix.<\/p>\n<p>Teh big title in the header uses the <strong>gkBigTitle<\/strong> class:<\/p>\n<pre>&lt;h3 class=\"gkBigTitle\"&gt;Header&lt;\/h3&gt;\r\n&lt;p&gt;Subtitle for the header&lt;\/p&gt;<\/pre>\n<p>Icons uses the same syntax as the big icons on the frontpage. You can also put a small text under the icons using the <strong>small<\/strong> element.<\/p>\n<h3>Product showcase page<\/h3>\n<p><img decoding=\"async\" class=\" size-full wp-image-366\" alt=\"Screen\" src=\"https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p3.png\" width=\"1285\" height=\"608\" srcset=\"https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p3.png 1285w, https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p3-200x95.png 200w\" sizes=\"(max-width: 1285px) 100vw, 1285px\" \/><\/p>\n<p>The block with features uses the following syntax for every block:<\/p>\n<pre>&lt;div&gt;\r\n    &lt;h3&gt;&lt;i class=\"icon-cogs\"&gt;&lt;\/i&gt; 100% Fully Managed &lt;\/h3&gt;\r\n    &lt;p&gt;Consectetur adipiscing elit. Quisque convallis tellus velit. Etiam lobortis enim laoreet, venenatis nulla suscipit, viverra.&lt;\/p&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>Please remember that you should use in the module with features the <strong>features<\/strong> module class suffix.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-367\" alt=\"Screen\" src=\"https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p4.png\" width=\"1303\" height=\"649\" srcset=\"https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p4.png 1303w, https:\/\/fundceri.org\/web26\/wp-content\/uploads\/2013\/10\/p4-200x100.png 200w\" sizes=\"(max-width: 1303px) 100vw, 1303px\" \/><\/p>\n<p>The above table uses the standard <strong>table<\/strong> element.<\/p>\n<p>Please remember that if you want to achieve the grey first column, you should use the <strong>th<\/strong> elements instead of <strong>td<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We have prepared a code for few custom pages: Faq page Help page Product showcase page This article contains description of the configuration details for these pages. FAQ page FAQ is very simple custom page. You have to assign to this page the faq page suffix and use the following code: &lt;h3&gt;Question in the title&lt;\/h3&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":364,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-368","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-template"],"_links":{"self":[{"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/posts\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/comments?post=368"}],"version-history":[{"count":0,"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/posts\/368\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/media\/364"}],"wp:attachment":[{"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/media?parent=368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/categories?post=368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fundceri.org\/web26\/wp-json\/wp\/v2\/tags?post=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}