O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

BuddyPress Theme Development

Book Description

The BuddyPress suite of social networking components – made the WordPress way – will be even more attractive if you give it a fully customized theme. This book shows you how straightforward and enjoyable the process can be.

  • Learn the anatomy of a BuddyPress theme
  • Be guided through BuddyPress theme development from conceptualization to testing
  • Go beyond designing and work with additional functionalities

In Detail

BuddyPress is a plugin for WordPress that allows you to create communities. BuddyPress themes, whilst based on WordPress, have a lot of extra templates that set them apart. Having a custom theme for your community has numerous benefits, so learning how to create a theme is a great step in your BuddyPress journey.

BuddyPress Theme Development is part rough guide and part practical, hands-on tutorial. It will give you an insight into the state of BuddyPress themes and will take you beyond a simple theme into a world of custom possibilities. This book begins with a look at the state of BuddyPress themes available on the Internet, including themes using responsive web design. It will then walk you through the various theme options from theme compatibility through to child themes and creating a custom theme.

You will also learn how to create your own theme from conception through to testing and launch. You will also add functionality to enhance your community and learn how to theme-check your theme before release. If you want to design BuddyPress themes, this is the book for you.

With this book, you will learn everything you need to know to get started with BuddyPress theme development and begin to create your own themes.

Table of Contents

  1. BuddyPress Theme Development
    1. Table of Contents
    2. BuddyPress Theme Development
    3. Credits
    4. About the Author
    5. About the Reviewers
    6. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    7. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    8. 1. State of Play of BuddyPress Themes
      1. What is BuddyPress?
      2. What is a theme?
      3. How BuddyPress themes used to work
        1. The trouble with default
        2. Theme compatibility
        3. Do you still need a BuddyPress theme?
      4. Communities
        1. Niche communities
        2. Techniques
      5. Responsive design
        1. What about adaptive design?
        2. Mobile first
        3. Do you need an app?
      6. In the wild – BuddyPress custom themes
      7. What are the options while creating a theme?
        1. WordPress themes
        2. BuddyPress themes
          1. Free themes
          2. Themes to buy
      8. Summary
    9. 2. Going Default – Installing BuddyPress
      1. Steps for installing BuddyPress
      2. Installing WordPress
        1. The famous five-minute WordPress install
        2. Installing BuddyPress
          1. Manual installing by download
        3. Autoinstalling by plugin activation
        4. Configuring BuddyPress
      3. A look at BuddyPress features
        1. Default features
        2. Optional features
        3. Forums
      4. Using BuddyPress with a WordPress theme
      5. Summary
    10. 3. Beyond Default – What Can You Do?
      1. Existing themes designed for BuddyPress
        1. Child themes
          1. How to create a child theme
          2. Using a child theme with BuddyPress
        2. The CSS and JavaScript file order
      2. Customizing your theme using just CSS
        1. Introducing buddypress.css
        2. The default selector
        3. Customizing CSS in a child theme
      3. Template hierarchy in BuddyPress
        1. Creating a generic BuddyPress template
          1. Using a generic Buddypress template to have a full page layout
        2. BuddyPress feature templates
          1. Adding a custom BuddyPress component customization to a child theme
      4. Summary
    11. 4. BuddyPress File Structure, Templates, and Loops
      1. Working with WordPress
        1. Getting it right
        2. WordPress template structure
        3. WordPress template hierarchy
        4. WordPress template tags
        5. Anatomy of a WordPress theme
          1. Scripts in the theme
          2. Extras and custom functions
          3. Languages
          4. Stylesheets contained in theme
          5. Template files
            1. Comment template
            2. Loops and template parts
        6. The wp_template_part function
          1. The functions.php file
          2. Theme setup function
          3. The screenshot.php file
          4. Additional files
        7. Post formats
        8. Enqueue all the things
        9. Custom backgrounds
        10. Custom headers
          1. Widgets
          2. Navigation
      2. How BuddyPress themes work
        1. BuddyPress loops
        2. Template tags
        3. Anatomy of a BuddyPress theme
          1. Feature folder contents
          2. CSS
          3. Script files
          4. The bp-custom.php and functions.php file
      3. Summary
    12. 5. Let's Get Building
      1. Building the site
        1. The process we're going to follow
        2. Things to consider before we start building
          1. Sketch
          2. Wireframe
          3. Style guide
      2. Getting the site built
        1. Setting up
          1. Enqueue fonts
          2. Page layouts
          3. Removing the admin bar
        2. Template
        3. Adding a custom background
        4. The header
          1. Custom header images
          2. Variable header heights
        5. The logged-out user view
        6. Navigation
        7. The front page
        8. The sidebar
        9. Random members
        10. Random groups
        11. The member profile
        12. Add the About profile field
        13. Directories
      3. Summary
    13. 6. Beyond the Look – Hooks, Functions, and Afterwards
      1. Adding functionality
        1. Hooks
          1. BuddyPress specific hooks
          2. Using hooks
          3. Changing the content using filters
      2. Advanced component loops
        1. Custom post types
        2. Customizing template tags
          1. A customized comment form
        3. Custom templates
      3. Functions
        1. bp-custom modifications
        2. Demonstrating the statistics function
      4. Widgets
      5. After the theme
        1. Testing
        2. Browser testing
        3. The device-free version
        4. Theme check
          1. Recommended by theme check
          2. Adding a screenshot
          3. Adding in post thumbnails
          4. Editor style
        5. Beyond theme check
        6. Making your theme translatable
        7. Accessibility
        8. Plugins
      6. Beyond the launch
      7. Summary
    14. A. Folder Contents
      1. Activity folder contents
      2. Blogs folder contents
      3. Groups folder contents
      4. Forums folder contents
      5. Members folder contents
    15. Index