Letlabo Nature Reserve
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. <!doctype html>
  2. <!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]-->
  3. <!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]-->
  4. <!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]-->
  5. <!--[if (gt IE 7)|!(IE)]><!-->
  6. <html lang="en-us"><!--<![endif]-->
  7. <head>
  8. <meta charset="utf-8">
  9. <title>Moderna - WordPress theme</title>
  10. <meta name="description" content="">
  11. <meta name="generator" content="Documenter v2.0 http://rxa.li/documenter">
  12. <meta name="date" content="2014-04-13T00:00:00+02:00">
  13. <link rel="stylesheet" href="assets/css/documenter_style.css" media="all">
  14. <script src="assets/js/jquery.js"></script>
  15. <script src="assets/js/jquery.scrollTo.js"></script>
  16. <script src="assets/js/jquery.easing.js"></script>
  17. <script>document.createElement('section');var duration='500',easing='swing';</script>
  18. <script src="assets/js/script.js"></script>
  19. <style>
  20. html{background-color:#FFFFFF;color:#383838;}
  21. ::-moz-selection{background:#444444;color:#DDDDDD;}
  22. ::selection{background:#444444;color:#DDDDDD;}
  23. #documenter_sidebar #documenter_logo{background-image:url();}
  24. a{color:#0000FF;}
  25. .btn {
  26. border-radius:3px;
  27. }
  28. .btn-primary {
  29. background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
  30. background-image: -ms-linear-gradient(top, #0088CC, #0044CC);
  31. background-image: -webkit-gradient(linear, 0 0, 0 0088CC%, from(#DDDDDD), to(#0044CC));
  32. background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
  33. background-image: -o-linear-gradient(top, #0088CC, #0044CC);
  34. background-image: linear-gradient(top, #0088CC, #0044CC);
  35. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0044CC', GradientType=0);
  36. border-color: #0044CC #0044CC #bfbfbf;
  37. color:#FFFFFF;
  38. }
  39. .btn-primary:hover,
  40. .btn-primary:active,
  41. .btn-primary.active,
  42. .btn-primary.disabled,
  43. .btn-primary[disabled] {
  44. border-color: #0088CC #0088CC #bfbfbf;
  45. background-color: #0044CC;
  46. }
  47. hr{border-top:1px solid #EBEBEB;border-bottom:1px solid #FFFFFF;}
  48. #documenter_sidebar, #documenter_sidebar ul a{background-color:#DDDDDD;color:#222222;}
  49. #documenter_sidebar ul a{-webkit-text-shadow:1px 1px 0px #EEEEEE;-moz-text-shadow:1px 1px 0px #EEEEEE;text-shadow:1px 1px 0px #EEEEEE;}
  50. #documenter_sidebar ul{border-top:1px solid #AAAAAA;}
  51. #documenter_sidebar ul a{border-top:1px solid #EEEEEE;border-bottom:1px solid #AAAAAA;color:#444444;}
  52. #documenter_sidebar ul a:hover{background:#444444;color:#DDDDDD;border-top:1px solid #444444;}
  53. #documenter_sidebar ul a.current{background:#444444;color:#DDDDDD;border-top:1px solid #444444;}
  54. #documenter_copyright{display:block !important;visibility:visible !important;}
  55. </style>
  56. </head>
  57. <body class="documenter-project-moderna">
  58. <div id="documenter_sidebar">
  59. <a href="#documenter_cover" id="documenter_logo"></a>
  60. <ul id="documenter_nav">
  61. <li><a class="current" href="#documenter_cover">Start</a></li>
  62. <li><a href="#general" title="General">General</a></li>
  63. <li><a href="#installation" title="Installation">Installation</a>
  64. <ul>
  65. <li><a href="#installation_first,_install_wordpress">First, Install Wordpress</a>
  66. <li><a href="#installation_second,_extract_unzip_moderna_full_package_zip_file">Second, Extract (Unzip) Moderna Full Package ZIP File</a>
  67. <li><a href="#installation_third,_uploading_moderna_wordpress_theme">Third, Uploading Moderna Wordpress Theme</a>
  68. <li><a href="#installation_fourth,_install_required_plugins">Fourth, Install required plugins</a>
  69. <li><a href="#installation_fifth,_optional_but_suggested_importing_modernaxml_sample_data_amp_txt_theme_options_sample_options">Fifth, (Optional - but suggested) Importing Moderna.XML Sample Data &amp; .txt Theme options sample options</a>
  70. <li><a href="#installation_sixth,_set_frontpage">Sixth, Set Frontpage</a>
  71. </ul>
  72. </li>
  73. <li><a href="#theme_options" title="Theme options">Theme options</a></li>
  74. <li><a href="#menu_setup" title="Menu setup">Menu setup</a></li>
  75. <li><a href="#portfolio" title="Portfolio">Portfolio</a>
  76. <ul>
  77. <li><a href="#portfolio_add_portfolio_item">Add portfolio item</a>
  78. </ul>
  79. </li>
  80. <li><a href="#flexslider" title="Flexslider">Flexslider</a></li>
  81. <li><a href="#shortcodes" title="Shortcodes">Shortcodes</a></li>
  82. <li><a href="#how_to" title="HOW TO">HOW TO</a>
  83. <ul>
  84. <li><a href="#how_to_make_contact_form_works">MAKE CONTACT FORM WORKS</a>
  85. </ul>
  86. </li>
  87. <li><a href="#conclusion" title="Conclusion">Conclusion</a></li>
  88. </ul>
  89. <div id="documenter_copyright">Copyright BootstrapMade<br>
  90. made with the <a href="http://rxa.li/documenter">Documenter v2.0</a>
  91. </div>
  92. </div>
  93. <div id="documenter_content">
  94. <section id="documenter_cover">
  95. <h1>Moderna</h1>
  96. <h2>WordPress theme</h2>
  97. <div id="documenter_buttons">
  98. </div>
  99. <hr>
  100. <ul>
  101. <li>created: 04/13/2014</li>
  102. <li>latest update: 04/13/2014</li>
  103. <li>by: BootstrapMade</li>
  104. <li><a href=""></a></li>
  105. </ul>
  106. <p></p>
  107. </section>
  108. <section id="general">
  109. <div class="page-header"><h3>General</h3><hr class="notop"></div>
  110. <p>
  111. Moderna WP is a WordPress theme for corporate, converted from Moderna HTML template <a href="http://bootstraptaste.com/free-bootstrap-template-corporate-moderna/" target="_blank">http://bootstraptaste.com/free-bootstrap-template-corporate-moderna/</a></p>
  112. </section>
  113. <section id="installation">
  114. <div class="page-header"><h3>Installation</h3><hr class="notop"></div>
  115. <p>
  116. This is basic instruction for installing Moderna Wordpress Theme</p>
  117. <p>
  118. &nbsp;</p>
  119. <h4 id="installation_first,_install_wordpress">First, Install Wordpress</h4>
  120. <p>
  121. WordPress is well known for its ease of installation. Under most circumstances installing WordPress is a very simple process and takes less than five minutes to complete. Many web hosts now offer tools (e.g. Fantastico) to automatically install WordPress for you.</p>
  122. <p>
  123. For more information, please read <a target="_blank">http://codex.wordpress.org/Installing_WordPress</a> page.</p>
  124. <p>
  125. &nbsp;</p>
  126. <h4 id="installation_second,_extract_unzip_moderna_full_package_zip_file">Second, Extract (Unzip) Moderna Full Package ZIP File</h4>
  127. <p>
  128. Please extract (unzip) Moderna ZIP file. You will see some folders: <strong>Documentation</strong>,&nbsp;<strong>Sample data</strong>, <strong>Theme</strong></p>
  129. <p>
  130. &nbsp;</p>
  131. <h4 id="installation_third,_uploading_moderna_wordpress_theme">Third, Uploading Moderna Wordpress Theme</h4>
  132. <p>
  133. You can find zipped (installable) Moderna theme file under <strong>Theme</strong> folder at the second step above.</p>
  134. <p>
  135. Go to <strong>Appearance &gt; Themes</strong> page and click <strong>Install Themes</strong> tab. Then click <strong>upload</strong> link, upload the zip file and activate the theme.</p>
  136. <p>
  137. &nbsp;</p>
  138. <h4 id="installation_fourth,_install_required_plugins">Fourth, Install required plugins</h4>
  139. <p>
  140. After install and activate Moderna theme you must install required plugins to make Moderna theme works properly, Go to Appearance --&gt; Install plugins</p>
  141. <p>
  142. There are some required plugins that need to be installed, please install &amp; activate those all before doing more else</p>
  143. <ul>
  144. <li>
  145. <strong>Bootstrap 3 Shortcodes</strong></li>
  146. <li>
  147. <strong><strong>Font Awesome timymce</strong></strong></li>
  148. <li>
  149. <strong><strong><strong>Meta Box</strong></strong></strong></li>
  150. <li>
  151. <strong><strong><strong><strong>iWebtheme Moderna CPT</strong></strong></strong></strong></li>
  152. <li>
  153. <strong><strong><strong><strong><strong>iWebtheme moderna Shortcodes</strong></strong></strong></strong></strong></li>
  154. </ul>
  155. <p>
  156. &nbsp;</p>
  157. <h4 id="installation_fifth,_optional_but_suggested_importing_modernaxml_sample_data_amp_txt_theme_options_sample_options">Fifth, (Optional - but suggested) Importing Moderna.XML Sample Data &amp; .txt Theme options sample options</h4>
  158. <p>
  159. You can make your learning curve faster and your development easier by importing Moderna Sample Data and theme options. You can find Moderna Sample Data in XML file and theme-options.txt under <strong>Sample Data</strong> folder at the second step above.</p>
  160. <p>
  161. 1. Import sample data (sample-data.xml)</p>
  162. <p>
  163. - Go to <strong>Tools &gt; Import</strong> page and click <strong>Wordpress</strong> Importer link (You will be asked to install Wordpress Importer at the first time). Then upload Moderna XML file (please choose <strong>sample-data.xml</strong>) and complete the process.</p>
  164. <p>
  165. 2. Import theme options (theme-options.txt)</p>
  166. <p>
  167. <em>* Also you may need to import <strong>&#39;theme-options&#39; </strong>data so you&#39;ll get same theme options setting as our live preview</em>.</p>
  168. <p>
  169. - Go to <strong>Appearance &gt; Theme Options</strong> and select <strong>Backup Options</strong> tab then replace the data inside the box with &#39;<strong>theme-options.txt</strong>&#39; (open theme-options.txt , copy the code then paste to your backup options box) then click &#39;<strong>Import Options</strong>&quot;</p>
  170. <p>
  171. &nbsp;</p>
  172. <h4 id="installation_sixth,_set_frontpage">Sixth, Set Frontpage</h4>
  173. <p>
  174. Go to <strong>Settings &gt; Reading</strong> page and choose <strong>A static page</strong> option for Frontpage / main homepage display. Then choose a page that will be used for your Frontpage from the dropdown.</p>
  175. <p>
  176. &nbsp;</p>
  177. <p>
  178. &nbsp;</p>
  179. </section>
  180. <section id="theme_options">
  181. <div class="page-header"><h3>Theme options</h3><hr class="notop"></div>
  182. <p>
  183. Moderna theme has powerful and user friendly theme options to set theme functionalites, each field has &#39;description&#39; on the right or bottom to make you understand.</p>
  184. <p>
  185. Go to <strong>Appearance &gt; Theme Options</strong> to open theme options</p>
  186. </section>
  187. <section id="menu_setup">
  188. <div class="page-header"><h3>Menu setup</h3><hr class="notop"></div>
  189. <p>
  190. To setup menu navigation</p>
  191. <p>
  192. Go To <strong>Apperance </strong>--&gt; <strong>Menu</strong> , Create A New Menu by clicking the<strong> little + tab</strong> , Add your menu items by selecting them on the left side, Assign your <strong>created menu as Main menu </strong>then click &#39;Save&#39; . Moderna WP theme has 1 menu location :</p>
  193. <p>
  194. 1. Main menu (Top)</p>
  195. <p>
  196. &nbsp;</p>
  197. </section>
  198. <section id="portfolio">
  199. <div class="page-header"><h3>Portfolio</h3><hr class="notop"></div>
  200. <h4 id="portfolio_add_portfolio_item">Add portfolio item</h4>
  201. <p>
  202. Adding portfolio item is simple just like write a post or page, from admin dashboard see the left side on &#39;Portfolios&#39; tab<br>
  203. &nbsp;then &#39;Add New&#39; if you want to add new portfolio item.</p>
  204. <p>
  205. &nbsp;</p>
  206. <p>
  207. <strong>PORTFOLIO IMAGE</strong></p>
  208. <p>
  209. Your portfolio image uploaded via &quot;Set Featured image&quot;, you can upload .png or .jpg portfolio image format. Please consider to upload image larger than 800px (in width) and or 600px (in height) since Moderna theme uses &quot;resize image on the fly&quot; script that will resize original size of uploaded portfolio image to 800px- 600px (width-size) to serve portfolio thumbnail and <strong>Show </strong>the original on &#39;<strong>zoom</strong>&#39;</p>
  210. </section>
  211. <section id="flexslider">
  212. <div class="page-header"><h3>Flexslider</h3><hr class="notop"></div>
  213. <p>
  214. Flexslider used on Homepage Page template.</p>
  215. <p>
  216. To start create a flexslider item Go to &#39;Flexsldier sliders --&gt; Add New&#39;</p>
  217. <p>
  218. &nbsp;</p>
  219. <p>
  220. <strong>SLIDER IMAGE</strong></p>
  221. <p>
  222. Please consider to use following terms when upload your own slider images since we use image resizer script to producing same image sizes in case people may upload each slider images that has different size :</p>
  223. <p>
  224. - Flexslider minimum image size = 1024- 360px (width - height)</p>
  225. </section>
  226. <section id="shortcodes">
  227. <div class="page-header"><h3>Shortcodes</h3><hr class="notop"></div>
  228. <p>
  229. Moderna theme built in several useful shortcodes to build content wrapper and elements.</p>
  230. <p>
  231. We use &#39;Bootstrap Shortcodes&#39; for easier use of the Bootstrap elements in your content.</p>
  232. <p>
  233. &quot;Row&quot;, and &quot;Columns&quot; are frequently used at the first step before put other element shortcode. If you&#39;ve imported our .XML sample data you can check on any pages to see how the theme generate content on the front end.</p>
  234. <p>
  235. &nbsp;</p>
  236. <p>
  237. Basically the content area already wrapped by &#39;container&#39; , &#39;row&#39; and &#39;column&#39; class :</p>
  238. <p>
  239. - Fullwidth page = already wrapped with col-lg-12</p>
  240. <p>
  241. - Regular page with sidebar = already wrapper with col-lg-8</p>
  242. <p>
  243. &nbsp;</p>
  244. <p>
  245. <strong>OTHER SHORTCODES</strong></p>
  246. <p>
  247. All element shortcodes are easy to understand and user friendly, you don&#39;t need to remember shortcode line, just click the shortcode button then the shortcode window will be displayed in modal dialog. Just click &#39;insert&#39; to send it to page editor.</p>
  248. <p>
  249. As we said at beginning, .xml sample data are important! you can see how all shortcode written in created pages</p>
  250. </section>
  251. <section id="how_to">
  252. <div class="page-header"><h3>HOW TO</h3><hr class="notop"></div>
  253. <h4 id="how_to_make_contact_form_works">MAKE CONTACT FORM WORKS</h4>
  254. <p>
  255. Go to &#39;Theme options&#39; and find &#39;Contact setting&#39; tab, then insert your working email address in &#39;Email address&#39; field</p>
  256. </section>
  257. <section id="conclusion">
  258. <div class="page-header"><h3>Conclusion</h3><hr class="notop"></div>
  259. <p>
  260. Support &amp; future updates will be available for &#39;paid/premium&#39; version only&#39;. If you have a more question or support regarding Moderna Wordpress Theme,&nbsp; you can drop us message through <a href="https://bootstrapmade.com/" target="_blank">https://bootstrapmade.com/</a></p>
  261. </section>
  262. </div>
  263. </body>
  264. </html>