Customization 4.0

From SubjectsPlus
Jump to: navigation, search

Below are just notes for content to add to this page :)

Back End

We strongly discourage editing the look and feel of the back end, i.e., /control/ . However, we encourage you to write custom pluslets!

Rearranging the order of Boxes in the Guide Creation screen

You can decide which boxes you want to appear for your users by going to Admin > Config Site and then turning on/off boxes in Pluslets Activated. However, you may also want to rearrange the order of the boxes so the most popular ones show up at the top. Currently, you must do this the Hard Way: go to control/edit-config.php and find the "pluslets_activated" array, then rearrange those array items to your specifications. Please note that this is a multidimensional array, so you need to be careful :) We will try to make this editable via the web interface in future.

"pluslets_activated" => array( _( "Pluslet Activated" ), _( "Which Pluslets are activated." ), "array", "right", "ticks", array('Basic', 'Heading','Card', 'HTML5Video','SubjectSpecialist', _('4'),'Feed','SocialMedia','WorldCat', 'Catalog','ArticlesPlus','GoogleBooks','GoogleScholar','GoogleSearch', 'Related','TOC', _('2'), _('1'), 'GuideSearch', 'GuideSelect', 'NewDBs', 'NewGuides','CollectionList','GuideList','Experts', _('3'), _('5')), _("") ),

Front End

We have some very basic styles that ship with SP4, but we recommend that you customize them to match your site. There are a number of customization options, from just customizing the CSS, to adding your own custom header/footer (without altering the base files), to creating a new theme. If you are going to customize any files in /subjects/ , we strongly recommend that you create your own theme. You can do this file; i.e., if you only want to customize the databases.php, you can make the theme folder (subjects/themes/mysteryu/) and just put in that single file. See below for details.

How to Customize the CSS

It's probably easiest to start with an existing stylesheet in assets/css/shared, copy it, rename it, and make changes. For example, start with cleanwhite.css (which is the current default) and rename it superu.css. Then in Admin > Config site find the "Use your own CSS" box and enter "superu" (or whatever you named your file). This will mean that your header file will pull in this CSS to style the page.

How to Make an Alternate Header/Footer

In subjects/includes/ create a new file for each with your institution's suffix, e.g., header_superu.php and footer_superu.php.

a) From your new theme (see below), make sure you point to the correct header & footer files in the include, i.e.,

 include("includes/header_superu.php");
 include("includes/footer_superu.php");

b) You can also have different headers for different guides. Say you have a music library at Super U. You can create another file to match your music library website's look and feel, say header_supermusic.php and footer_supermusic.php. Then, in the admin, go to Admin > Site Config and add the suffixes to this field:

Headerswitcher.png

In this case, we have three headers available: um, chc, and default. (Default is the plain theme that comes with SP4; the other two are custom for the University of Miami.) Now, if you go to a guide metadata page, you will see these options:

Headertype.png

Now your guide creators can switch between available themes easily.

How to Make a Theme

How to Create Titlebar Styles

How to Change the Default Headshot

How to Use Images with your Guide Collections

How to Use a Guide as your Guides Index Page

We noticed that some SP sites were using one of their guides as the splash page for their SubjectsPlus site, so we tried to make this easier to do. The steps are as follows:

  1. Create a guide and lay it out with the content you want to appear on your splash page. We have created some Layout Boxes to make this easier
  2. Go to Admin > Config Site
  3. Put in the short form of your splash guide into the appropriate box:

Indexsplash.png

Hit save, and you should be good to go.