- b2evolution CMS User Manual
- Archives
- Pro WordPress Theme Conversion
Pro WordPress Theme Conversion
The contents of this page no longer apply to current versions of b2evolution.
The quick tips on Converting WordPress Themes can be used to get a quick working prototype in b2evolution.
However, for professional skins converted from WordPress themes, you will also want to look at the following:
- Use the "evopress" skin in b2evolution as a reference point. Use the default theme ("kubrick") in WordPress as a reference point if needed. It is the same design in b2evolution and WordPress, it can show you how to achieve the same things in both environments.
- Do not use the quick solutions from _wp_compatibility.inc.php ; use the real b2evolution skin tag equivalents. Furthermore, make sure you add the standard comments around those skin tags. Example:
// -------------------------- HTML HEADER INCLUDED HERE --------------------------
skin_include( '_html_header.inc.php' );
// Note: You can customize the default HTML header by copying the generic
// /skins/_html_header.inc.php file into the current skin folder.
// -------------------------------- END OF HEADER --------------------------------
- Make sure you include all the default widget containers, especially:
- PageTop
- Header
- Menu
- Footer
- Sidebar
- Sidebar 2 if you use 2 or more sidebars
- Sidebar 3 if you use 2 or more sidebars
- If you use typical sidebar content above or below the main content, please call those containers "Sidebar", "Sidebar 2", etc. so that they include the default widgets by default.
- Make sure you include the evo toolbar at the top. This should automatically be included when you include
skin_include( '_html_header.inc.php' );
- Make sure the evo toolbar looks exactly the same as in the evopress skin (size, color, fonts, etc.)
- Do not apply any styles globally, nor apply them to body or html. Those will affect the toolbar and you don’t want that.
- Do not apply any background image to body. Apply it to div.skin_wrapper_loggedin and div.skin_wrapper_anonymous instead. Otherwise, part of your background may be hidden by the toolbar when the user is logged in. (You can also use those 2 classes to have different spacing at the top of the design depending on whether there is a toolbar displayed – aka logged in – or not.)
- Test the skin at least with the following browsers:
- FireFox
- Internet Explorer
- Safari
- If you ad a search form outside of a widget container, use the following:
<form action="<?php $Blog->gen_blogurl() ?>" method="get" class="search">
- Make sure you test the skin in logged-in mode and that edit links are displayed correctly:
- Posts should have Edit links
- Comments should have Edit and Delete links
- In order to display comments differently when they are posted by the author of the original post, use this
if( !empty($Comment->author_user_ID) && $Comment->author_user_ID == $Item->Author->ID )
{ // This comment was posted by the author