Ik probeer de gemaakte demo om te zetten met de stappen uitgelegd in een artikel maar ik zie geen werkend theme voor wordpress.
Dat is de code die ik heb:
Style.css
/*
Theme Name: Responsive-Website
Theme URI: #
Description: My Responsive Website Created with RLM
Version: 1.0
Author: CoffeeCup Software
Author URI: http://coffeecup.com
*/
header.php
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
<?php bloginfo('name'); ?>
<?php if(is_single()) { ?>
» Blog Archive
<?php } ?>
<?php wp_title(); ?>
</title>
<link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/coffeegrinder.min.css">
<link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/wireframe-theme.min.css">
<link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/main.css">
<link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/custom.css">
</head>
<body>
<header class="row main-header">
<div class="coffee-span-3 column-1 coffee-678-span-12">
<img class="image-4-3 image-1" src="<?php bloginfo("template_directory"); ?>/img/logo-2x1.svg" alt="Image">
</div>
<nav class="container">
<?php wp_nav_menu(array('theme_location' => 'primary-menu', 'menu_class' => 'nav-menu')); ?>
</nav>
</header>
index.php
<?php get_header(); ?>
<div class="row">
<div class="coffee-span-12">
<img class="image-4-3 main-image" src="<?php bloginfo("template_directory"); ?>/img/cool-image---max.-600px-4x3.svg" alt="Image">
<h5 class="image-callout">
Please Drink Responsively!
</h5>
</div>
</div>
<div class="row reasoning-row">
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="<?php bloginfo("template_directory"); ?>/img/image-1x1.svg" alt="Image">
<h4 class="heading-1">
REASON 11
</h4>
<p class="paragraph reason-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.
</p>
</div>
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="<?php bloginfo("template_directory"); ?>/img/image-1x1-1.svg" alt="Image">
<h4 class="heading-1">
REASON 14
</h4>
<p class="paragraph reason-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.
</p>
</div>
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="<?php bloginfo("template_directory"); ?>/img/image-1x1-2.svg" alt="Image">
<h4 class="heading-1">
REASON 17
</h4>
<p class="paragraph reason-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.
</p>
</div>
</div>
<div class="row action-row">
<div class="coffee-span-12">
<button type="button" class="action-button">Take Action</button>
</div>
</div>
<?php get_footer();?>
footer.php
<div class="row main-footer">
<div class="coffee-span-4 column-2 coffee-694-span-6 coffee-377-span-12">
<?php
if ( is_active_sidebar(2) ) {
?>
<?php dynamic_sidebar( 'sidebar-2' ); ?>
<?php
} else {
?>
<ul class="link-list footer-links">
<li> <a href="#">Lorem ipsum dolor </a> </li>
<li> <a href="#">Suspendisse pulvinar mi </a> </li>
<li> <a href="#">Aliquam erat volutpat </a> </li>
<li> <a href="#">Interdum et malesuada </a> </li>
<li> <a href="#">Suspendisse pulvinar mi </a> </li>
<li> <a href="#">Suspendisse pulvinar mi </a> </li>
</ul>
<?php
};
?>
</div>
<div class="coffee-span-4 column-3 coffee-694-span-6 coffee-377-span-12">
<?php
if ( is_active_sidebar(3) ) {
?>
<?php dynamic_sidebar( 'sidebar-3' ); ?>
<?php
} else {
?>
<ul class="link-list footer-links">
<li> <a href="#">Lorem ipsum dolor </a> </li>
<li> <a href="#">Suspendisse pulvinar mi </a> </li>
<li> <a href="#">Aliquam erat volutpat </a> </li>
<li> <a href="#">Interdum et malesuada </a> </li>
<li> <a href="#">Suspendisse pulvinar mi </a> </li>
<li> <a href="#">Suspendisse pulvinar mi </a> </li>
</ul>
<?php
};
?>
</div>
<?php
if ( is_active_sidebar(4) ) {
?>
<?php dynamic_sidebar( 'sidebar-4' ); ?>
<?php
} else {
?>
<div class="coffee-span-4 copyright-column coffee-694-span-12">
<h6 class="heading-2">
About This Design
</h6>
<p class="paragraph paragraph-1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla
</p>
<span class="text-element text-1">
© 2014 Responsive Layout Maker
</span>
</div>
</div>
</ul>
<?php
};
?>
</body>
</html>
functions.php
<?php
add_action( 'widgets_init', 'child_register_sidebar1' );
function child_register_sidebar1(){
register_sidebar(array(
'name' => 'Default Sidebar',
'id' => 'sidebar-1',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
}
add_action( 'widgets_init', 'child_register_sidebar' );
function child_register_sidebar(){
register_sidebar(array(
'name' => 'Footer Widget 1',
'id' => 'sidebar-2',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
}
add_action( 'widgets_init', 'child_register_sidebar2' );
function child_register_sidebar2(){
register_sidebar(array(
'name' => 'Footer Widget 2',
'id' => 'sidebar-3',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
}
add_action( 'widgets_init', 'child_register_sidebar3' );
function child_register_sidebar3(){
register_sidebar(array(
'name' => 'Footer Widget 3',
'id' => 'sidebar-4',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
}
add_theme_support( 'nav-menus' );
add_action( 'init', 'register_my_menus' );
function register_my_menus() {
register_nav_menus(
array(
'primary-menu' => __( 'Primary Menu' ),
'secondary-menu' => __( 'Secondary Menu' )
)
);
}
?>
page.php
<?php get_header(); ?>
<div class="row">
<!-- WordPress Loop -->
<div class="blogpostwrapper">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="blogpost">
<h3 class="entrytitle" id="post-<?php the_ID(); ?>">
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?> </a>
</h3>
<?php the_content(); ?>
</div>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
</div>
<!-- End WordPress Loop -->
</div>
<?php get_footer(); ?>
single.php
<?php get_header(); ?>
<div class="row">
<!-- WordPress Loop -->
<div class="blogpostwrapper">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="blogpost">
<h3 class="entrytitle" id="post-<?php the_ID(); ?>">
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?> </a>
</h3>
<?php the_content(); ?>
</div>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
</div>
<!-- End WordPress Loop -->
</div>
<?php get_footer(); ?>
index.php
<?php get_header(); ?>
<div class="row">
<div class="coffee-span-12">
<img class="image-4-3 main-image" src="<?php bloginfo("template_directory"); ?>/img/cool-image---max.-600px-4x3.svg" alt="Image">
<h5 class="image-callout">
Please Drink Responsively!
</h5>
</div>
</div>
<div class="row reasoning-row">
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="<?php bloginfo("template_directory"); ?>/img/image-1x1.svg" alt="Image">
<h4 class="heading-1">
REASON 11
</h4>
<p class="paragraph reason-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.
</p>
</div>
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="<?php bloginfo("template_directory"); ?>/img/image-1x1-1.svg" alt="Image">
<h4 class="heading-1">
REASON 14
</h4>
<p class="paragraph reason-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.
</p>
</div>
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="<?php bloginfo("template_directory"); ?>/img/image-1x1-2.svg" alt="Image">
<h4 class="heading-1">
REASON 17
</h4>
<p class="paragraph reason-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.
</p>
</div>
</div>
<div class="row action-row">
<div class="coffee-span-12">
<button type="button" class="action-button">Take Action</button>
</div>
</div>
<?php get_footer();?>
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Index</title>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,b">
</head>
<body class="grid-1">
<header class="row main-header">
<div class="coffee-span-4 coffee-377-span-12">
<img class="logo logo-1" src="img/logo-2x1.svg" alt="Logo">
</div>
<div class="coffee-span-8 coffee-377-span-12">
<h1 class="heading-3">Heading Level 1</h1>
<nav class="container">
<a class="link-text nav-link" href="#" id="last-nav">CoffeeCup</a>
<a class="link-text nav-link" href="#">About</a>
<a class="link-text nav-link" href="#">Home</a>
</nav>
</div>
</header>
<main class="row main-content">
<div class="coffee-span-12">
<img class="image-4-3 main-image" src="img/cool-image---max.-600px-4x3.svg" alt="Image">
<h5 class="image-callout">Please Drink Responsively!</h5>
</div>
</main>
<main class="row main-content">
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="img/image-1x1.svg" alt="Image">
<h4 class="heading-1">REASON 11</h4>
<p class="paragraph reason-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.</p>
</div>
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="img/image-1x1-1.svg" alt="Image">
<h4 class="heading-1">REASON 14</h4>
<p class="paragraph reason-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.</p>
</div>
<div class="coffee-span-4 coffee-545-span-12">
<img class="image-1-1 image-1" src="img/image-1x1-2.svg" alt="Image">
<h4 class="heading-1">REASON 17</h4>
<p class="paragraph reason-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.</p>
</div>
</main>
<main class="row main-content">
<div class="coffee-span-12">
<button type="button" class="action-button">Take Action</button>
</div>
</main>
<footer class="row main-footer">
<div class="coffee-span-4 column-2 coffee-694-span-6 coffee-377-span-12">
<ul class="link-list footer-links">
<li class="list-item-link li-item-link-1">
<a href="#">Lorem ipsum dolor</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Suspendisse pulvinar mi</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Aliquam erat volutpat</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Interdum et malesuada</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Suspendisse pulvinar mi</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Suspendisse pulvinar mi</a>
</li>
</ul>
</div>
<div class="coffee-span-4 column-3 coffee-694-span-6 coffee-377-span-12">
<ul class="link-list footer-links">
<li class="list-item-link li-item-link-1">
<a href="#">Lorem ipsum dolor</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Suspendisse pulvinar mi</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Aliquam erat volutpat</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Interdum et malesuada</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Suspendisse pulvinar mi</a>
</li>
<li class="list-item-link li-item-link-1">
<a href="#">Suspendisse pulvinar mi</a>
</li>
</ul>
</div>
<div class="coffee-span-4 copyright-column coffee-694-span-12">
<h6 class="heading-2">About This Design</h6>
<p class="paragraph paragraph-1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla
</p>
<span class="text-element text-1">
© 2014 Responsive Layout Maker
</span>
</div>
</footer>
</body>
</html>
Kan hier iemand mij helpen dat ik een werkend wp theme hebt met een gemaakte template met de cc rsd, rff of rbb
Dank je.
Misschien een tutorial in video met de stappen duidelijk uitgelegd
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36