You are here

Basic Drupal PinBoard Theme Customization Examples

Disclaimer: Make sure to back up your website before proceeding, as I will not be held responsible for anything that goes wrong on your website.

So you bought a Drupal theme, launched your website, and now realize that you want to customize your website, but don't know where to start. What do you do? Today I'll show you guys some cool tricks on basic theme customization using a Drupal theme called PinBoard that I bought from ThemeSnap to launch my startup, Collectiboard (although now I am 100% focused on Mediography.by). Here we go:

1) Go to the bottom of Yoursite.com/admin/appearance/settings/pinboard2 and click on "HEADLINES". This is the first place that everybody should really take the time to fully customize each and every field, because it'll solve most of your problems.

2) Everybody should learn Views and be at least comfortable with what it exactly does (which is a module that automates SQL queries so that you can easily create lists of things without manually coding them yourself). It is one of the most sophisticated modules in Drupal, but it is so important that it has finally been included in Drupal 8's core. If you don't listen to what I say, you might end up asking dumb questions. Here's a real example (applicable to v2.1.6 and afterwards) using a View to solve a minor customization issue that you can't solve from #1:

a) Go to Yoursite.com/source and type in "http://asdf.com". The result should be "No pins". The problem for Collectiboard was that even though I changed every instance of the word "pin" in #1 above to "collectible", it still said "No pins" instead of "No collectibles". The rest of the steps show how I fixed this problem.

b) If you know Views, you will realize that this page is actually a view. You can find it at Yoursite.com/admin/structure/views/view/source/edit.

c) Click "Advanced" towards the right side of the page.

d) Click "Global: Text area (no pins)" under "NO RESULTS BEHAVIOR".

e) Change "No pins" to whatever you like (in Collectiboard's case, it would be "No collectibles").

In summary, I just showed you how to take care of something simple that you can't fix unless you know exactly where the source of the problem is.

3) Best custom.css location: Ideally you should leave PinBoard's CSS files alone. Instead, create a new file called custom.css, and put the following code in the html.tpl.php file at the end of the header (which would be just above the line where it says "</head>"):

<link media="all" href="http://yoursite.com/sites/all/themes/pinboard2/css/custom.css" rel="stylesheet" type="text/css">

4) How to change "You Follow" to "I follow": This is one of those problems that should've been fixed in the "HEADLINES" section above that was left overlooked. To fix it, just go to line 24 of page.tpl.php (v2.1.8) and manually change it.

5) If you have v2.1.6 (and afterwards) of PinBoard, you'll notice that there are TWO "Popular" menus at the top of your website. Here's how to fix it:

a) Go to yoursite.com/admin/structure/menu/manage/main-menu.

b) Hover your mouse over the two menu titles that say "Popular" and you will notice that one of them will link to Yoursite.com/source. Edit that one to change the title to "Source", or just disable it. The next steps are optional.

c) Go to Yoursite.com/admin/structure/views/view/source/edit.

d) Click on "Popular" under "TITLE".

e) Change it to whatever you want (I chose "Source" for Collectiboard, because that's what it really is).

And that's it!

P.S. I also wrote up a basic manual on keeping track of customizations (which also includes some more customization examples). It took me a while to figure out a simple way to keep track of all my changes so that when the new update for PinBoard comes out, I can upgrade within minutes without undoing any previous changes I made.

You are here