Slider: images only, no links attached, no pages attached. (solved)

Viewing 14 posts - 1 through 14 (of 14 total)
  • #7384
    Alexander
    Participant

    Ok, here is the solution for everybody who want their silder only to show nice pictures carousell without having a blog post or link attached to each picture.

    1) Install “WP Hide Post” plugin
    2) Create a blog page with an image for the slider
    3) Set the blog page to sticky to be shown in the slider (somewhere on the blog creation page)
    4) Set the page to “hide everywhere” (somewhere on the blog creation page)
    5) Publish the blog page as usual
    6) Add this to your CSS file:
    #slider .hentry a {
    display:none;
    }

    and you’re good to go !!!

    Repeat step 1-5 for additional blog page. No one will ever see or find your blog page where the image for the slider came from nor can he click on the slider anymore.

    Cheers,
    Alexander @ http://www.mouseclick.com

    • This topic was modified 12 years, 2 months ago by Alexander.
    #7388
    Alexander
    Participant

    It’s even more easy. You don’t need the plugin.

    You can do it with a new category (e.g. “hidden”). Add all blog post you want to hide only to that category “hidden”. Add the “sticky” tag to these blog post and attach an article picture as well

    In “Design/Theme Options” goto “Porfolio Page” and choose your new category “hidden” as the Portfolio Category.

    In “Design/Theme Options” goto “Home Page” and tick “Exclude Portfolio Category from main loop” at “Exclude Portfolio”.

    Add the CSS code mentioned above.

    I made an example on my page but NO GUARANTEE how long it will be there as I play around alot with the theme… πŸ™‚

    Cheers,
    Alexander @ http://www.mouseclick.com

    #7395
    geerdub
    Participant

    Hi There,

    Thanks for posting this. I have had no luck with either method though! I am new to WP, just trying to get my head round it.

    With the first method, I could not see a “hide everywhere” option on the add-in, or did you mean just tick all the boxes? I tried that and then the slider cant find any content.

    Followed steps in second method to the letter and it makes no difference to anything for me! Without adding the Css code, nothing is different. I added the the code to Custom CSS code section (is that right?) and that just makes the slider not appear at all!

    Any further tips would be appreciated. I need a slider with no links, and no posts showing anywhere!

    P.S. How did you reduce the height of the slider images? Is that just the native image aspect ratio or is there something clever you have done?

    Cheers

    #7406
    Alexander
    Participant

    No post showing anywhere is not possible. The posts feed the slider.

    Alexander @ http://www.mouseclick.com

    • This reply was modified 12 years, 2 months ago by Alexander.
    #7447
    Jaring
    Participant

    There must be some code that can exclude “sticky-posts” to be shown in the main loop. I have looked for this, however I have had no luck finding any working code.

    #7452
    geerdub
    Participant

    Hi Alexander,

    I still haven’t been able to get this to work.

    Would you be able to tell me (noob style) exactly what to do with the CSS code?

    #7471
    ckh
    Participant

    @Alexander,

    How did you change the size of the images in your slider?

    The default slider image size is much larger. Do you change it in style.css?

    Thank you.

    #7478
    kenfeld
    Participant

    I’ve been reading about not linking slider images – but I have the opposite problem. I would like to link/re-direct my individual slider images to specific category pages i.e. my menu button pages that they represent. I can’t seem to imbed a link that will direct the feature image to those specific pages. I can link an inserted post image, but that doesn’t do the job – that takes a two step search. Can anyone help?

    Ken

    #7481
    Jaring
    Participant

    Concerning the topic: I used the plugin ‘simply exclude’ which easily let’s you hide posts from your front page. So just pick your sticky posts for the slider, and then exclude them. No code alteration needed..

    #7482
    geerdub
    Participant

    @ckh.

    Simply reduce the height of the images, so open in an editor and reduce the height to the number of pixels you want. I think the slider will always fill to full width, and will crop if its taller than the maximum, but wont distort the image. So be best results (crisp and clear images) make the native image the exact pixel width of your slider and the height you want.

    Possibly can achieve this via CSS, but I am a total noob to that side it! This method worked for me.

    #7484
    geerdub
    Participant

    Jaring, thanks for input,

    I don’t think your solution really achieves all of what we are after. If you click the image on your slider it still links to the post. Alexander has managed to get rid of the linking from the slider images. This is what I am trying (and failing) to achieve.

    Any other help on this would be great!

    Cheers

    #7486
    Alexander
    Participant

    Yes, I tweaked the code. But because this editor eats source code I started to write english tutorials on my own blog. I will add one for this issue which is short and easy to follow.


    @kenfeld
    : I answered you in a separate thread.

    @geerdub
    : I will drop a note here when I added the tutorial or check by yourself on my blog

    @Jaring
    : If you want to exclude sticky postings from the main loop you have to add them into a portfolio which you can exclude by theme options from the main loop

    @ckh
    : As geerdub says, the best way is to make a native image the exact pixel width of your slider and the height you want

    Cheers,
    Alexander @ http://www.mouseclick.com

    #7535
    Michelle
    Participant

    I tried the procedure in post October 6, 2012 @ 12:59 pm and it seems to have done the opposite of what I wanted. The slider pictures don’t appear on my landing page, but the posts containing those images are still on the blog page.

    I downloaded the Simply Exclude plugin but I don’t understand it and no matter what options I click, it doesn’t seem to do anything.

    • This reply was modified 12 years, 2 months ago by Michelle.
    #7561
    Alexander
    Participant

    I added a new tutorial on my blog pages, guiding you step by step.

    http://www.mouseclick.com/?page_id=1852

    Cheers,
    Alexander @ http://www.mouseclick.com

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.