How to Create Links / Hyperlinks

How to Create Links / Hyperlinks

What is a link / hyperlink?

Def’n: a highlighted word or phrase that when clicked links to another part of the document/page or to another location or website. Like this:  To make the code for a link click here.

Making links can be easier than you ever imagined.

There are many easy ways to link in the many programs we use everyday.

This video takes you through how to create links in:

  • Outlook
  • Gmail
  • Websites using WYSIWYG
  • HTML codes

Make Your Own Link

Don’t have a easy method for making links?

What if this easy to use link builder can make links easier than you ever imagined?

Enter the URL you wish to link to and then the Words that you wish to be the link and then copy the code from the cell below depending if you wish the linked to URL to be opened in a new window or the same window your are currently in.  Then paste that code into the HTML / Source code section of your website.

Removing Product Description from Woocommerce

Removing Product Description from Woocommerce

I have been searching all over for this and finally found it today!!!
How to get rid of the words “Product Description” at the top of the Description tab on a Woocommerce product. Yahoooo!

Woo-product-description-removal2

So grateful to Template Monster for this hack (see original blog to be able to copy and paste the code)

So here it is:

  1. Go to your WordPress Admin and select Appearance -> Editor
  2. From the files on the side select “Functions”
  3. Add in this file (at the bottom is easiest then you are not messing with any other code) the following code – sorry it is picture mode, still working out how to put code in my blog.Woo-product-description-removal
  4. Click Save at the bottom and you are done!!  Super easy!!

Woo-product-description-removal4

If you would like to leave it there and change the words put the new words you want like this:

return ‘New Words Here’;

(To find out how to change the tab title like above I will share in another post soon)

 

Divi – Woocommerce Product Category Archive Pages

Divi – Woocommerce Product Category Archive Pages

Some of you are aware that I LOVE Divi Theme from Elegant Themes but one of the things that has been frustrating me is not being able to personalise the archive pages on my Woocommerce product category pages.  Well I solved it with no plugins pieced together from bits all over the web.  So how did I do it?

Here is the step by step tutorial on the video as I show you all the steps:

So what were they again?  and what were the magic bits I pasted in?

Here is the quick reference guide:

  1. Create Your Layout
    1. In your WordPress dashboard go to Divi > Divi Librarydivi-divilibrary
    2. Add a new layoutlayout-addnew
    3. Set this layout to Global (you have to do this when making it as it is not changable to global later)new-template
    4. Save layout
  2. Copy  Woocommerce template files to your theme
    1. in wp-content  >  plugins   >   woocommerce   >   templates
    2. select:
      1. archive-product.php
      2. taxonomy-product_cat.php
    3. copy these to your theme (highly recommend using a child theme for this) in a folder called “woocommerce”  (CTRL drag in cpanel)
  3. Change template file names in your theme
    1. find your slug of your product category
    2. use the rename function to rename both of the files to add “-yourslug” before the .php
      1. So “archive-product.php” becomes “archive-product-yourslug.php”
      2. and “taxonomy-product_cat.php” becomes “taxonomy-product_cat-yourslug.php”
  4. Edit taxonomy-product_cat-yourslug.php
    1. Edit the code of this file and change the line “wc-get-template(‘archive-product.php’);”taxonomy-change
    2. Change it to “wc-get-template(‘archive-product-yourslug.php’);”
    3. Save file
  5. Edit archive-product-yourslug.php
    1. Remove everything after “get_header( ‘shop’ );” all the way down to and leave in ” get_footer( ‘shop’ ); ?>”archieve-remove
    2. Between those 2 lines past in
    3. Change the XXXX to the layout number (found by looking in the URL when viewing the layout editor screenlayout-code
    4. Save file
  6. DONE!!

To update the layout you then just go back into Divi > Divi Library and make your changes!!

How does it get any easier than that?

Fixing Facebook Link Cache

Fixing Facebook Link Cache

Have you changed the content of your site and Facebook is still showing the old content when you share the page?

You can get them to update their info by going to the Debugger Page!

Please note if you are sharing a URL that has Masking on it will give a blank Facebook thumbnail

facebook-cache-old

To change this:

  1. remove the masking on the url at your domain host
  2. request a “Scrape Again” at the Facebook Debugger Page
  3. refresh the share content on the Facebook postfacebook-cache-refresh-post

 

Result:

facebook-cache-new

Pin It on Pinterest