WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Gallery link in a post or page (16 posts)

  1. asanti75
    Member
    Posted 9 months ago #

    Hi.

    I like this theme btw, unfortunately I had never been able to get support here, but I will try again.

    I don't know if there is a way to link a single picture from a Gallery into a page or post. I mean I am trying to use the gallery as a Menu too. but it is not very useful when you click a image and it is open in a page.

    Please help!!!!!

  2. ElectricFeet
    Member
    Posted 9 months ago #

    Not sure I understand what you are trying to do. Can you give some concrete examples?

    Or alternatively, take a look at two ways of handling images on my site (my knowledge on doing all of this is only 4 weeks old BTW, so it's nothing fancy and there are no plugins to handle images):

    • http://darioalfonsi.com/new-chairs/ is an example of a page where, whatever image you click, you open the relevant page for that item. So if you click on a "Tripolina" chair, you go to the Tripolina page
    • Once you're in the >Tripolina page, however, the behaviour changes. http://darioalfonsi.com/new-chairs/tripolina/ is an example of a page where, whatever image you click, you open a slideshow/gallery (if you have javascript enabled) of larger images. So if you click on the green Tripolina chair, for example, it opens a slideshow/gallery of all the images on that page (placing you in the middle of the images, at the green Tripolina chair that you clicked).

    Are you trying to achieve either of these results, or something else?

  3. asanti75
    Member
    Posted 9 months ago #

    Hi

    For example, if you go to my site here you can see at the bottom after the circles, that I have a gallery with three image. I like this feature in which the image pop up, but when you click one of those image it opens a page with the image only.

    My intention is when you click in one image goes to a page, or post, and when you click to the next image go to another link, and so on.

    But I like your pop up galley, is that a plug in? Could you tell me which one? Thanks for your help.

  4. ElectricFeet
    Member
    Posted 9 months ago #

    The popup gallery is not a plugin. It's simply what happens when you add an image using the add media button in the "visual" tab of the wordpress page editor (yes, I really was at that level a month ago). I think WordPress have a basic gallery built-in now. (3.5.2 BTW). My images are all 600x600, which WordPress (Customizr?) automatically regenerates at 300x300 for adding to a page. So they're inserted in the page at 300x300, and the gallery shows them at 600x600.

    If you want to click an image to a specific page, then use something similar to the following code in the "text" tab of the wordpress page editor:

    <a href="./yourlink"><img src="http://example.com/wp-content/uploads/2013/06/yourimage.jpg" alt="youralt" width="300" height="300" class="size-medium wp-image-33" /></a>

  5. artielader
    Member
    Posted 9 months ago #

    Really love http://darioalfonsi.com/. Customizations are both beautiful and intelligent.

    Any chance you might share the CSS for your top nav bar? That's just what I am looking for.

    Thanks,
    Art

  6. ElectricFeet
    Member
    Posted 9 months ago #

    Any chance you might share the CSS for your top nav bar? That's just what I am looking for.

    There you go:

    /* Get rid of menu border */
    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    }
    
    /* Get rid of menu background */
    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    background:none
    }
    
    /* Change navbar padding: 2nd and 4th for horiz padding */
    /* and change font size in menu */
    .navbar .nav > li > a {
      padding: 5px 16px 5px 16px;
      font-size: 16px;
    }
    /* Change font size of first letters in menu */
    .navbar .nav > li > a:first-letter {
      font-size: 16px;
    }

    The last two have to be placed in a child theme as they contain the ">" character, which cannot be placed in the Custom CSS panel.

  7. ElectricFeet
    Member
    Posted 9 months ago #

    All picked up here, I should add! Wouldn't have known where to start otherwise :-)

  8. artielader
    Member
    Posted 9 months ago #

    Thank you so much, Electric Feet. MIght have to hold off on the css, as I have never made a child theme before. Need to read about how to do it.

  9. ElectricFeet
    Member
    Posted 9 months ago #

    MIght have to hold off on the css, as I have never made a child theme before. Need to read about how to do it.

    It's VERY easy, as long as you know how to use FTP. I created my first ever child theme yesterday, following these instructions: https://managewp.com/how-to-create-a-child-theme

    Good luck!

  10. artielader
    Member
    Posted 9 months ago #

    I will give it a shot!

    Building a site at http://ahsgerman.com/carolina/, by the way.

  11. five12
    Member
    Posted 9 months ago #

    This is great. However, the changes I made to the nav padding aren't appearing in Firefox. They do in Safari. Any suggestions?

  12. asanti75
    Member
    Posted 9 months ago #

    Hi ElectricFeet,

    Probably I didn't explain myself clearly, but I am not looking only link a image with a page or post, because that is something your instructions make. My intention is that the image that I created in a gallery, because the image is show with this small increase in the picture very slow, like slow motion. I am not sure if you got it.

    Thank you for your advise.

  13. ElectricFeet
    Member
    Posted 9 months ago #

    Still not got what you're trying to do :-( Can you give a link to a site that does what you want?

  14. ElectricFeet
    Member
    Posted 9 months ago #

    The popup gallery is not a plugin. It's simply what happens when you add an image using the add media button in the "visual" tab of the wordpress page editor (yes, I really was at that level a month ago). I think WordPress have a basic gallery built-in now. (3.5.2 BTW).

    Just correcting what I wrote yesterday, after a little more research: The popup/zoom/gallery functionality uses Fancybox for its functionality, not WordPress's.

  15. ElectricFeet
    Member
    Posted 9 months ago #

    @asanti75 I think I get what you mean. Finally! Sorry it took so long!

    Nikeo's demo site shows the same effect as the 3 images at the bottom of your site. This seems to be using the "gallery" functionality,

    How did you add the images? The ones you liked from my site's "Tripolina" page were added by using the "Add media" button from inside the page, selecting an image and choosing "medium - 300 x 300" size (in my case). The "Link to" was set to "media file". These were all defaults when I first did it—I'm lucky it all worked as I wanted.

    I now realise that there are lots of other options you could choose. For instance, at the top left, you have "create gallery". Did you choose that, by any chance? That's probably what is giving you your slow fade-in and click-to-a-page functionality, rather than the default fancybox behaviour that I have. Can you try re-adding without the "Gallery" option?

  16. asanti75
    Member
    Posted 9 months ago #

    Hi, and yes, when you want add a pic you go to media bottom in a page or a post. So I did it. And yes when you choose media you have three option that are the following,

    1. Insert Media, with that option you only add a picture, video or audio in your page, and of course you can link this image with a page.

    2 create Gallery, with that option you can add a image with fade in, that I have, and you have multiples options there, like add 3, 4 etc. write a caption for the image but it hasn't link each image with a page.

    3 set feature image, that option is for the circles.

    And finally No I don't know a site that does that I want with this theme, if I knew one i probably could figure out scratching the code.

    I know that the gallery function is a Shortcode, but I am pretty knew I have some problems trying to make a Shortcode function.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.