ansaurus

Question

Answer 1

+3 A:

Try something like this:

<?php

    function template($file, $data = array())
    {
        ob_start();
        extract($data);
        include_once 'path/to/theme/folder/' . $file . '.php';
        return ob_get_clean();
    }


    // Assign values to the template file
    $values['theme_type'] = 'default';
    $values['bg_color'] = '#FFFFFF';
    $values['bg_image'] = 'path/to/bg/image.jpg';
    $values['font_face'] = 'Tahoma, Arial, Verdana';
    $values['font_size'] = '12px';
    $values['font_color'] = '#000000';
    // And so on...

    // Output template file
    echo template('theme_layout', $values);

?>

And the theme_layout.php file in 'path/to/theme/folder/theme_layout.php' should look like this:

<html>
<head>
    <title>Theme Name</title>
    <style type="text/css">
        body {
            background-color: <?php echo $bg_color; ?>;
            background-image: url(<?php echo $bg_image; ?>);
            font-family: <?php echo $font_face; ?>;
            font-size: <?php echo $font_size; ?>;
            font-color: <?php echo $font_color; ?>;
        }
    </style>
</head>
<body>

    Theme type is: <?php echo $theme_type; ?>

</body>
</html>

Update

You are right that was only the concept, here's what you have to do: Add new table in database user_themes for example and save all user related values there. For example user enters the admin page and sees a theme options like BG Color/Image, Font Name/Size/Color and enters his own values there... Form is submitted and values are saved in the database. Then during the theme display (where I assigned values to the template files) you get user entered theme options from database and assign as a theme values.

I really don't understand where jQuery should be used here, maybe in the form where user submits his options.

Hope this is helpful.

Otar 2010-08-22 08:41:14

Knowledge Craving 2010-08-22 17:41:18

See the updated answer please...

Otar 2010-08-23 06:38:51

@Otar - Yes, I meant to control the user input process using jQuery. But many thanks again, for providing the way.

Knowledge Craving 2010-08-27 07:38:42

Answer 2

+1 A:

Create various stylesheets (.css). Each stylesheet represents a theme. Change the <link> element's href attribute to match the path to the selected theme.

If you're allowing user-uploaded CSS files, make sure to sanitize the input, as IE has the ability to execute parts of a CSS file as if it were JavaScript, leading to possible XSS attacks.

strager 2010-08-22 08:43:57

@strager - Thanks for such a valuable point mentioned. Sure I will do sanitize the o/p.

Knowledge Craving 2010-08-22 17:42:07

ansaurus

tags:

views:

answers:

Manage Theme Editing using PHP & jQuery

related questions