WordPress.org

Ready to get started?Download WordPress

Forums

Need help with wordpress (11 posts)

  1. cech
    Member
    Posted 1 year ago #

    Hey Guys,

    I am not too good at web-design so I need a little help. I have a website http://www.ravenor.net and now I want to make one page that's looking like http://gomedia.us/services/

    I don't want exactly the same, all I want to do is:

    When you go to http://gomedia.us/services/ and click one of the images it redirects you to the other page. Now I want to make on my site an image like that, when you mouseover it to have some effects, when you click it to redirect you to some other page and that page to don't be shown at the main bar.

    Or for example, if there is a file to download, when you click the file to redirect you to other page where you can see brief description of it and that page to don't be shown anywhere (That page to don't be shown on main bar or elsewhere, but this to be the only way you can view the description of the product).

    Thank you in advance

  2. converting2wp
    Member
    Posted 1 year ago #

    Apologies if I'm missing the point of your question, but it sounds as if you are really new to creating web sites.

    If you "view source" on the gomedia.us/services page, the HTML that corresponds to the branding section starts with

    <a href="/services/branding/">
    <img alt="Branding" src="http://gomedia.us/wp-content/uploads/2012/06/GoGuide_Panels_branding_0-300x300.jpg" />
    </a>

    The "/services/branding" is the address of the page that you get when you click the image. The "http://gomedia.us/...300x300.jpg" is the address of the image.

    That's really all there is. The <a href=...>/</a> and <img ...> are HTML tags that "combine" the picture and the link so that when the page is displayed clicking on the picture takes you to the page /services/branding.

    You can do this in WordPress by using the "HTML" tab to edit the source of your page/post and inserting the appropriate HTML tags. But it may be easier to set this up using the WordPress image handling: when you insert an image into a post/page you get a dialog box where you can enter the "Alternate Text" (what will show to a visitor who couldn't see your picture) and the "Link URL" (the page that will come up after a visitor clicks on the image.

    The Using Images page in the Codex may have some other useful tips.

  3. cech
    Member
    Posted 1 year ago #

    What is the most suitable plugin for this ?

  4. converting2wp
    Member
    Posted 1 year ago #

    I don't see where anything you're describing needs a plugin. This is a basic function of HTML that is well supported by the WordPress user interface.

    If you want something like the three-column appearance, that's a theme issue, not a plugin per se.

    But, again, if I'm missing the point, please do try to describe the functionality you want in a different way.

  5. cech
    Member
    Posted 1 year ago #

    I think that you have understand well, here is a better explanation.

    You have a 10 images on website and want to download some > you're clicking the image and the website transfers you to another webpage where you can see only the image you've clicked with a brief description and download button.

    Now which code I need to use in HTML so I can do that ?

  6. converting2wp
    Member
    Posted 1 year ago #

    Okay, that's a bit different.

    A user who wants to download an image can simply right-click and choose to save the image using the browser's features -- so if that's enough all you need is

    - create a new page for each image, say /image1-page/
    - on each of those pages, put the corresponding image (maybe a larger version than the one that appears on the first page) and the description. The code would look something like:

    <img src="/your-path-to-images/image1.jpg" />
    <p>The description</p>

    - set up the first page with images and links to the pages you just created using code just like that in my first reply

    <a href="/image1-page/">
    <img src="/your-path-to-images/image1.jpg" />
    </a>

    Once the visitor gets to the page with the image/description, they can download the image by right-clicking.

    But if you must have a button to start the download, then one way to do that is to use JavaScript. Here's one example of code to that:
    http://www.dslreports.com/forum/r21478544-Opening-a-file-download-dialog-from-a-JavaScript-function.

    If that's getting too involved, maybe you *do* want a plugin. Would something like WordPress Download Manager fit the bill?

    It's a question that's interesting to me, so I'll try to craft a more complete answer (maybe one using PHP as described here:
    http://www.apptools.com/phptools/force-download.php )
    but it's not going to be tonight.

  7. cech
    Member
    Posted 1 year ago #

    Can I do it somehow without playing with HTML codes ?

  8. converting2wp
    Member
    Posted 1 year ago #

    Depends on what you mean by "it" - certainly having pictures link to other pages with more information related to the picture is supported by the WordPress user interface for inserting pictures.

    Rereading your original post, you also express a concern about not having pages show on the menu bar. If you are not using Appearance > Menus to define what pages appear in what order on your menu, you may want to look at that. There's no coding involved.

    I'll admit that it takes awhile to figure out the ins and outs of the WordPress way. I hope you'll stick with it and build a site that you're happy with.

  9. converting2wp
    Member
    Posted 1 year ago #

    Your other post
    http://wordpress.org/support/topic/need-help-with-wordpress-sections-1?replies=2

    has a picture that better describes what you're trying to do.

    However, when you're asking about how to make it work without giving more details about what you tried that didn't work, you're verging on asking folks to do the design for you.

    The layout you're describing is, in my opinion, best implemented in an HTML table. If you don't know how to create one of those, go check out any basic HTML tutorial. [If you are *really* averse to coding, there are plugins that help create tables. See, for instance MCE Table Buttons - but be sure you know about the kitchen sink button in the Visual Editor.]

    And how you get the download button to work depends on what, exactly, you want it to do. It can simply be an image with a link to the file, but if you want something fancier, that means the button has to be tied to some code that's written in a programming language (PHP, JavaScript).

  10. cech
    Member
    Posted 1 year ago #

    I have tried designing tables, but I could not make them invisible after...That's the problem. Anyway I'm working in dreamweaver then just pasting the code on to the website. The problem is now that I can't set space between 2 images, I can't set margins where I want and I can't put text on top of the image...

  11. converting2wp
    Member
    Posted 1 year ago #

    Dreamweaver (or at least the version I was using when I started "converting2wp", long ago) has options to configure tables. In addition to HTML options, the borders, cell spacing and padding can all be configured in CSS.

    Examples: http://www.w3schools.com/css/css_table.asp
    An interactive table designer that writes the CSS for you: http://www.somacon.com/p141.php

    But I actually came back here (for some reason I'm not getting email when you post) to point you towards another plugin I just happened to see on another site: WP-Filebase Download Manager. If the function of your site is to provide downloads, maybe that will have some features that would be useful -- and a "good enough" user interface that you wouldn't have to worry about code behind buttons, etc.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.