Help with WordPress

Images

What We’ll Learn

  • Adding new images
  • Image settings
  • Getting the size just right

Adding new images

To add a new image, look for your editing pane on the left of the screen, then find the ‘Image’ element. You can click and drag to add this element to your page.  If you can’t find it, make sure you’re in the element window.

Image Settings

Once you’ve added your image, you’ll notice a few different settings:

  • Image size: Adjusts the resolution of the image. Trying using the lowest resolution you can get away with- it will keep the file size small.
  • Alignment: Aligns the image either left, center, or right.
  • Caption: Adds a caption beneath your image. To insert a line break, type “<br>”.
  • Link: Determines what happens when the image is clicked. This can be a lightbox (image opoup) or a custom link.
Image Size: Large
Image Size: Medium

I have a lightbox!

I have a link!

Image Styling

Styling your image can help to give it more pop.

  • Width: Use this to set the width of your image. This is the best way to size your image properly. By default this is in pixels. You can also use percent (i.e. 50% width) or VW if you’re more advanced.
  • Max Width: Sets the Max Width. This is a bit harder to work with than Width, though you can get similar results.
  • Height: Sets the image height. Just as with Max Width, using the normal Width slider is the preferred way of sizing your image.
  • Normal and Hover effects This can be a great way to make your images pop and animate them a little. “Normal” refers to an image’s default state, while “Hover” is when someone puts their mouse or finger over the image. These effects don’t work too well on mobile devices.
    • Opacity: Sets how transparent your image is.
    • CSS Filters: A fun little toolbox of different filters to put on your images.
    • Transition Duration: Changes the amount of time a hover effect will play for. Applies to opacity and CSS filters.
    • Hover Animation: Plays a pre-made animation when someone hovers over your image.
Normal: Opacity=0.7
Hover: Opacity=1.0
Transition Duration=0.5
Hover Animation: Bounce Out
Border Width=5
Border Radius=3
Normal: CSS Filters >> Blur=3
Hover: CSS Filters >> Blur=0
Transition Duration=0.3
Border Radius=25

Adding and Modifying Users

What We’ll Learn

  • Adding new users
  • User roles
  • Modifying existing users

Adding a New User

Adding a new user is a very simple process. The first step is to head over to Users >> Add New. From here, you’ll need to add a username, email, first and last name, and lastly a password. Be aware that, once created, usernames cannot be changed. To set a password, you can click “Show Password” and choose to either use a randomly generated one or create your own. If you’re password isn’t considered secure (its length is too short/no numbers or special characters), you’ll need to click the “Confirm use of weak password” option to be able to use it. Now that you’re password’s been created, the last step is to choose a user role. This is discussed more below.

User Roles

There are several roles that a user can have, ranging from admin to subscriber. The following descriptions, adapted from WordPress.org, should help you decide which one you need:

  • Administrator – somebody who can download plugins, edit posts and pages, use the theme customizer, and edit and remove users. By default, admins can delete each other’s accounts without warning.
  • Editor– somebody who can publish and manage posts including the posts of other users.
  • Author – somebody who can publish and manage their own posts.
  • Contributor – somebody who can write and manage their own posts but cannot publish them.
  • Subscriber – somebody who can only manage their profile.

Modifying Existing Users

If you’re looking to edit your own profile, that can be found under Users >> Your Profile. To edit other users, go to Users >> All Users. Here, you can place your mouse over someone’s username and see the Edit, Delete, and View options. Edit is what we’re looking for. This lets you change a user’s full name, nickname, contact information, password (click Generate Password and then replace it), and much more.

WordPress Plugins

What We’ll Learn

Plugins are an essential part of WordPress, since they add extra functionality to your site without the need to write code. With over 15,000 currently available, most of which are free to download, you can find plugins for just about anything. In this article, we’ll be going over when you would want to use plugins, how to install them, and the different kinds you can get. 


When You’ll Need Plugins

Although Elementor has a treasure trove of features and elements to use, it unfortunately can’t do everything. Let’s say you want to have a subscription feature, where people can pay to view content on your site. Or maybe you want to have a job board system, like on Upwork or Fiverr. On its own, Elementor doesn’t offer this kind of functionality. But there are many plugins available for both of these examples. When considering if you need a plugin, the general rule is to see if Elementor can do something already; if it can’t, or if it doesn’t do it very well, then it may be time to use a plugin.

Downloading Plugins

When managing your plugins, it’s a good idea to have as few as possible, since downloading too many can slow down your site. To download new plugins, you need to head to Plugins >> Add New, where you’ll immediately be greeted with a grid of recommended plugins. To search for something specific, you can use the search bar in the top right of the page. You can also add plugins downloaded from third-party sites, by using the Upload Plugin button in the top left and uploading a .zip file.

Recommended Plugins to Use

With over 50,000 plugins to choose from, it can be difficult to decide on just one. To make things a little easier, we’ve compiled a list of high-quality plugins, spanning any feature you may want. If you need a feature that isn’t listed here, you can always use the search function from the Plugins page.

  • RankMath – great SEO plugin that integrates well with Elementor
  • Site Kit – connects  Google web tools and analytics
  • Limit Login Attempts – limits login attempts for people trying to get into your WordPress account
  • FileBird Lite – organizes media library into folders
  • WPvivid Backup – full website backups, either scheduled or manual
  • Complianz | GDPR/CCPA Cookie Consent – creates cookie consent banner and associated legal documents
  • Modern Events Calendar Lite – create events and display them on a calendar
  • Hummingbird– the easiest way to speed up your website
  • Smush – optimizes images to help speed up your site; use with Hummingbird
  • SG Optimizer – speeds up websites hosted with SiteGround; this will be in place of W3 Total Cache
  • Paid Member Subscriptions – adds a subscription system and private content
  • WP Email Users –  mass email website users based on their role
  • WP Job Manager – creates a job board system, like Fiverr or Upwork
  • Constant Contact Forms – since Elementor Pro doesn’t offer Constant Contact integrations, you’ll have to use this for CTCT 
  • Profile Builder – creates more in-depth user profiles
  • Velvet Blues – updates URLs when moving domains
  • Auto-Renew SSL – sets up an auto-renewing SSL with Let’s Encrypt