b2evolution b2evolution

  • Sign in
  • Sign up
  • About
  • Downloads
  • Hosting
  • Docs
  • Support
  • Sign in
  • Sign up
  • Manuals Home
  • Latest Updates
 
  1. b2evolution CMS User Manual
  2. Developer Reference
  3. Website Skins/Themes
  4. Introducing evoSkins
  5. Working With Skins

Working With Skins

An evoSkin is actually a collection of templates and subtemplates which control the layout of your blog. Skins are the easiest way to customize your blog because they are already packaged for use. Skins in b2evolution are roughly the equivalent of what other software calls Themes or Templates. (b2evolution skins however add multiple levels of customization options that you may not find in other software.)

Using built in skins

In the backoffice, under blog settings, you can select a new skin for any one of your blogs.

Downloading & Installing additional skins

You can view and download the skins that work on 2.x in the Skin Repository.

After you download a new skin, you must install it.

Editing an existing skin

You can find the templates that compose the skin you’re using in a subfolder of the /skins directory on your b2evolution installation.

The best place to start is probably to try and tweak the files a little (most skins come with a CSS file named style.css).

For details of what each file is for and what’s inside, please refer to the Skins 2.0 tech spec.

If you add, change or remove widget containers, you will need to reload the skin through the General Settings > Skins install screen in order to b2evolution to "see" your changes.

Creating your own skin(s)

To create a new skin, you need to create a new folder under the /skins directory (as in b2evo 1.x). For example: /skins/myskin2 .

For details, please refer to the Skins 2.0 tech spec.

See also:

  • Converting WordPress Themes
  • Skin Checklist

Prior to using your new skin on a blog, you will need to install it. This is necessary so that b2evolution can scan the skin files and locate widget containers.

Upgrading skins from previous versions

See Upgrading Evoskins.

See also

* Working withOUT skins (a_noskin.php)

Created by fatimahnasra • Last edit by fplanque on 2020-06-09 00:25 • •

No feedback yet

On this page

  • Using built in skins
  • Downloading & Installing additional skins
  • Editing an existing skin
  • Creating your own skin(s)
  • Upgrading skins from previous versions
  • See also

Search the Manual

Content Hierarchy

  • b2evolution CMS User Manual
  • User's Guide
  • Installation / Upgrade
  • Front-office Reference
  • Back-office Reference
  • Developer Reference
    • Website Skins/Themes
      • Skin Development Primer
      • Loading additional resources into a skin
      • Where are the skin files?
      • CSS Guidelines
      • Targeted CSS Selectors
      • Introducing evoSkins
        • evoSkin Structure
        • Introducing evoSkins
        • Working With Skins
      • Modifying evoSkins
      • Creating evoSkins
      • Skin Tags / API
      • Styling widgets
      • Skin Quality Control
      • Using HTML 5 tags
      • Using Custom Item Templates
      • Using bootstrap classes in footers
      • Using Grunt
      • Dev Menu
      • How to add a Google Font (WebFont) ?
      • Custom Fields in a Template
      • Site Skins
    • Email Skins/Themes
    • b2evolution Files
    • Website Integration
    • Plugins
    • Debugging
    • Technical Reference
    • Hacks
    • Credits
    • Development
    • How to... (Customize)
    • Scheduled Tasks Reference
  • Operations Reference
  • Advanced Topics
  • Glossary
  • Archives
Open Source CMS

This online manual is powered by b2evolution CMS – A complete engine for your website.

About b2evolution

  • What is it?
  • Features
  • Getting Started
  • Screenshots
  • Online demo
  • Testimonials
  • Design philosophy
  • Free & open source
  • Terms of service

Downloads

  • Latest releases
  • Skins
  • Plugins
  • Language packs

About us

  • About us
  • Contact

Webhosting Guide

  • Web hosting blog
  • Best web hosting
  • Cheap web hosting
  • Green web hosting
  • Hosting with SSH
  • VPS hosting
  • Dedicated servers
  • Reseller hosting
  • Int'l: UK / France

Docs & Support

  • Online manual
  • Forums
  • Hire a pro !

Other

  • Adsense
  • Press room
  • Privacy policy

Stay in touch

  • GitHub
  • Twitter
  • Facebook
  • LinkedIn
  • News blog
  • RSS feed
  • Atom feed

Founded & Maintained by François Planque