> ## Content Index
> Fetch the complete content index at: https://interhacktives.mymagic.page/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to make your own website using Weebly
- URL: https://interhacktives.mymagic.page/make-website-using-weebly/
- Published: 2014-02-25T13:51:29.000Z
- Updated: 2026-11-03T15:04:17.000Z
- Description: Wordpress isn't the only option for bloggers. Rachel Banning-Lover teaches you how to use Weebly...
- Author: Rachel Banning-Lover
- Tags: How-To, portfolio, tutorial, website, Weebly, #Migrated-1793717950415, #wp, #wp-post, #Import 2026-11-03 14:59

![Make your own website using weebly](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-153.png "Make your own website using weebly")

Having your own website, blog, and online portfolio is increasingly becoming a necessity for any journalist trying to get noticed in the job market today, but how do you even go about making your work look semi-professional without paying for a website designer but going beyond just plopping your CV on [LinkedIn](http://www.linkedin.com/?ref=interhacktives.mymagic.page)?

There are certainly plenty of tools online to design a website to suit your individual needs– and while[**Wordpress**](https://interhacktives.mymagic.page/content/files/2026/11/www-wordpress-com.html) is probably the most well-known blogging platform, [Pressfolio](https://pressfolios.com/?ref=interhacktives.mymagic.page) specifically designed for journalists looking to build an online portfolio, and [about.me](http://about.me/?ref=interhacktives.mymagic.page) a fantastic option for creating a basic website in just five minutes, there's something rather special about the simplicity of[**Weebly**](www.weebly.com).

As a drag-and-drop web builder, it's certainly more user friendly than Wordpress - so here's how to get started.

## STEP ONE: Adding a site & picking a theme

Firstly, after signing up for an account – you want to click on the 'add site' button.

![Picture 110](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-110.png)

 You’ll then be given the option to choose between building a website, blog, or store. (Tip: Want your site to be all those things? No problem – after building your initial site, you can come back and add blogging and store elements. But for now just click on build a site.)![Picture 111](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-111.png)

 As you can see, the site pretty much talks you through the steps as you go – so now lets pick a theme…

![Picture 112](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-112.png)

You’ll see here that as well as being able to pick a theme you can also customise the colours of the buttons and subtitles – we’ll leave that for now though.

## STEP TWO: Choosing a website domain

Having picked a theme – you now have to choose a website domain for your website. I recommend creating a website address that’s a sub-domain of Weebly as that’s free, but you can also pay extra for a .com, .net or .org domain name.

![Weebly_4](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-113.png)

Once you’ve picked your domain name, you can than move on to the fun part – building and designing your own website.

## STEP THREE: Editing text and photos on the existing template

Whatever theme you pick, the dashboard on the left of the site will be the same – and it is easy to edit, add, or remove features from your site.

![Weebly_5](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-114.png)

Firstly, though let's work with what we’ve got – to change the title of the website, I just double click on it and then type in a replacement – in this case I went for ‘Rachel’s portfolio’.

![Weebly_6](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-115.png)

It works the same with editing the other features – to add a headline and edit the existing text, just click on the outline. When a text box is clicked on, a toolbar will also pop up where you can change the font colour, size, and so on…

![Weebly_7](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-116.png)

![Weebly_8](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-117.png)

![Weebly_9](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-118.png)

As shown above, there might also be an option to edit ‘button text’. A button, when clicked on by readers, will take them to a different page in your website or an external link.

Click on it once and you’ll get this window.

![Weebly_10](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-119.png)

![Picture 120](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-120.png)

From there you can go to the link option and add a hyperlink to another website, select a page from your own website (if you’ve got more than one page) or link to a file the reader can download.

![Weebly_12](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-121.png)

**Editing an image** – if you want to change any images on your site, that is also simple – just head to the right corner of any image and and click on edit image. You’ll then be directed to a prompt window to ‘add an image’ – where you can select a photo from your computer or add an image url.

![Weebly_13](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-122.png)

![Weebly_14](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-123.png)

![Weebly_15](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-124.png)

If you want to resize, crop, or edit your image, once you’ve selected one you can do that too.

![Weebly_16](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-125.png)

When done just click save in the top right hand corner.

Ok so now we’re starting to get somewhere – we’ve given our site a name, a description, and added a big photo.

![Weebly_17](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-126.png)

## STEP THREE: Adding other elements to your site - text, images, links

But the next step is to customise the site just how you want – and this is where Weebly comes into its own.

You’ll see that once you scroll below the template that comes with your theme, there’s the option to drag other elements into place.

![Weebly_18](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-127.png)

It’s really so simple – you just pick elements from the menu bar on your left, hold your mouse down on them and drag them where you want them.

You **add a title** like this…

![Weebly_19](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-128.png)

And then just change the text, as you learned earlier.

![Weebly_20](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-129.png)

**Add a text box** like this... just dragging and dropping.

![Weebly_22](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-131.png)

And for more variety you can **and an image with text** as well.

![Picture 133](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-133.png)

Once again if you want to edit text or a photo – you just click on the relevant box.

![Weebly_24](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-134.png)

And so you also want to **add links to sites** where people can find your work? Simples! Just highlight the text you want the link to appear behind and click on the link icon on the toolbar.

![Weebly_25](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-135.png)

![Weebly_25](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-136.png)

A good tip is to also tick the box ‘open in a new window’ so readers don’t have to leave your impressive body of work to see something else you’ve written.

![Weebly_26](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-137.png)

## STEP FOUR: Taking your site further- add columns, social media icons, videos, extra pages.

As you will see under the ‘basic’ tab, there are a range of options for displaying your work – text only, image only, image and text, maps, slideshows etc.

![Weebly_27](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-138.png)

But once you’ve gathered the basics, there are options to change the structure (adding dividers, columns, search boxes, buttons).

![Weebly_xx](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-154.png)

You can also add other forms of media such as video or audio. There's even the opportunity to build a community on your site by adding a forum or poll. Oh and don’t forget your social media.

![Weebly_28](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-139.png)

The simple formula applies to everything though – just click and drag.

![Weebly_30](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-151.png)

Ok, so fast-forward a bit, you’ve played around with how you want your website homepage to look like – what next?

One option is to add additional pages - maybe you want separate pages for your CV, your blog, or the different types of work you want to display. If so, just go to the pages option for more instructions.

![Weebly_29](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-143.png)

## STEP FIVE: check out the mobile version of your site

But for now, why not see what the mobile version of your site will look like - just go to the top right-hand corner of the website and click between the computer and phone views.

![Weebly_31](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-144.png)

This is a great advantage of Weebly as it allows you to both view and edit how you site would look like on a smartphone – you can even switch between an Apple and Android view!

![Weebly_32](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-145.png)

## STEP SIX: publish your site

Well now we’ve had a quick explore round the site – it’s time to publish – just click on the button at the top right corner of the screen.

It will ask you to label your website with a category...

![Weebly_33](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-146.png)

And then ta da!

![Picture 147](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-147.png)

![Picture 148](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-148.png)

If you want to check out some more tutorials, Weebly's got plenty [here](http://help.weebly.com/beginners-guide.html?ref=interhacktives.mymagic.page). You can also check out how I used Weebly to start building my own [portfolio](http://rachelbanninglover.weebly.com/?ref=interhacktives.mymagic.page) earlier...

![Rachel Banning-Lover Weebly](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-149.png)

I've still got a bit of a way to go though.

![Picture 150](http://www.interhacktives.com/wp-content/uploads/2014/02/Picture-150.png)