Hyperlink to other websites

  • Author
    Posts
  • #3047314

    Hi,

    What I am trying to do with my website is have a revolving banner and then below the revolving banner to have 4 separate boxes with an image in each with text, to then hyperlink to external websites of ours.

    Not sure what themes can do this or what I need to do to do this.

    I can always upgrade to the business service on WordPress if needs be.

    Looking for some help on how to do this.

    Thanks,

    Saul.

    The blog I need help with is coldenecouk.wordpress.com.

    #3047445

    There are plugins like Elementor https://wordpress.org/plugins/elementor/ that can offer advanced customization. Note that you will need to have WordPress.com business plan for plugin installation.

    #3047448

    Hi,

    Thanks for this but isn’t elementor just another page building plug in?

    I need to know if I can hyperlink externally before I go ahead with the business account as if I can’t do that then it will be money down the drain.

    #3047452

    Elementor is one of the most popular page building application and should definitely support linking to external pages. If possible, here’s what you can do – try Elementor on a self-hosted WordPress site with a local installation and then get it done on a WordPress.com site with Business plan.

    #3047464

    @strikebuys, plugins can only be used here at WordPress.com with the Business plan upgrade.

    The differences between WordPress.com and WordPress.org.

    #3047466

    @coldenecastors, Dara has the featured content slider at the top, and you can use html to put the linked images below that in the page content area. It would require a bit of custom CSS as well to style and control things so that they looked good and worked well for those on small tablets and phones.

    #3047467

    @strikebuys, plugins can only be used here at WordPress.com with the Business plan upgrade.

    Yes, full aware of that @thesacredpath. The OP was open to buy WordPress.com Business Plan should needs arise.

    #3047581

    Thank you both for your help, all I need to know really is if I can link to external websites and if the themes or website plug ins would do this?

    I don’t want to fork out £250 a year if I can’t as it would just be a was of time and money for me.

    I’m not great with HTML or CSS so wouldn’t be able to code it myself, just wanted a simple template that I can use easily without coding as that just takes too long.

    #3047616

    kathrynwp
    Staff

    What I am trying to do with my website is have a revolving banner and then below the revolving banner to have 4 separate boxes with an image in each with text, to then hyperlink to external websites of ours.

    I’m not great with HTML or CSS so wouldn’t be able to code it myself, just wanted a simple template that I can use easily without coding as that just takes too long.

    I can’t think of a theme that is ready-made to do that.

    Most themes that allow you to easily create featured-content “chunks” (boxes, slides, etc.) usually automatically link to a page or post within your site, as opposed to giving you the ability to link it to an arbitrary external URL.

    That said, you could manually create four boxes with images and text that link to external websites. It would require a little bit of code, but that’s something we could help you with here. Since you already have the Premium plan, you can add some custom CSS to help get the look you want, no plugin needed – folks here can help you with that.

    For the “revolving banner” – it sounds like you’re describing a post slider. I see Dara running on your site right now. That could certainly work. To get your slider looking more like the demo, try adding a featured image on each of the pages you’ve set up there.

    Just let us know if you need further help!

    As a Premium-plan customer, you also have access to real-time, one-on-one support via live chat. If you prefer that route – folks sometimes find it easier – you can start a chat here:

    https://wordpress.com/help/contact

    #3047669

    Hi,

    I’m not good with the back end coding of a website so could you do this and how would we go about having it like I want it with the revolving slider and the 4 boxes that connect to external sites?

    #3047670

    kathrynwp
    Staff

    The first thing you could work on is fixing up your slider. Looks like you’re almost there, but as I mentioned, the last step would be to add featured images to each page in the slider.

    Open up each page that you’ve added to your slider, and follow the guide here to add a feature image to each page.

    https://en.support.wordpress.com/featured-images/

    Make sure each image is at least 1180px tall.

    The pages you’ve added to the slider are:

    Engineering
    Premises
    Manufacturing
    Design
    Team

    Let’s start with that step first and see how it goes.

    #3047671

    Hi,

    I have figured all of that out. I don’t need to add images just yet as they haven’t been made yet, I just need the structure of the website sorted first with the slider which I have done and then the 4 boxes. With the 4 boxes I just need to be able to add an image and add a hyperlink to an external site.

    #3047673

    kathrynwp
    Staff

    Here’s how to create four side-by-side boxes on your homepage. It’ll take a few steps, so let me know if anything isn’t clear.

    Keep in mind that as I mentioned earlier, you have access to live-chat support, so feel free to start a chat if you’d like to walk through it in real time with a Happiness Engineer:
    https://wordpress.com/help/contact

    Step 1 – open your Home page in the editor.

    Switch to the HTML view, and paste in this HTML for the columns:

    <div class="myfrontsection">
    
      <div class="mycol">
      Your content for your column 1
      </div>
    
      <div class="mycol">
      Your content for your column 2
      </div>
    
      <div class="mycol">
      Your content for your column 3
      </div>
    
      <div class="mycol mycol-last">
      Your content for your column 4
      </div>
    
    </div> <!-- end myfrontsection -->

    Save the changes.

    Step 2 – Open your Customizer‘s CSS panel and paste in this CSS code:

    /* Set up front-page columns on larger screens */
    @media screen and (min-width: 768px) {
      /* Float the columns next to each other */
      .mycol {
        float: left;
        width: 20%;
        margin-right: 20px;
        box-sizing: border-box;;
      }
      /* No margin on last column */
      .mycol-last {
        margin-right: 0;
      }
    }

    (I’ve added comments to the code so you can see what it does. We’re creating four columns of equal width, with a bit of space to the right of every one, except the last.)

    Save your changes in the Customizer.

    Step 3 – Return to your homepage and replace the “dummy” content with your own. You can add text, images, and links – whatever you like. I’d suggest staying within HTML view to make sure you don’t accidentally erase any of the div tags, which are important to maintain the column structure you want. You can use the editor’s buttons to insert your images and links – no need to manually create the HTML for those.

    Let me know how it goes – or feel free to get continued help from a live-chat Happiness Engineer.

The topic ‘Hyperlink to other websites’ is closed to new replies.