Socialengine Tutorial – Disable default css from being loaded

I’ve been working on creating a custom homepage which uses twitter bootstrap however I’ve found the default css being generated by the socialengine is interferring with the bootstrap css.

In order to stop socialengine from adding in the default theme css files head to

Application > Modules > Core > Layouts > Scripts > default-simple.tpl

This default simple is what is loaded on every page and then injected with the page’s content. However I didn’t want any of that to load on my landing page so I’ve done the following;

(In this file look for line 75 where the ‘linking’ of css files begins and I’ve wrapped it in an if statement which says if the current url string == the default home page (e.g. /) then don’t bother loading the rest of the php)

<?php // LINK/STYLES ?>
  $uri = Zend_Controller_Front::getInstance()->getRequest()->getRequestUri();
  if(trim($uri, '/') !=  trim($this->baseUrl(), '/')):
      'rel' => 'favicon',
      'href' => ( isset($this->layout()->favicon)
        ? $this->baseUrl() . $this->layout()->favicon
        : '/favicon.ico' ),
      'type' => 'image/x-icon'),
    $themes = array();
    if( !empty($this->layout()->themes) ) {
      $themes = $this->layout()->themes;
    } else {
      $themes = array('default');
    foreach( $themes as $theme ) {
    // Process
    foreach( $this->headLink()->getContainer() as $dat ) {
      if( !empty($dat->href) ) {
        if( false === strpos($dat->href, '?') ) {
          $dat->href .= '?c=' . $counter;
        } else {
          $dat->href .= '&c=' . $counter;
  <?php endif; ?>

Hope this helps 🙂

SocialEngine Tutorial – Creating your own custom homepage

One of the first things you might want to do with SocialEngine is to start customising the hell out of it. What better place to start then with your homepage? I did a bit of googling for the answer to this and in the end I came up with a relatively neat-ish hack for it which requires minimal set up.

First off you’ll need to head into the layout editor –
Log into your network > Admin > Layout > Layout Editor

This page allows you to add widgets from the menu on the right (you can add stuff like login boxes and member counters etc). However it doesn’t really allow you to scrap the whole thing and start with your own layout completely.

If you want to do this then hit ‘edit columns’ and select the option with only a header, content and footer;

Now drag the ‘HTML Block’ from the available blocks (on the right) into your main content area. You can then click ‘edit’ on the html block and paste in your HTML. I’d suggest just creating your markup in another file and once you’re happy with it just paste it in.

If you want to be able to add a login area then drag that in too and then head to the main page in your browser and copy and paste the html of the login area block. This will allow you then to add your own styles to the login form as well as completely customise your own front page.