Upload Multiple Images into WordPress

Upload Multiple Images Into WordPress

Get a copy of the transcript of this guide (pdf)

upload-multiple-images-into-wordpress

Go to Media Library then Add New

Uploading multiple images is great if you’ve got a whole lot of images that you need to add in a hurry. Let’s try to add multiple images at once. To do that, go to your Media Library then click om Add New.

Add multiple images by dragging and dropping of images

There are two ways to add multiple images all at once in our media library. First, in your file browser, select all the images that you want to upload. Highlighted files mean that these are the selected files. Once done, drag those images to your WordPress Media Library. Don’t drop it yet, wait for the screen to turn into blue, it will say “Drop files to upload”, then drop the images.

Images are currently uploading

You have successfully uploaded many images all at once. The second way to upload many images at once is to go to your Upload Files tab.

Click on Select Files

Inside the Upload Files tab, click on Select Files. After clicking, your file explorer will pop-up.

Select all the files that you want to upload

Select all the files that you want to upload. Selected files are indicated in blue highlight. Once done, click Open. These are the ways that you can upload many images all at once in WordPress.

Dropdown Menu Configuration

Drop Down Menu Configuration

Get a copy of the transcript of this guide (pdf)

drop-down-menu-configuration

Subpages of a parent page

drop-down-menu-configuration-1

As you can see in the image above, we’ve got these service pages. There’s three of them and they’re subpages of Services.

Let’s go to our website and check the menus of our homepage. To do that, click the menu with the house icon at the top-left part of your dashboard.

Front-end view of our homepage

drop-down-menu-configuration-2

As you can see, we haven’t actually gotten the service pages to the menu yet. So, let’s add them. To add them, let’s go back to our dashboard, and to do that, click on the clock icon.

Menus under Appearance menu

drop-down-menu-configuration-3

To edit the menus of your website, let’s go to Menus under Appearance menu.

Add pages to the menu

drop-down-menu-configuration-4

Now, you can see that we’ve got our Services page here and it’s given us this little hierarchy so that we will know that these three pages are belonging to the Services page. They’re called the child pages. Let’s all add them to the menu. To add, select the pages that you want to be added to the menu then click Add Menu.

Selected pages already added to the menu

Now, as you can see, they’re lined up vertically in a straight line. Let’s try to save this. To save, click Save Menu. Let’s go back to our homepage to check the menus that we recently added. To go back, click on the house icon at the top-left part of the dashboard.

After we added the pages to our menu

drop-down-menu-configuration-6

The pages we added to the menu are all strung out on the top level of the menu. But what we really wanted to do is for 1, 2, and 3 to be a dropdown under Services. Let’s go back again to our Menus page.

Add these pages to Services page

drop-down-menu-configuration-7

The trick here is to drag up the page that you want then indent it from the parent page. You can see in the image above how I move the page to the parent page. After you have already placed the pages under the parent page, click Save Menu. This will commit the changes in the database. Let’s go back again to our homepage to check our changes.

We’ve got our drop down menu

drop-down-menu-configuration-8

Now, as you can see, we’ve got ourselves a drop-down menu on Services. So those three pages are now under the Service menu.

Upload Files to the Media Library

Upload files to the media library

Get a copy of the transcript of this guide (pdf)

upload-files-to-the-media-library

Add files to media Library

To add files in WordPress, we need to head over to the media library. To go to media Library and upload a file, click Add New under Media menu.

Ways to upload a file

After clicking Add New, we are now on the Upload New Media page. There are two ways on uploading a file. You can drag and drop the file directly from your computer to WordPress media library or you can click Select Files and a file directory will pop-up then you can select the desired files that you want to upload.

Ways to upload a file: Select Files

As what I’ve said earlier, a file directory pop-up will appear if you click Select Files to upload a file to your media library. In this case, I’ve got a PDF and I’m going to grab a stock photo and we’re going to upload both of those. If you are done selecting the files that you need to upload, click Open.

Uploading in progress

Once you click Open, you will now see the files being uploaded. On the image above, the second file is currently in progress for uploading.

Questions: Why would we want to upload something directly to the media library?

Well, the most usual case for this is when you want to get the link of the URL of the file. So, with an image, you’ll usually be uploading that in the page or the post where you’re doing the editing. However, if you wanted to link a text or picture to a PDF, you need to know the URL of the PDF.

So, once we’ve uploaded the file, click on the Edit to get the URL of the file.

Get the URL of the file

This is now the attachment page. Let’s not worry too much about what this is all about. What we’re looking for here it’s the URL of the file. To get the URL of the file, it is located on the right side of the page where it says File URL. Copy the whole link inside the box. You have now the URL of the file. You can already use it to link text or pictures to your file.

Repository of your uploaded files

Head over to the media library to check the files you uploaded. Once done, you can now see the files that you have uploaded.

Dashboard Sidebar Menu

Dashboard Sidebar Menu

Get a copy of the transcript of this guide (pdf)

wordpress-dashboard-sidebar-menu

WordPress dashboard menus

On the left side of your WordPress back-end dashboard, you can see the important menus. Let’s see what are inside these menus.

Posts

This is where you do your blog posts, normally. Under the Post menu are:

  • All Posts
  • Add New
  • Categories
  • Tags

Media

This is where the media library is. This is where you can upload your files like images, audios, and etc. Under Media menu are:

  • Media Library
  • Add New

Forms

This is where to place your gravity form section. Under Forms menu are:

  • Forms
  • New Form

Pages

This is where we put the pages of the website. Under Pages menu are:

  • All Pages
  • Add Now

Appearance

This is where you can modify the look-and-feel of your website. Under Appearances menu are:

  • Themes
  • Customize
  • Widgets
  • Menus
  • Header
  • Background
  • Editor

Plugins

This is where you can set your plugins. Under Plugins menu are:

  • Installed Plugins
  • Add New
  • Editor

Users

This is where you can manage your users. You can add, edit, or remove a user. Under Users menu are:

  • All Users
  • Add New
  • Your Profile

Settings

This is where you can set your overall settings of your website. Under Settings menu are:

  • General
  • Writing
  • Reading
  • Media
  • Permalinks
  • Mailgun
  • Others (plugin settings)

Group Pages Under One Parent Page

Group Pages Under One Parent Page

Get a copy of the transcript of this guide (pdf)

group-pages-under-one-parent-page

Let’s make a page under a parent page

Sometimes, in a website, you’ll have a hierarchy of pages.

What we’ve got here is a Service page and I want to make this a child page to the overall services page. On the right side of the page, you can see and modify the page’s attributes. To make it a subpage of the parent page Services, under Page Attributes, you will see a Parent property.

Under parent property, select Services.

Publish the page

After selecting Services as a parent page, click Publish. This is important from a search engine perspective because this now logically puts this page as a page under Services.

We also make it much easier to manage our pages when we got a lot of pages because if you have them grouped in the sort of sections like services or products, it is much easier when you come back and find that page in the dashboard.

Go to All Pages

If we want to check the output of what we did, let’s go to All Pages under Pages menu. Alternatively, you can also click directly the Pages menu.

Services 1 now a subpage of Services page

You’ll see that the Service 1 page is now indented from the Services page. It means that it’s already a subpage of Services.

Open a Page for Editing

Open a Page for Editing

Get a copy of the transcript of this guide (pdf)

open-a-page-for-editing

 Login as administrator then click edit page from the top toolbar

Let’s edit a page!

If we’re on the page we want to edit and we’re logged in as administrator, we can click Edit Page.

You will now be on the backend editor view

After clicking the Edit Page, it will take us to the back-end view. In the image above, we can now see the page editing area. We’ve also got our visual composer editor here because this is a page which is set up in the visual composer.

To go back to the page we were on before, click on the permalink.

Or click Edit with Visual Composer

We can also see Edit with Visual Composer. So let’s click Edit with Visual Composer.

Now you are on the frontend editor

The Edit with Visual Composer is the front-end editor.

So, we still got all the features of visual composer but we can see our changes more real-time as we do them. If we’re finished, we can press update then close it. The update and close button can be seen at the top-right corner of the editor.

Or from the dashboard click pages

The other way you can get to edit a page, assuming that you were already in your dashboard, the back-end view of your website, is to go to Pages.

Click the name of page you want to edit

After clicking Pages, or if you’re already in Pages, we can see the list of pages we’ve already created. To edit the page we want, click on the title of the specific page or you can also click the Edit link below the title.

Dashboard Top Menu Admin Toolbar

Dashboard Top Menu Admin Toolbar

Get a copy of the transcript of this guide (pdf)

admin-toolbar-from-front-end-view

Click on the menu with home icon and your website’s name (backend)

Let’s have a look at the top menu bar on the WordPress interface. The very first thing that’s actually useful up here is the little house icon with the name of your website next to that.

Click on the menu with home icon and your website’s name (frontend)

If you click on that, it’ll take you to your homepage and it also changes the submenus. If you’ll click on the house icon again, it’ll take us back to the dashboard. Fantastic!

Hover your mouse over the New menu

Now, the other useful thing when you’re in the admin is the New menu. This menu lets you create new:

  • Post
  • Media
  • Page
  • Slide
  • User
  • Form

The options you have here will depend on what plugins are installed whether you have your custom post types or maybe WooCommerce or things like that. Basically, the New menu gives you a way of creating some content without having to go through the side menu.

Click on the menu with your name on it

Over to the upper right side, you’ll see it says “G’day” and whatever your username is. From here, you can choose to log out or you can edit the profile you have within the WordPress.

Create a New Page

Create a New Page

Get a copy of the transcript of this guide (pdf)

create-a-new-page

Let’s add a new page by clicking on the Add submenu under the Pages menu

Let’s add a new page. To add a new page, hover your mouse to the Pages menu and a submenu will appear. Click on Add New and a standard WordPress page editor will be seen.

The Add New Page

Right now, we’re in the normal, single column editor that comes with every WordPress website.

Name the page Contact

Let’s going to name our page Contact. If we’d like, we can use it just like a normal WordPress mode. We can put in some text, just like in the image above, and we can carry on and filling it just like normal.

Click on the Visual Composer’s backend editor

But what we’re really here is to use the backend editor. To proceed with the backend editor, click on the blue colored button with Backend Editor text on it below the permalink.

A guide will help you through the process

This is the visual composer controls. A guide will also help you through the process to help on how to use the visual composer.

Add a text block by clicking on Add Text Block

The most useful thing we can probably do right now is to add a text block. To add a text block, click on the green colored button with Add Text Block text on it.

Text block added

After clicking the button, this will give us a box with a default template that we can edit.

As you can see in the image above, we’ve got a text editor and we can also add some more columns and a few other things that would be quite useful.

Click on the permalink to preview the changes

Once finished, click on the blue colored button with Publish text on it to publish the page. To check your page, click on the permalink to visit your newly created page.

Admin Toolbar from Frontend View

Admin Toolbar from Front-End View

Get a copy of the transcript of this guide (pdf)

admin-toolbar-from-front-end-view

WordPress front-end view

Now, we’re logged-in as an administrator to our WordPress website. If we go back to the homepage, there’s an extra menu bar at the top of the screen.

Hover your mouse over the menu with a home icon and your website’s name on it

The useful parts here, if we click where it says the website name, that will take us back to the dashboard. It’s a great shortcut. If we want to go to our menu system to change our drop-down menus, we can select Menus in the option.

Hover your mouse over the New menu

There are also few other sections here that are quite useful like the New link to make a new page or post and, also, we’ve got out edit links as well for changing and editing the page.

Click on the menu with your name on it

Also, on the right, you’ve got your user thing. So if you want to logout, you can do it from here too.

Add a Page to the Main Menu

Add a Page to the Main Menu

Get a copy of the transcript of this guide (pdf)

add-a-page-to-the-main-menu

How to add a page to the menu?

When you create a new page, it does not necessarily add to the menu. The following are the steps on how to add a page to the menu:

Go to Menus page

First, hover your mouse on the drop-down menu and choose Menus.

Alternative way to go to the Menus Page

If you were already in the dashboard, you can hover your mouse to Appearance then Menus.

Select the page and click on Add in Menu

Second, click View all to show all the pages you created. Afterward, select at least one page you desired to be added to your menu then click ‘Add to Menu’ button.

Set the structure of your menus

It will then be added to the menu structure. In the last step, we selected our ‘Contact’ page. So now, our ‘Contact’ page is already in the Menu Structure below the ‘Home’ page.

You can reorder the menus by dragging them up or down. If you’re already satisfied with the ordering of your menus, click the blue colored ‘Save Menu’ button. Both buttons work fine.

Output

To check if my menus were already added, I’ll go back to my homepage. As you can see in the image above, the ‘Contact’ menu already appeared.

The important thing to remember, adding a page does not automatically add the page to the menu. Once you’ve created your page, you have to add it yourself to the menus.