Example #1
0
<p class="intro">CSS, or Cascading Styles Sheets, is a way to apply style rules to HTML content. Customising your websites CSS allows you to make changes to the way the site looks.</p>

<?php 
documentation_customization('Custom CSS');
?>

<h2>Enabling Custom CSS</h2>

<p>Custom CSS requires the Jetpack plugin to be installed and Activated. Once activated go to the Jetpack settings and enable the Custom CSS module. Once enabled you will be able to edit the CSS in the Appearance &rarr; Custom CSS page.</p>

<h2>Learning CSS</h2>

<p>CSS is a surprisingly complex thing and can take many years to master - however there are a few things that can be learnt reasonable easily. Below are a few tutorials that will help you to get started.</p>

<ul>
    <li><a href="http://www.htmldog.com/guides/css/beginner/">CSS Beginner Tutorial</a> by HTML Dog</li>
    <li><a href="http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1?curriculum_id=50579fb998b470000202dc8b">Hands-on Codecademy&nbsp;CSS Lessons</a></li>
    <li><a href="http://dailypost.wordpress.com/2013/06/21/css-intro/">An Intro to CSS, or How to Make Things Look Like You Like</a></li>
    <li><a href="http://dailypost.wordpress.com/2013/07/25/css-selectors/">An Intro to CSS: Finding CSS Selectors</a></li>
    <li><a href="http://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/">Intro to CSS: Previewing Changes with the Matched Rule Pane</a></li>
    <li><a href="http://dailypost.wordpress.com/2014/02/26/should-i-learn-css/">Should I Learn CSS?</a></li>
</ul>

<h2>Frequently Asked Questions</h2>

<p><strong>Can I add a new feature with CSS?</strong></p>
<p>No. CSS is only used for changing how things look. It is best used for changing sizes, colours, and sometimes positions of elements on the page is.</p>

<p><strong>Will I lose my CSS changes when I upgrade my theme?</strong></p>
<p>No. As long as you use the Jetpack Custom CSS module then your changes will continue working with each update. If you modify the theme files themselves then you will lose your website changes and have to remake them each time.</p>
Example #2
0
<?php

include '_partials/head.php';
?>
    <body class="page-support">

<?php 
include '_partials/header.php';
?>

        <div class="wrapper text">
<?php 
site_breadcrumbs();
if (!empty($layout)) {
    include $layout;
}
documentation_customization();
?>
        </div>

<?php 
include '_partials/footer.php';