Slidingdoor FAQ - Read this FIRST!

If you'd like to share your Slidingdoor or Picture Perfect based site with us, post it here. I've seen lots of good sites out there that use this theme.

Slidingdoor FAQ - Read this FIRST!

Postby wayne » Tue Mar 10, 2009 10:35 am

Time for an FAQ!

PLEASE DON"T SEND A PM TO ME IT WON"T GET ANSWERED. POST YOUR QUESTIONS TO THIS BOARD!!

How I change the text on the sliding menus at the top of the page?

The text in the sliders is part of the image. You can make your own sliders using any image editing software).

If you use Photoshop, you can download the original Photoshop file here:

zoo.psd.zip
Photoshop file for sliders
(404.68 KiB) Downloaded 6021 times


If you don't have photoshop just use any image editing software to get a picture, crop it to 320 x 200, write some text on the left side of it, then save it as a jpg.



How do I upload the pictures after I have made them?


WordPress looks for the pictures in the ' featured image' field of each page.

1. From the Wordpress Dashboard go into any page and select 'upload image'
2. Once the image is uploaded n select 'use as featured image.

Once you have set the featured image it should look like this:
Screen Shot 2014-06-25 at 9.06.30 pm.png
Featured image
Screen Shot 2014-06-25 at 9.06.30 pm.png (90.42 KiB) Viewed 52783 times


If you are having trouble there is a pictorial guide here:
http://www.mac-host.com/support/viewtopic.php?f=10&t=1285#p3569


How do I choose which pages are used for the sliding menus?

You might have lots of pages on your site but only 7 will be used for the seven sliding menus.
You need to tell WordPress which 7 pages you want to use.

You do this by setting up a special menu with 7 items in it in the WordPress dashboard under "appearance- menus".
Create your own menu, call it whatever you want, and select the " sliding navigation" option.

1. Go into Appearance - Menus
2. Create a New menu and add any 7 Pages to it.
3. Select 'Sliding Navigation'.

Here is an example of what it might look like after it is set up:

Screen Shot 2014-06-25 at 9.07.14 pm.png
Menus
Screen Shot 2014-06-25 at 9.07.14 pm.png (65.2 KiB) Viewed 52783 times





The sliders are linking somewhere else, not to my page

If your site doesn't yet have any pages, the sliders are set to point to some preset links just so that they work.

So the first step is that you need to make 7 pages on your wordpress site.
You can give them a featured image straight away, or you can come back and do it later.


An alternative explanation
Some people find it hard to follow the instructions above.
Here is an alternative explanation by a user called Carlos:

1) have regular menu for the main menu and give it a name
2) create a menu with 7 options (select your favorites for the main menu
3) select the main menu with the first menu
4) select the sliding menu with the second one.
5) Upload the 7 photos to the library
6) go page my page and in the right size of the editing page click set select figure photo or image
and repeat step 7 for each page that are going to be presented by the sliding navigation menu. Great!!!


Here is another explanation by me:

Each of the sliders represents a page on your site. You need to create seven pages, one for each slider.
The actual pictures that are in the sliding menus need to be uploaded using the ' featured image', one for each of the seven pages.
Then you need to create a menu (Appearance-Menus) with those seven pages and choose the "sliding navigation" option for that menu so that WordPress knows to use these seven pages for your sliding doors.




How do I link to something other than one of these 7 pages?


By default the seven sliding doors link to any seven pages in your blog.
You can link them to other pages though using a plugin called "page-links-to" plugin.

The theme should prompt you to install this plug-in.

This adds the "page links to" option box at the bottom of each page, where you can enter any URL that you want the slider to point to.

1. Install the 'page links to' plugin.

2. Use the 'page links to' plugin to point your page to anywhere!

How do I link to a category in the sliding doors and select an image for that category?

There's no way to pick up category images, so you need to load the image you want to a page, then use page links plugin to point that page to the category.

To link a slider to a category just treat it as if you were linking to an outside page.
(1) Make sure the slider has a page.
(2) Upload the image you want for the category as the featured image for that page.
(3) In the 'page-links-to' entry type the category URL.

To get the category url, go to the category and copy the URL from your browser.

http://mac-host.com/support/viewtopic.php?f=6&t=1710&sid=b7d7c4fe5fbd0e47fbdd028bf0cdd463



How do I find the admin page if I have disabled it as a widget?

1. Just type in your url and add /wp-admin/ at the end.




How to order your images on the "sliding door"

by jeastman

To change the order of the sliding door images, you have to go to menus on your admin page. On the right side, underneath your menu name you will have your pages in the order they were created (assuming you added the pages to the menu). Each page will be listed in its own box. You can actually click and hold on a box and drag it above or below other boxes. So put these boxes in the same order you have your pages and VOILA! When you save your menu and go to your website you will see your images in the order you want.


Help my sliders don't slide anymore!

Try disabling your plugins. The sliders won't stop working by themselves. Usually in the process of customising the theme or adding plugins something is broken, so just reverse back through what you've done, and be sure to make a backup of the theme files BEFORE you make any changes!


How can I find an older version of the theme?


I've put all the older versions here for now: https://public.me.com/wayneiphone in the 'sliding door' folder.


How do I change the appearance of XXX.
where XXX = font colour, font size, background colour etc

Firstly read this post about child themes:
[url]http://www.mac-host.com/support/viewtopic.php?f=9&t=1869
[/url]
Pretty much everything to do with the appearance of the sliding door theme (except for the images themselves) is controlled by the CSS file. It's called style.css and it is a text file with lots of entries that look something like this:

Code: Select all
body {
   text-align: center;
   color: #fff;
   font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
   background-color: #000;
}


The code snippet above means that in the 'body' of the page, the dafault text color is #fff which is white. The background color is #000 which is black and so on.

The styling of the sliding menus is in the imageMenu.CSS file.

The styling for the rest of the theme is in the style.CSS file.


You can just go and edit the CSS file by hand, then look at the results in a browser, but I wouldn't recommend that, because it can be hard working out which bits of the CSS file correspond to which bits of the page. If you want to change things like font size and font colour you really need to start to learn your way around CSS. There are a couple of good ways to do this.

1. Get a program like CSSedit.
CSS Edit is easy to use. You just open the site URL with CSS edit, and click on whatever it is that you want to change. CSS edit will then show you which part of the CSS file you need to change, and it will even give you some options in a little toolbar. Check out the CSS edit page for more details.

2. Get the firebug add-on for firefox.
Firefox is a Web browser that you can download, and firebug is a plug-in for it. Once it is enabled, you can inspect any area on the page and it will tell you exactly what line it's style comes from in the CSS file. Here is a very simple example of using firefox to change the margin below the header.

There is quite a lengthy discussion about CSS here.

Using CSS you can do many things like change the heading size, change the background color, change the font color, change the indenting of categories, change sidebar spacing and more.

How do I change the home page to be just a home page and not my latest blog entries

This is a wordpress question, you can find the answer at wordpress.org, but basically, in the back end go to Settings - Reading and the first option is Front Page Displays... Change it from Your Latest Posts to A Static Page.

I made some changes and now it looks really bad in Internet Explorer, but it looks OK in Safari and Firefox.


Windows Explorer has many bugs in it.

Basically you can design something to look good on any other browser, and it will look good on all the other browsers, but Windows Explorer looks different.

Lots of web designers have to design things twice, once for windows explorer, and once for all the other browsers. There are often separate css files and pieces of code to deal with the bugs in explorer.

The bottom line is, if you go changing things in a theme, you need to check the results on on non-Explorer browser (eg Safari or Firefox etc) and Explorer. Do this as you go, not at the end.

If you design on Explorer alone, it might look bad on all the other browsers.
If you design on another browser alone, it may (probably will) look bad in explorer.

So best to have a mac and a PC going together and check it on both as you go.


How do I change the background of the sliding images?

You have to go into the imagemenu.css style sheet, and find 'background-color'.


How do I change the text heading at the top of my site to a custom image?

Check out these topics:

http://www.mac-host.com/support/viewtop ... mage#p2008

http://www.mac-host.com/support/viewtop ... 3128#p3128

http://www.mac-host.com/support/viewtop ... mage#p3047





How do I make the sliding images work on all the pages, not just the front page?

By default the sliding image menu only works on the front page and the category page. There is a line in the header.php file that does this, and you can remove the line to make the sliding images appear on every page. Read this thread to find out how to do this.


I have changed images at the top of the page but I am still seeing the old images.

This is a very common problem, it's a proxy or cache issue on your server. The new image is uploaded, but your computer is displaying the old one. Three ways to fix it: (1) Wait a while, (2) reset your browser cache, or (3) use a different browser.


How can I delete the timestamp information from the posts?

This question is answered here.

Can rearrange it to be a two column theme?

Check out here and here

How can I shift the sidebar from the left to the right of the page?

Answer is here!

How can I change the number of images at the top of the page?

This question is answered here.

How do I get rid of the following error? Warning: Wrong parameter count for preg_replace() in /home/tnjb/public_html/tjrj.net/wp-content/themes/sliding-door/functions.php on line 59"


Sliding Door theme requires PHP version 5.1 or later. E-mail your host provider and ask them what version of PHP they are using. For example, bluehost uses 5.2.

If your provider supports version 5.2 it maybe that is not turned on. You can turn on PHP 5 by one of the following options:
1. go to cPanel PHP Configuration and choose PHP5.
OR
2. Open your .htaccess file and add this line :
AddType x-mapp-php5 .php

If all else fails, the earlier versions of my themes did not require PHP version 5.
Sliding Door 1.7.2 is available from here, it should work on old versions of php.


Where is Wayne, why don't my questions get answered?


1. The Sliding Door theme works as written and the proof is the thousands of people who have made web pages for a few years with it.

2. When someone goes into the files and changes things they are on their own. It is assumed if someone can change a file they also can reverse or repair what they changed. Please make a backup of the files before you change them, and do one change at a time!

3. If a plug in or wordpress update messes up your site it is probably not a fault with the theme. If you haven't messed with the theme files and you get an error, check out the wordpress.org support page as it's likely a wordpress problem. If the sliding door theme breaks there will be hundreds of posts to this forum about it!

4. The Picture Perfect theme is much less popular and so I haven't really supported it. Only use it if you want to use it as-is or have the skills to edit it.

5. Most answers of these forums come from other users - not me. That's great. If you use the theme, place answer someone else's question who might be a bit behind you. I see my role as (1) Collating the most frequently asked questions here and giving good answers and (2) Answering questions that no one else can answer. I check this site every month or two.

How can I make a donation?



Everything here is free - no need for a donation.


Wayne

COMMENTS FROM OTHER USERS OF THE THEME:


First note: it should be stated somewhere early on that seven pages must be created before the header links will work. I spent a couple hours reading, trying, reading, trying before I finally found a post where someone mentioned that you need to create all seven pages first.
dm






Enjoy!
Attachments
6.jpg
6.jpg (20.13 KiB) Viewed 215599 times
wayne
Site Admin
 
Posts: 727
Joined: Tue Apr 08, 2008 7:02 pm

Re: Slidingdoor FAQ - Read this FIRST!

Postby RockThem » Fri Sep 18, 2009 1:16 am

imageMenu.CSS

^^ That is the ONLY file i cannot find on my wordpress...where is this stylesheet located?
RockThem
I'm new here
 
Posts: 1
Joined: Fri Sep 18, 2009 1:14 am

Re: Slidingdoor FAQ - Read this FIRST!

Postby squirrel » Fri Sep 18, 2009 9:56 pm

/public_html/wp-content/themes/sliding-door/imagemenu

its in the imagemenu folder
squirrel
I'm a regular
 
Posts: 6
Joined: Sat Sep 12, 2009 9:03 am

Re: Slidingdoor FAQ - Read this FIRST!

Postby Darryl » Mon Nov 16, 2009 8:12 pm

Ok, I get that I can use Page Links To for direct links. But all I want to do is have the images link to the categories. Under the old version I could link the images at the top of the page to categories. Now I can't. Where would I put in the url of the categories so the images link to them, not just to a post.

Also, how do I make it so that when I create a new page, it does not automatically put it up on the sliding door images? I don't want to pages linked from the images.
Darryl
I'm new here
 
Posts: 3
Joined: Mon Nov 16, 2009 8:08 pm

Re: Slidingdoor FAQ - Read this FIRST!

Postby wayne » Mon Nov 16, 2009 11:41 pm

You use the page links to plugin - you can do all this.

Firstly create 5 or so pages and name them anything so at least you can see your pages, not the default ones that come with the theme.

Now change the pages to point to where you want them to point to.

For example.
Let's say you want the first slider to link to category 1, and the heading in the slider to be 'elephants'
1. In your web browser, on your website, browse to the category you want. Now select the URL of the category from your browser.
It will be something like this:
http://yoursite.com/category/category1
2. Go to the first 'page' and in the page links to section down the bottom paste in this from above url. (http://yoursite.com/category/category1).
In the page name, type in 'Elephants'.
Now when you click on the first slider, which will be called elephants, it will go to category1.

Let's say you want the second slider to point to a post called 'about me' and you want it to be called 'About'.
Go to page 2 in the page edit part of your wordpress admin, call the second page 'About' and in the page links put http://yoursite.com/2009/11/11/about-me/ or whatever the url to the POST is that you want to go to.
Now slider 2 will link to that post.

Keep going until you have done all 7 sliders. Note you may choose to have all 7 sliders point to 7 pages, you may choose to have them point to 7 categories, you may choose to have them point to 7 external websites, a comments page, your admin page, anything, and you can mix them all up. That's the beauty of the new version of the theme. And all this without editing any php.
wayne
Site Admin
 
Posts: 727
Joined: Tue Apr 08, 2008 7:02 pm

One day I can see the slider text, the next I can't

Postby ginag » Sat Nov 21, 2009 11:47 pm

Ok... here's the deal... for the last week my sliding-door header has been perfectly displaying the text and perfectly linking to each page I've created. Take a look at http://ivcjournalism.com

Today, however, the last two windows (5 and 6) of the sliding-door header have no text and will not link to their respective pages (which should be 'IVC Journalism Classes' and 'Contact Us') They were there and functional for the last week and right up until this morning, but not now--about seven hours after this a.m. I DID NOT CHANGE ANYTHING THAT WOULD CREATE THE MISSING TEXT AND LINKS IN THE IMAGEMENU! Not in css or php or any other language.

So, what gives? :shock:

Yeah... I've searched the FAQ and the forums, without much success.

Help, please?
ginag
Legend!
 
Posts: 21
Joined: Sun Nov 15, 2009 12:24 am

Re: One day I can see the slider text, the next I can't

Postby wayne » Wed Nov 25, 2009 12:20 am

in header.php find the followign lien and change it as follows:
Code: Select all
<?php slider_menuparse(wp_list_pages('sort_column=ID&depth=1&number=7&title_li=&echo=0')); ?>
      



I'vs just uploaded a fix to this.

Wayne
wayne
Site Admin
 
Posts: 727
Joined: Tue Apr 08, 2008 7:02 pm

Re: Slidingdoor FAQ - Read this FIRST!

Postby ginag » Thu Nov 26, 2009 1:37 am

Thanks, Wayne. Worked like a charm. Now onto about 8 other questions. :roll:
ginag
Legend!
 
Posts: 21
Joined: Sun Nov 15, 2009 12:24 am

Re: One day I can see the slider text, the next I can't

Postby tyles » Mon Nov 30, 2009 6:46 pm

wayne wrote:in header.php find the followign lien and change it as follows:
Code: Select all
<?php slider_menuparse(wp_list_pages('sort_column=ID&depth=1&number=7&title_li=&echo=0')); ?>
      



I'vs just uploaded a fix to this.

Wayne


Does this apply to Picture-Perfect theme as well? Same issue in that the last two are not linking properly nor showing text. I applied this fix and it only reordered what does currently show. I have added pages, as well as went into functions.php and changed the links/text.
tyles
I'm new here
 
Posts: 1
Joined: Mon Nov 30, 2009 6:21 pm

Re: Slidingdoor FAQ - Read this FIRST!

Postby wayne » Mon Nov 30, 2009 9:32 pm

yes should apply to PP theme too.
wayne
Site Admin
 
Posts: 727
Joined: Tue Apr 08, 2008 7:02 pm

Next

Return to Site Showcase



cron