The Rich Bank of Modules & Themes of SilverStripe!

Modules & Themes of Silverstripe

The open-source community flourishes in the presence of the rich bank of modules and Silverstripe is surely going to mark milestones with the kind of modules it has. Though a small and less popular community, the kind of modules it has come with is quite impressive but seldom noticed. Being a responsible and committed member of the SilverStripe community, team AddWeb has actively been a part of its community and hence have also studied several predefined modules of Silverstripe. Let us bring these awesome modules into the notice with this particular blog post. Maybe, that’s the least we as a member of the community can do for the growth of SilverStripe community.
 

Say, you had to add something to your project viz. ‘Add user-defined form’, ‘Add comment section’ or want to build a Blog website. In such a case the predefined modules by Silverstripe will come to your help. Check them out and follow the following steps to install them!

CMS theme

          Step 1: Run the command to install module.

          Composer require authorname/modulename
 

          Step 2: Need to flush the site by appending ?flush=all.

         URL, e.g. http://yoursite.com/dev/build?flush=all

There are a bunch of modules available on the SilverStripe community. Explore them in here:

https://www.silverstripe.org/software/addons/

 

There are a couple of ‘Distributions’ available in the SilverStripe community, which helps you to build a website faster. These distributions are mentioned below:

 

1. silverstripe/recipe-cms

This distribution plugin provides you with a readymade and fully featured page, along with an asset content editing for a recipe website.


To use it in your SilverStripe Project, all you need to do is to run the below-mentioned command:

        composer require silverstripe/recipe-cms

 

             

2. SilverStripe CMS Branding

This one is a nice little UI change for the cms sidebar. The theme supports the UploadField in displaying the logo on the left-hand side of the many in CMS. It goes this way - Settings > Settings Tab > CMS Tab.

 

Where to get it from?

composer require ryanpotter/silverstripe-cms-theme

 

What is it all about?

  It's a CMS theme, the screenshot of which is shared as below:

CMS theme

3. axllent/silverstripe-cms-tweaks:

     This is a module used to add a series of tweaks/modifications to the SilverStripe CMS. The prime goal of this very module is to make this CMS easy and clear for the non-technical users, which is done by removing a few functionalities that are confusing for them.

 

Where to get it from?

composer require axllent/silverstripe-cms-tweaks

 

What is it all about?

It's Several CMS usability improvements.

 

Modification Made:

  • Move Meta Description and ExtraMeta to its own ‘Advanced tab’.

  • ‘Meta Title’ is now named as ‘Page name’, in order to avoid confusion.

 CMS ErrorPages
  • Hide CMS ErrorPages to non-admin users in CMS.

 CMS ErrorPages
  • Link logo in CMS to website homepage rather than silverstripe.org

Run the command

Now, let’s move on to various other modules of Silverstripe, viz. build Blog website, build user-defined form like contact us page, Add comment section, Add theme, et al. Let’s learn about installing these various SilverStripe modules and their usages:

 

  • How to make ‘Blog Website’ in SilverStripe:

Step 1: Run the command

          composer require silverstripe/blog

 

Step 2: Now you can create page and there is type of blog page.

Run the command
  • Create a new blog post :

content of blog post
  • Add the content of blog post :

content of blog post

 

  • How to build User defined form in SilverStripe:

    • UserForms enables CMS users to create dynamic forms via a drag and drop interface and without getting involved in any PHP code.
       

Step: 1  Install Package

Composer require silverstripe/userforms
 

Step: 2 Run Command

php vendor/silverstripe/framework/cli-script.php dev/build
 

Step 3: Need to flush the site by appending ?flush=all    

              URL, e.g. http://yoursite.com/dev/build?flush=all
 

Step 4: Now go to CMS menu

  Create a New page and there will be the option of creating the user-defined form:

Run Command
  • Now Add Fields in the form :

Fields in the form
  • You can create a form as below:
create a form
  • You can see filled data of form:

In page/submissions

Install Package
  • Commenting functionality for Pages and other DataObjects on your SilverStripe site.

Step: 1  Install Package

composer require SilverStripe/comments
 

Step: 2  Need to flush the site by appending ?flush=all    

              URL, e.g. http://yoursite.com/dev/build?flush=all
 

Step : 3 Now check in pages there one section appended of comments.

Install Package
Install Package
  • If you don't want comment section in any page then there will setting to remove comment section:

In page > settings tab > Uncheck Allow comment

 settings menu
  • How to Add theme in SilversSripe:

Step: 1 Install package for a theme.

composer require silverstripe-themes/blackcandy
 

Step: 2 Now set theme

For version 4 set theme as :

In app/_config/theme.yml file,

SilverStripe\View\SSViewer:
 themes:
   - theme_name
   - '$default'


For version 3 and less set theme as :

There is an option for setting the theme in the settings menu

Like,

 settings menu

Along with the modules, there is also a wealthy bank of themes available in Silverstripe. You can explore them below:

https://addons.silverstripe.org/add-ons?search=theme&SecurityID=b1077e10792aae0888ce231d86e48fdc02783080&action_doForm=

I hope this blog helps you to expand your SilverStripe knowledge …Thanks! If you need more assistance regarding SilverStripe Development Service, feel free to contact us now.