Website Design

How To Make A Portfolio Website in WordPress [Video]

How To Make A Portfolio Website in WordPress

Start here ➜

Get our NEW Course ➜

How to Make Money with your website ➜ Coming soon!

Suggest / vote for the next video ➜

Learn how you can create your own portfolio website.

A portfolio website is the best way to showcase your work & skills and let others reach out for you easily.

You can create your portfolio website in 2 simple parts.

So let’s get started.

Table of contents :

00:00 Intro

00:52 Choose Your Website Name

01:28 Get Your Hosting & Domain Name

04:02 Create Account on Bluehost

04:48 Install WordPress

06:49 Install a theme on your website

07:52 Import a design

09:47 Edit content of your site

14:48 Edit Menu Section & Footer Area

===== Part 1 : Launch Your Website =====

Step 1 : Choose Your Website Name

To choose the name, click this link ➜

Now enter the name you want & click ‘Check Availability’.

If it is available, you can go to the next step.

Step 2 : Get Your Hosting & Domain Name

Hosting is the place where your portfolio site’s files will be stored and
Domain Name is your website’s address.

So to get your hosting & domain name which you’ve selected,

Click ‘Get Hosting’ and it will take you to a website called ‘Bluehost’.

This is the place, where you’re going to get your hosting & domain.

Now click ‘Get Started’ & choose a plan based on your requirements.

Now fill the required details and make the payment.

So now you’ve got your hosting & domain.

Step 3 : Create Account on Bluehost

To create an account, click ‘Create your account’.

Now enter a password for your account & click ‘Create Account’.

Now you can login to your account using your domain name & password.

Step 4 : Install WordPress

Once you’ve logged in, to install WordPress just click ‘Skip this step’.

And WordPress will be installed.

Now before you launch your site, confirm your email address associated with the bluehost account.

Now to launch your site,

Go to Bluehost ► Login to WordPress ► Launch your site
And now your website is live on the internet.

===== Part 2 : Create Your Portfolio Site =====

Step 1 : Install a theme on your website

To install a theme,

Go to WordPress Dashboard ► Appearance ► Themes ► Add New

Now Search for ‘Arrival Me’ and click ‘Install’ & ‘Activate’.

Once you’ve installed the theme, go to the next step.

Step 2 : Import a design

To import a design,

Go to WordPress Dashboard ► Appearance ► Arrival Setup ► Import Demo

Now to import design, You need to install ‘Demo importer’

So click ‘Install & Activate’.

Now you can select any design you want and click ‘Import’.

Now install the required plugins and click ‘Go to the next step’.

And then click ‘Install this Demo’.

Now you’ve successfully imported a design to your website.

Step 3 : Edit content of your site

So to edit your content, click ‘Edit with Elementor’.

You’ll then go to an editing section.

Now you can edit any content on that page like changing the text, image or adding your own content.

This process works throughout the website.

Once you’re done with the changes, click ‘Update’ to save it.

Step 4 : Edit Menu Section & Footer Area

To edit the menu section, go to ‘Customize’.

Now click ‘Edit Menu’ and you can add or remove menu items.

You can also change the logo & edit footer area from ‘Customize’.

Once you’re done with the changes, click ‘Publish’.

So that’s it, guys,

This is how you can create your own portfolio site.

📢 The Tools we use:

Get the best tools for your website ➜

Video Gear We Use ➜

Our Video Editing Tool ➜

Watch/Read More
Website Design

Typographic Visual Hierarchy in UI Design (4 Examples) [Video] - Become a frontend developer (50% off limited time!)-- Want to learn UI/UX?​​​​​​​​​-- Today, we're going to take an example-based approach to learning and applying the concept of visual hierarchy to typography. We'll look at 4 common typographic-based layouts that you find on websites and web apps, and structure the type so that there's a solid balance based on the type that's most important. 0:00 - Introduction0:58 - An Awesome Offer1:33 - Example 15:29 - Example 211:13 - Example 312:34 - Example 415:22 - Final thoughtsLet's get started!#typography #ui #ux- - - - - - - - - - - - - - - - - - - - - -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: FB:'s Twitter: my Discord!^-Chat with me and others- - - - - - - - - - - - - - - - - - - - - -Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn,, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website to my discord server or add me on social media and say Hi!

Website Design

Full Workshop: Content Strategy & Information Architecture [Video]

This week we released our new course Web Design: Becoming a Professional, and today I want to give you a taste of the quality and depth we go into in the course.So I’m giving you access to a full hour of video on the topic of Content strategy & Information architecture.... and this is just the tip of the iceberg as we have so much more than video content inside the course:- Exercises and practice files- 2 Course projects- Coaches to review your work- Live events- Resources and tools- Monthly challenges- And more!Are you ready to transform your whole career? Join us here: Timelapse:00:00 Introduction: Content Strategy01:19 Content Strategy vs. Information Architecture01:45 What is content strategy02:00 Information architecture02:17 How we do it02:40 First step: Do your prep03:38 Second step: Brainstorm and discuss content, tone, SEO04:33 Third step: Sort and group to pages06:28 Fourth step: How to structure the content08:27 The web structure tool: Site Map09:08 The web structure: The non-fancy way 10:15 Sitemap labeling matter10:40 Types of structure13:16 One page vs multi-page17:20 Common web components17:36 Homepage: purpose and structure20:48 Navigation: purpose and best practices25:00 Global vs Local Navigation27:00 Using breadcrumbs28:00 Do you need a search function?29:10 Hero section 31:40 Testimonials34:00 The logo bar36:00 Pricing table38:20 Product page40:30 Checkout page44:20 Forms45:00 Contact page46:58 Footer48:48 Content development process49:10 Do the heavy lifting for them50:10 Ask for approval50:30 Copywriting tips53:40 Proofread55:07 How I do a site map59:00 Summary-Find me on other social media platforms:Instagram: & Book Recommendations: #freelancer #webdevelopment #business #entrepreneur Thanks for watching the video [Insert Video Title Here]