Audio & Video in WordPress

Note: This post is from our WordPress Beginner Tutorials Series on YouTube. 

Today we are going to take a look at working with audio and video in WordPress. Coming up next!

If you want to embed video and audio into your website, you are better off uploading your videos to websites like YouTube, Vimeo and Dailymotion. Then embed the content into your WordPress website. That way, your using their resources instead of your own.  

There a couple of ways to embed video; the first is to copy and paste the url into your page or post.  Go to YouTube and find a video, then copy the URL from your browser’s address window.

From back inside your wordpress dashboard, hover your cursor over posts then click “Add new” from the flyout.  Add a title to your post, then past the URL you copied from YouTube into your editor.

WordPress will start the embedding process. When it’s through you will be able to see a preview of the video. Then toggle the post format to video from the right side panel and publish your post.  Once your post is published click “Review Changes” or “View Post” depending on which version of WordPress you are currently using.

You can see how WordPress has embedded the video into your content. WordPress has the ability to embed video from a variety of difference video sources. Go to https://codex.wordpress.org/Embeds. I will put this URL down in the comments section for you to review.

The second method for embedding videos is to do it manually.  This is an option if the first method does not work properly or if you want more control over it.  Go back to YouTube again and below the video you want to click “Share” then click the “Embed” tab. Select the options you want, then click the copy tab.

From back inside your WordPress editor create a new post and add a title. Then in the editor you want to select the “Text” tab because we are pasting code this time.  If you were not to select the “Text” tab and left it set to “Visual”. After you paste the code, it would not render properly.

WordPress Audio Gallery Playlist Logo.

For example, (paste the code with the visual tab selected, click update, then preview it). As you can see, we only see text from the code because it has not rendered properly.

Let’s go back and delete the code, then select the “Text” tab, and paste the code. Select “Publish” then view the post. As you can see the code has rendered and we see the video. The first method is the prefered way of embedding videos because you do not have to mess around with code.   

WordPress also supports audio files. If you do not have any audio files on your computer, I am going to show you how to get some. Go to bensound.com. It’s a site that has royalty free music you can download. I    added a link to it down in the comment section. https://www.bensound.com/

Once you are at Ben Sound, you can download any of the songs on the page by clicking the download tab. That will bring up a window and you will want to click the download tab again. Download 4 for 5 songs because we will need them further on down in this tutorial.

From your post, hover your cursor over “Media” on the left side panel. Then select “Add New” from the flyout. This is the same process you used for uploading images.

If you have not seen video #11 in this WordPress Beginner Tutorials series, you might want to check it out. It specifically goes over using images in WordPress.   

Once you have clicked the “Add New”, click the “Select Files” button or you can drag and drop your Audio file in the squared off area. We are going to use the “Select Files” button. Navigate through your computer until you find an audio file you want to use. In case you are unsure where you saved them, check your downloads folder.    

Once you have found your audio file you want to upload click the open button. You will see a progress bar on the right side of the page. Then click on Posts from the left navigation panel and go back to your post.

Next, place your cursor where you want the audio file in the post by left clicking. Then click the “Add Media” button.

Once you find your audio file, then click on it.  

From here, left click selecting the Audio file, then click the “Insert into Post” button down to the right. Then “Update”

`Click “Preview Changes” to view your post.  You should see a bar on the screen where you can start and stop the audio file and adjust the volume. You can also play a file by clicking on the track.  

Lets create a playlist. This will be very similar to the gallery we created from Video #11. From the top admin bar hover your cursor over “New” then select page from the dropdown to create a new page. Add a title for this page. Make sure the “Visual” tab is selected and then add some content in the editor like “This is my playlist”.

Select the “Add Media” button, “Upload files” and then “Select Files”.  Find your audio files and left click on one of them. Hold down the Ctrl key and continue to left click on the other audio files until they are all highlighted. Then click the “Open” button to upload them all.

All the audio files you selected will be indicated by the check mark in the upper right corner. Click the text link “Create Audio Playlist” Then down to the right click the “Create a New Playlist” button.

On the following page select the settings you want, and just like with image galleries, you can drag the audio files in the order you want them. When you have everything set the way you want, click the “Insert Audio Playlist” button.

Now publish and preview your changes. You now have an audio playlist.

We are now going to go over the Media Library which we have looked at a few times already. The Media Library keeps all the files you have uploaded. To access the Media Library just click on the Media Library in the left hand side navigation menu.

Up in the top left you can select list or grid view. If you switch to list view then click on “Screen Options”, you can check off which items you would like to see.  You can filter a search by media item type and date. Any media type not directly attached to a post or page will show under “Unattached”. You can also search through the media items from the search box on the top right side of the page.

Similar to post and pages, when you hover your cursor over an item other options will appear that allow you to “Edit”, “Delete Permanently” or “View” the Media.

If you want to upload Media into the Media Library click the “Add New” button at the top.  On the following page you can drag or drop your media in or click the “Select Files” button. Then navigate to the file you want to upload and click “Open” to upload it.

If you find you are having trouble using this “Multi-file Uploader” you can use the  “Browser Uploader” instead. Just click the “Browser Uploader” text link. Once you click the text link, click on “Choose File” and navigate to your media file, repeating the same process.  Make sure you click the “Upload” button once you have made your selection.

Next, we are going to upload and edit a PDF file but first we need to get a PDF. That’s unless you have one already on your computer.

I put the link to “PDF Drive” down in the comments section. https://www.pdfdrive.com/ Once you click the link and are at the site, click the title of any of the books that are listed on the page.  Then on the following page click the “Download” button. You will have to wait a few moments for the “Go to PDF” button to appear.  Click on that and it will start downloading a PDF version of the book onto your computer.

Back inside your WordPress Dashboard, click on “Media” from the left side menu. Once you are in the Media Library click the “Add New” button at the top. From here, navigate and upload the PDF you just downloaded.  

Once the PDF has completely uploaded you will see a text link on the right side with “Edit”. Click on it. The following screen will give you the option to edit the Title, Caption, and Description for this PDF.  Fill in whatever details you want, then click the “Update” button.The caption is for a text link that links to the PDF.

Embed WordPress Videos Logo

To see what the PDF looks like on a page or post. Click the “View Attachment Page” link from the Admin menu.  As you can we have the title, the text link that links to the PDF, and then the description. If you click the link, it opens up the PDF like the following.

Click the back button in your browser, then click “Edit Media” from the admin toolbar.

Click “Media” again on the left hand side to go back into the Media Library. This time we are going to edit an image. When editing images from the Media Library, it allows you to make minor adjustments in the image editor.

Select an image by clicking on it. Here we can edit the meta data for this image. Then down on the left hand side you will see a “Edit Image” button.  Once you click on it, you will see that this screen looks familiar from video #11.

Just like before, we can crop, rotate or flip an image. We can also redo or undo any changes that we have made. If you want to scale the image just enter a number in either of the boxes then click the “Scale” button.   Wordpress will automatically scale down the other value for you.

You can also specify the Crop Selection Aspect Ratio by holding down the “Shift key” while dragging your cursor over the image. Once you have selected the section you want, you can choose what sizes these changes will apply too. You have the choice of “All Image Sizes”, “Thumbnails”, and “All Sizes except thumbnail”. Click on the crop icon in the corner to finish the edit. Then click the “Save” button to apply the changes.

Once you are done making your changes to the image and meta data, click the “Update” button to make them stick.

If you decide you do not want to make the changes to the image you can restore it to its original state.  To do this, go back into the image editor by clicking the “Edit Image” button.

In the “Image Editor” you will now see a drop-down with “Restore Original Image” Click it to restore the image. Do not forget to click “Update” once you have restored the image.

Note: This post is from our WordPress Beginner Tutorials Series on YouTube.

Thanks for Reading – Have a Great Day!

Drew & the WebStop.net Crew

Continue Reading

Images in WordPress

Note: This post is from our WordPress Beginner Tutorials Series on YouTube. 

Today we are going to go over images in WordPress.  We have already worked with them a little in past videos but now we are going to get more in depth.

If you have been following along in this WordPress Beginner tutorials Series I had you copy some Lorum Ipsum text to use in our pages and posts. I put the link to Mashables post on “Unique Lorem Ipsum Generators” again down in the comment section below.  

Go to anyone of the Generators and grab about 6 paragraphs. You will need some images as well. The easiest way is like we did before, just Google anything you want. If this is your first time watching these videos I will walk you through uploading images from Google.

As an example, I searched for cats. Then click on the images tab in Google. From here, right click on the image you want and then click “Save Image As”. Save the images to your desktop. Repeat this process to get 4 more images saved on your desktop.

Login into your WordPress Dashboard. From the left side panel click “Media” then the “Add New” button at the top of the page. You can use the “Select Files” button to upload the images. But the easiest way is to drag and drop the images into the square area on the page from your desktop.

Once you have uploaded the images, hover your cursor over “Pages” on the left panel then click “Add New” from the flyout.

Add a title for this Page. I am going to call mine “Services”. Then I need you to paste in those 6 paragraphs that you copied from one of the Lorem Ipsum Generators.

Take your cursor and click into the first paragraph about 4 or 5 words, then hit enter on your keypad, making a space. Highlight the text you just seperated from the paragraph. We are going to make it an H2, bold it and then center it.

Now take your cursor and place it at the end of the first paragraph and left click once. Then click the “Add Media” button.

This will of course look familiar if you have been following along in this WordPress Beginner Tutorials Series. This is your Media Library where we can upload images or use images already in the library. We also have the option of creating a gallery, setting a Featured Image and inserting an image using a URL.  

Again, to upload an image, make sure you are in the “Upload Files” tab then click the “Select Files” to navigate your computer, for an image to upload. You can also drag and drop your images into this area as well.  

Select an image from your computer by left clicking, then click the “Open” button to upload it. Off to the right on the screen you will see fields where you can enter in meta data for your image.

At a minimum you want to enter in the title and alt text.  Both the Title and Alt Text are good for SEO which is short for Search Engine Optimization. For the Title I am going to enter in cats. The purpose of the Alt Text is to describe the image so that search engines and screen readers can understand what the image is.

The Caption will show up on the page just below your image. We are going to leave that ‘as is’ along with the Description.

We will leave the “alignment” at none but we have the choice of floating our image to the left, right or center. That is something I think you are better off doing from the actual page or post.

When you upload an image, WordPress automatically creates different sizes of that image. The sizes you get to choose from will be determined by your image. The choices I have to choose from are: Thumbnail, Medium’ Large and Full Size. We are going to go with Large.  Then click “Insert into Page”.

Once you have inserted your image, hover your cursor over it. That will bring up a row of options. You can align your picture left, right or center. If you click the pencil icon, it will bring up the image properties. You can edit the “Caption”, “Alt Text”, and set the Image left, right, center or none. You can also set the “Image Size” and “Link To” properties. You can choose the “Edit Original” image or “Replace” it with a new one.

If you choose to “Replace” the image, it will give you the option to get an image from the Media Library or you can upload one. Clicking the  “Edit Original” will bring up another page.

From the left hand corner, you can flip, rotate, undo or redo changes to the image. Put your cursor on the grayed out icon in the far left hand corner. Left click and drag it to your image. If this does not work, try right clicking, then left clicking, then left clicking again to bring up the cropping image tool… Click outside the image to cancel using the tool.

You can resize the image by entering in a dimension in one of the boxes. WordPress will automatically fill in the other box with a number to keep the aspect ratio.  Then click the “Scale” button to resize your image.

If you do not like the scaled image, just click the “Restore Original Image” text, a dropdown will reveal a “Restore Image” button you can click to change it back.

WordPress logo with a ruler, pencil and marker.

When entering a aspect ration, you are able to lock the crop selection tool to that aspect ratio while holding down the shift key.

Keep in mind, WordPress suggests for best results is to try scaling the image before you crop, flip, or rotate it. Images can only be scaled down, not up.  If you have made changes to your image click “save”. To exit the image editor click ‘cancel’. Then if you are happy with your settings click “Update”

Let’s add another image. Start by clicking your cursor at the end of the fourth paragraph and hitting enter to make a space. Then click the “Add Media” button. From the “Upload Files” tab click the “Select Files” button and upload an image from your computer.

Once the image has been uploaded, fill in the metadata on the right that you want.  

Under “Attachment Display Settings” for Alignment, select right. If you remember, in a past video we aligned some images from inside the editor. You can do it from here as well. In the “Link to” dropdown menu select “Custom URL”. In the field that appears below it add “https://wordpress.org/” Now your image will link to WordPress.  Click the “Insert into page button”.

Let’s add a Gallery. Take your cursor and left click all the way down at the end of your content. Hit enter twice to make some space. Then click the “Add Media” button.

Make sure the “Media Library“ is selected then click the “Create Gallery” text link. Left click on all the images you want to include in your Gallery. Then click the “Create a New Gallery” button down to the right.  Once you do that then you can drag and move your pictures around in the order you want them.

In the right hand corner, you can choose how you want to link your gallery. I am going to choose “None”.  You can also choose how you want to display your images by the number of columns. As well as randomize the display order, and image size. I am going to select thumbnail.

When you are done click “Insert Gallery” and you can see the gallery has been inserted.  To edit the gallery, l eft click on it then click the pencil icon in the corner. That will bring you back to the gallery edit page.  

To delete any images from the gallery, click on the image then the X in the upper right hand corner of the image. To add additional images to your gallery, click the “Add to Gallery” text link in the upper right corner. You can select additional images from your media library or upload more.

To add images you uploaded to your gallery, left click on the image to select it. Then click the “Add to Gallery” button.  Add the metadata you want to add then click the “Update Gallery” button. This will take you back to your page, then click the “Update” button on the page. Click the “Preview Changes” to view those changes.  If you double click on any of the images in your gallery it will bring up the full sized view.

Check out our our WordPress Beginner Tutorials Series on YouTube. 

Thanks for reading – Have a Great Day!

Drew & The Webstop.net Crew

Continue Reading

Pages in WordPress

Note: This post is from our WordPress Beginner Tutorials Series on YouTube. 

Today we are going to go over pages.  If you have been following along with this WordPress Beginner Tutorials Series, I covered working with posts using the Classic Editor in Videos #7 and #8.

An icon showing WordPress Pages

Since the same editor is used for pages, I will not go over all the functions in this tutorial. If you have not seen those videos I suggest going back and watching them.  However, we will make some changes just to get you going with Pages.

Not only do Pages and Posts use the same editor. But the entire process for creating Pages is the same you would do for creating a Post . From the left hand side panel, hover over Pages, then on the flyout click “Add New”.

Unlike Posts, there are no Categories and Tags with Pages.

There is a panel on the right hand side called “Page Attributes”. The Page Attributes lets you set page parents and templates, along with changing the order of your pages.

We can set the Status for Pages in the “Publish Panel”, just like we do with Posts, along with Visibility, and the Publishing Settings.  The third panel showing in the page interface, by default is the “Featured Image Panel” for setting your pages “Featured Image”.` These panels are collapsible and can be moved around.

The “Screen Options” allow you to check off a box and add to the interface, such as: Page Attributes, Featured Image, Custom Fields, Discussion, Comments, Slug and Author. You can also choose the layout, and Enable the full-height editor and the distraction-free functionality setting.

Just in case you might be wondering what a slug is; Its a post or page title automatically generated by wordpress that’s added to the end of a post or page URL. However, you can change it to whatever you want it to be.

Lets create a page. Hover over Pages, then select Add New. I added a link down in the comments sections to copy and paste some dummy/filler content. Its a list of various Lorem Ipsums which is often used when needing to add content until you fill it with the real thing.

If you have been following along in this series, I already had you copy some of this text in a earlier video.

Take a few minutes and copy about 8 paragraphs and paste it in your Editor.  Alternatively, you can also use your own. Next, you are going to need to download at least 3 images. So, if you do not have any on your computer, we will download some online.

Open up your browser and do a Google search for anything you want.  Then select the “images tab” and find some images you want to use. Right click on the image, then click on ‘Save Image As” and save it to your Desktop.  Just repeat this process for the others.

Once you have pasted your content in your editor and downloaded the images to your Desktop, we need to add the name of the page in the title field. We will name this “About” for About Us.  Click the “Publish” button and then “Preview” to view the Page from the front end.

Keep in mind, the overall look and feel of your pages and posts will be determined by your Theme.  

As you can see there is not much on the page so let’s set a “Featured Image”. Click the “Edit Page” link on the toolbar above, then select the “Set Featured Image” link from the panel. From the “Upload Files” tab, click on the “Select Files” button.

Search your Desktop for an image and select it by left clicking on it, then click the “Open Button”. This will load your image into your Media Library.  Add a title and Alt text your image. Then click the “Set Featured Image” button.

At the beginning of the second paragraph, left click your cursor about 5 words in, then hit enter.  Highlight the 5 words we separated and go up to the paragraph menu and select H2. Then lets center and bold it.

Take your cursor and left click at the end of the third paragraph, then hit enter on your keypad.  Click the “Add Media” button, then select the “Upload Files” tab. Click on the “Select Files” button in the center. Navigate to your desktop and find find another image. Left click on it to select it then click the “Open” button to load it.

Once its loaded, add a title and alt text. Again, the alt text should briefly describe the image and the title is what you want to name your image. Then click the “Insert Into Page” button down on the right hand side of the page.

Left click on the image and hover your cursor over the icons that pop up. You will see the tooltips with descriptions for each one. When you see the “Align Left” icon, click on it.  This will wrap the text around the right hand side of the picture.

That’s going to wrap it up for the editor functions. Again, check out videos 7 & 8 in this WordPress for Beginners Tutorials series.  I cover about 98% of the editor functions in those videos which are virtually the same for Pages and Posts.

We are going to briefly go over “Managing Pages” on your wordpress website. From your WordPress Dashboard go to “Pages” on the left hand panel then “All Pages” on the flyout.  Again, this is going to be very similar to Managing Posts.

From the top of the page we have “All”, “Published”, “Draft”, “Pending”, and “Trash”.  If you hover your cursor over any of the Page titles

you will see ”Edit”, “Quick Edit”, “Trash” and “View”.

If you click on the “Quick Edit” it will bring up a page where you can edit the title, slug or permalink, publish date, password and can set the page to private if you want.  Other options include Parent, Order, Template, wither or not you want to allow comments or not and status.

Icon show a WordPress Page

You can edit or delete pages with the bulk actions menu.  You can also change the Author, Parent, Template, Comments and Status.

Next we are going to address the Privacy Policy Page and why WordPress added it as part of their installation.  

The European Union’s General Data Protection Regulation (GDPR) took effect on May 25, 2018. The GDPR requires companies and site owners to be transparent about how they collect, use, and share personal data. They must implement a Privacy Policy on their websites. It also gives individuals more access and choice when it comes to how their own personal data is collected, used, and shared.

Organisations that are not compliant could now face heavy fines.

As a result, WordPress implemented a Privacy Policy generator in their 4.9.6 release.

Even though the GDPR is in fact a European regulation, its requirements apply to all websites and online stores that collect, and process personal data.

WordPress will no longer save in browser cookies with your personal details like your name and email address. Users will be given a choice to whether they want to save their data in a browser cookie for convenient commenting or not.

Zip files can now be exported by website owners containing users’ personal data, which includes the data collected by WordPress and third party plugins. Personal data of individual users can now be erased as well.

In your WordPress Dashboard on the left hand side under “Settings” you will see “Privacy” click on it.

From here, you can select a page you already created and then click the “Use This Page” button or if you do not have a Privacy Policy click the “Create New Page” button and WordPress will use their Privacy Policy Generator to create a page for you. It creates a boilerplate template of a Privacy Policy Page.

At the top of this page it creates a link to a guide that is also very helpful. It provides suggested text that you could use to modify and tweak throughout the boilerplate. If you decide to use the Privacy Policy Generator make sure you read through this information thoroughly.  

After you have made the modifications to your Privacy Policy page then Publish it.

That’s it for Pages, I know a lot of this was redundant but Pages and Posts share the same editor and have the same functions.  If you are going to continue on and watch the next Video which is #11. Make sure you save your page that you created, along with the content. We will be using it in the next video.  

Check out our WordPress Beginner Tutorials Series on YouTube!

Have a Great Day!

Drew & the WebStop.net Crew

Continue Reading

Managing & Revising Posts in WordPress


Note: This post is from our WordPress Beginner Tutorials Series on YouTube. 

To manage and make changes to your Posts hover your cursor over Posts then click on All Posts. This brings us to the Posts management panel.  The “Screen Options” tab allows you to set the number of posts you want to show. You can view other information from your Posts like the Author, Categories, Tags, Comments and Date.

At the top of the page you have a running total of Posts along with how many are Published, Drafts or Pending. You can choose to view your posts by published dates or categories. Choose the options you want and then click Filter.  You can view your Posts in list format or in a more detail oriented view.

WordPress Purple Logo

If the number of posts on your website is more than the limit set in the screen options, the posts will be paginated automatically on each page.

To navigate through your posts there are arrows at the top of the page to get you from page to page. You can also use the search box to give you a more detailed search. Another option is to sort posts by title, date and comments.  

Hovering your cursor over the title will bring up the Edit, Quick Edit, Trash and View options. We have already went through the Edit option in a prior video. The Quick Edit allows you to edit the main parts of your post without having to view the entire post.  Those items are Title, Slug, and Date. There is even the option to set a password. You can add or remove tags, change categories, disable or allow pingbacks and comments. Plus, change the status of your post. Finally, you can make your post “Sticky” meaning it will always be on top.

If you want to edit things like the “Featured Image”, “Post Format” or any content, you will need to use the Edit option. As always when you go through making your changes, make sure to click the Update button.

Just check off the box next to the posts you want to edit.  From the Bulk Actions menu, select Edit, then click Apply. The meta data from all the selected posts can be changed at once. If you want to remove a Post from the Bulk Edit list, just click the X next to it.


The Bulk actions allows you to edit several posts all at the same time.

To quit the bulk editing mode, click the cancel button on the left. Then to save any of your settings you changed, make sure you click the “Update” button. You can also delete posts individually by using the trash link.  If you accidentally delete the wrong post just go into the trash and click the restore link. The “Restore” and “Delete Permanently” options can be found when hovering over the deleted post in the trash area.

You do not always have to visit the Post Management Interface to edit Posts. When viewing a full Post from the front end, you can edit your post by using the edit link just below the title.  Also from the “Edit Post” link on the Quick Access Toolbar.

The Revision Function will help you revert your posts back to a previous version. When publishing Posts and Pages that you have made revisions to, they will be saved. You are able to go back to previous versions for specific content. The Revisions Function is just like using the Ctrl + z shortcut to undo changes.

To view any revisions for a particular post, hover over posts on the left side panel, then select All Posts. From the list of posts click the title of the post you want. Once inside, you will see at the bottom of the editor a Revisions panel. Any revisions for that post will be listed there. You can also access  any revisions from the Publish Panel in the upper right hand side of the page.

If for some reason you are not seeing your revisions, just click on the “Screen Options” tab at the top of the page. Then check “off” “Revisions” from the list.

Computer with WordPress logo on the screen

For instance, if we select a post. Then, from the Publish Panel we click on the browse link next to revisions. Notice the number of revisions is listed. When viewing the revision it will be in HTML Markup giving you greater detail.  Any text highlighted in red is the original content. Text highlighted in green shows changes made to existing content or any new content that was added.

The Previous and Next buttons allow you to go through revisions of the content. You can also use the slider at the top of page to sift through the content as well.

To restore your post to an earlier revision, choose a revision you like then click the “Restore This Revision” button.  

From here, you will be taken back to the editor where you can see where your content has been restored. If you are happy with the revision make sure you click the update button to save your changes.

If you want to separately compare any two revisions check the “Compare any two revisions” box. By checking the box it enables additional information and options. The slider at the top now has two separate components that you can use to go through revisions. The information below the slider indicates which two revisions are being compared.  

Check out our WordPress Beginner Tutorials Series on YouTube!

Have a Great Day!

Drew & the WebStop.net Crew

Continue Reading

WordPress Posts & Classic Editor (Part 2)

Note: This post is from our WordPress Beginner Tutorials Series on YouTube. 

To add a new post, you can either hover your cursor over the quick access toolbar at the top where you see “New”, or hover your cursor over Post in the left side panel, then click on Add New in the flyout.

I suggest following right along with me and pausing and going back and forth as much as you need too. A great way to learn is by doing.

For the title of our Post I am going to enter in Food for Thought. You will notice how wordPress automatically picks up on it and creates a url, the permalink. If you do not like it you can change it by clicking the “edit” button at the end of the URL.

WordPress Logo

The “edit” button will turn into “ok” and make sure you click it when your done with your edit. Then click the “publish” button to the right to save your changes. Once you click the publish button it turns into “update”. Anytime you edit your Posts or Pages always make sure you are clicking the update button.   

Next, I am going to copy and paste some dummy text to use in the body of the post.

You can copy and paste a couple different ways. You can highlight the text or image by left clicking with your mouse and moving it over the area you want to copy. To paste it, click on the area you want to paste it too, then right click your mouse and select paste.  The other way is by using Ctrl + c to copy and Ctrl + v to paste. On a Mac just replace Ctrl with Command.

I left a link down in the comment section to a list from Mashable of 56 Unique Lorem Ipsum Generators. Lorem Ipsum is used to fill space like a placeholder. I prefer using something more creative than the usual generic Ipsum. So if you start reading my content it’s just a goofy spin off from the regular Lorem Ipsum text.   

Go and click on that link and copy like 15 paragraphs from whatever Ipsum you choose.Then come back here and paste it into your editor just like I did.  

Once you have copied and pasted your content, click on the preview button and a new tab will come up showing what your post currently looks like. After you have had a look, go back to your editor tab window. As you could see from the preview, your post looks pretty plain so lets add to it.

We already created an H1 tag when we created the title, so let’s create an H2. Click in the 1st paragraph a few words in, then hit enter to move the rest of the paragraph down. Highlight the words you separated and select H2 from the Paragraph dropdown.  

Before we go any further there is one shortcut that will always come in handy that you need to learn. That is Ctrl + z on a PC and Command + z on a Mac for Undo.  

Yes, there is an undo icon in the editor menu but the keyboard shortcut works better, at least it does for me.

If you do something and do not want to keep it, just undo it.  I use a lot of shortcuts and I think it could really help your workflow as well, even just knowing a few of them. For the sake this video though, I will primarily use the controls in the editor.

Getting back to our H2 tag, let’s bold it and put it in italics, and center it.

Let’s take some text from the end of the 2nd paragraph and move it down. Then highlight it and select from the Paragraph drop-down H3, then make it bold, put it in italics and center it like we did above.  

Next, let’s make the 3rd paragraph into a bulleted list. Highlight the entire paragraph and click the icon for a Bulleted List. It should add one bullet to the first sentence. Now click in front of each sentence in the paragraph and hit enter each time to add a bullet in front of each sentence.  

Highlight the 5th paragraph and click the Blockquote icon. We are also going to indent the paragraph. Click the right indent icon with the paragraph still highlighted. You might want to click the indent icon twice but do what you think looks the best. Remember, you can always undo anything by clicking Ctrl + z.

Open up another browser window and search google, say for cats. Click on the images tab at the top in google. Then select the image you want. Hover your cursor over the image you have chosen, then right click on it and select “Save Image As…” Save the image to your desktop so it’s easy to find.

Back inside your editor, go down to the 8th paragraph and click your cursor at the end of the last sentence in that paragraph. Hit enter once to make some space. Go up to the “Add Media” button and click on it. Then under the “Upload Files” tab click on the “Select Files” button in the center.

Locate your image on your desktop and left click on it once. Then click the “Open” button This will load it into your Media Library. Then down in the right hand corner you will see the button “Insert into Post”. Click on it to insert the image into your post.

Right click on the image in your post and you will see some options popup. Hover over the icons until you see the tooltip that reads “Align Right” and click on it.  It should wrap the text more around the left side of the image. Click the “Update Button” to save these changes. Click on “Preview” to view your post from the front end.

Back inside your editor, click at the end of the 10th paragraph and hit enter on your keyboard to make a space.  From the top row of your icons, the second one from the right is the “Insert Read More Tag” . Click on it, then click the “Update Button”. Just over to the right in your editor, you will see the current tab you are in now which is “Visual”, click on the “Text” tab next to it.  

What you are looking at is the back end of your text and its in the HTML markup language.

This is part of what makes websites look the way they do. It’s actually fairly easy to understand but you do not have to think about that right now. Scroll down the page and look for (less than sign, exclamation point, dash dash “more”, dash dash, greater than sign) <!–more–> – This was added to the page when you clicked the icon to add the “Insert Read More Tag”.

To view this, you need you to log out of your dashboard. To log out, go to the upper right hand corner of the page, then hover over “Howdy, your login” and you will see “Log Out” from the drop-down.

Once you are logged out go to your address bar. Starting from the far right going left, delete everything up until the forward slash after your web address. Then add the word “blog” after that forward slash and hit enter on your keypad.  

Scroll down the page and you should see a text link that reads “Continue Reading”.  This is what the “Insert Read More Tag” did. But it also removed any content below that line. If you click the “Continue Reading” link it will add all the content back below that line.

Log back into your WordPress dashboard and navigate back to your post.  Just in case you are unsure how to get back in, here is a reminder. You need to go to your WordPress Dashboard login screen. That’s your complete web address, and add a forward slash at the very end of it. Then type in “wp-admin” and hit enter on your keypad.

Once you are logged in look for “Posts” on the left hand side menu. When you hover your cursor over Posts, click on “All Posts” from the flyout.  

After you open up your post click the “Text” tab to view the HTML again. Scroll down to the (less than sign, exclamation point, dash dash “more”, dash dash, greater than sign) <!–more–> .

We know this currently adds a text link with “Continue Reading” but you can change that. Just add a space after “more” and add whatever text you want. Lets try adding “View More”. (<!–more View More→)

Make sure you click the update button. To view it, you need to log out again. In your browser’s address window delete everything after your web address, then add a forward slash and the word “blog” to the end of it and hit enter on your keypad. Scroll down again and you should see the “View More” as a link.  If you click the link it will extend your content to its full length.

WordPress Posts Gutenberg

Next, I need you to log back into your WordPress Dashboard. Then open your post back up and make sure you have the “Visual” tab selected this time.

Go to the 12th paragraph, highlight the entire paragraph and then select the Numbered List icon. You will see one number in front of the first sentence. Click your cursor in front of each sentence hitting enter on your keypad. This will produce consecutive numbers each time.  

Finally, if you want to change the color of any text, just highlight the text you want to change and click the text color icon. Don’t forget to click update button.

This tutorial should have got you a little familiar with the WordPress Classic Editor and working with a post. The more time you can spend with it the better you will get using it.

Check out our WordPress Beginner Tutorials Series on YouTube. 

To read Part 1: https://webstop.net/wordpress-posts-classic-editor-1

Have a Great Day!

Drew & The WebStop.net Crew

Continue Reading

WordPress Posts & Classic Editor (Part 1)

Note: This post is from our WordPress Beginner Tutorials Series on YouTube. 

To begin this introduction to Posts and the Classic Editor. We are first going to take a look at the differences between Pages and Posts. Posts will show up in RSS feeds and pages will not, you can use tags and categories with posts and you can’t with pages.  

WordPress is driven by two content types.

WordPress is not just for blogging despite what you may have heard before.  You can build both blogs and websites with WordPress. In fact, many applications are a combination of both. You could have a site that’s just pages or just posts if you want too.  For instance, an online magazine or news site would use more posts. Sites for businesses like a Real Estate Company, a Dentist, and a sports team would use pages.

Posts are listed in reverse chronological order, you can sort posts by categories, tags, authors and dates,  posts can generally be accessed from various parts of your site and they are time sensitive. A blog post can not be set as your homepage.

Pages are static and timeless. You would not sort pages like you do with posts. Pages use a hierarchy system and are only accessible via a link.  Pages can be used for your homepage and will not be in RSS feeds. As an example, if you were going to right about Aliens landing on earth or the Red Sox’s winning another world series you would use a post. If you wanted to list your businesses contact information and pricing you would use a page.

Next, I want you to open up a browser and add your URL into the address window. Put a forward slash at the end of it, then add on the end of it wp-admin and hit enter on your keypad.  Now make sure you bookmark this so you will have for next time.

Now I need you to login to your WordPress Dashboard.         

To create a Post go to the left hand side panel and hover your cursor over posts, then click add new from the fly out tab. You can customize this page by clicking on “Screen Options” in the upper right hand corner. It allows you to add or remove what you want to see on the screen. Like the number of columns, which panels you want to see, and custom fields.

You have your field for entering the title of your post along with the permalink right below it. Again, referring back to a previous video, a permalink is just a web address. Below the permalink is the Classic Editor where we will be creating content for the post.  

Coming up as part of this video series, we will be going over the Gutenberg Editor that will be released with WordPress 5.0. If you like the Classic Editor and you want to keep using it. You will be able to by installing the Classic editor plugin. I will have more on this coming up in a future video.   

The editor contains various formatting options and you can work in either “Visual” or “Text” mode.

The Visual mode is the WYSIWYG which stands for “What You See Is What You Get”. This makes it possible to edit Posts or Pages if you do not know HTML or CSS.  If you click the Text tab, you can use HTML and CSS with your content. The “Publish Panel” controls the status of your Posts and Pages. You can save your content as a draft to publish it later. You have Preview or publish, along with changing the visibility and publish date.

In the “Format Panel” you can choose the format your post will be published in. These options depend on what your theme has to offer. Next, the “Categories & Tags” panels give you the ability to organize your content by using Categories and Tags. The “Featured Image” panel gives you the option of adding a feature a image in your posts and pages.  All of the panels on this page can be moved or collapsed.      

At the top of the editor panel you have a row of options. If you hover your cursor over each one you get a tooltip as to what they are called, along with the keyboard shortcut for those that have them. How these work is you need to highlight the part of your text you want to edit/format and then select the option you want.

From left to right, you can set your text format to paragraph or varies headings like Bold, italics, a bulleted list, a numbered list, blockquotes, align left..center..and right.

To create a link, highlight some text or an image. Either enter in the URL you want to use and then select the the blue icon or select the gear icon which will bring up the insert/edit link form. You can search or if you wait a few moments, depending on how many pages and posts you have, they will come up in the box.  

From there, you can select the one you want.  Once you make your selection, you can choose if you want the link to open up in a new window by checking off the box. You can add a title so when anyone hovers over the link it will show a tooltip with that text. Then click the “add link’ button and your done.                

Now to remove a text link just highlight the link and click the remove link option.

The next option is the, “Insert Read More” tab. Just click in the editor where you want your text to stop. Once you update it, it will put in a “Continue Reading”  text link on the page. When clicked on, it will show the rest of your content. Keep in mind you must be logged out of your WordPress Dashboard to see the link.Plugs Plugging into WordPress

The last option will toggle another toolbar with additional formatting options.  The first one is strike through, followed by, if you want to add a line in your content to break things up a bit, you can do that. Then we have text color, and the option to set Paste in plain text mode. When copying and pasting, your contents will now be pasted as plain text until you toggle this option off.  

You can Clear all formatting, add special characters and symbols, increase or decrease indenting, undo or redo any formatting and lastly view the keyboard shortcuts. I use keyboard shortcuts all the time. You should really take a good look at these and at least try to learn at least a few. It can make your work flow go faster.  

Next, if you want a clutter free environment with less distractions try full screen mode. First, click on the “Screen Options” options tag at the top. Then check off under “Additional Settings” “Enable full-height editor and distraction-free functionality.”  You will then see a black X appearing in the upper right hand corner of your editor window. Everything along the sides and top moves off screen.  To get the screen back to its original state just move your cursor to the side or top of the page.

This post editor is the same as the page editor so once you get some practice, you will have no problem adding and editing content.  The “Publishing Panel” controls the publication settings of your post or page. You can save it as a “draft” if you are not ready to publish it.  If you want to see what it looks like you can “preview” it by clicking the preview button.

Under “status”  if you have “pending review” that means it is waiting to be reviewed and “draft” means it is still being worked on.  The “visibility” is currently how your content is being displayed. This post is set to public so everyone can see it.   If you check the box to “stick” the post, it will remain on top of your post listings. Even if you add additional posts afterwards. It will always be on top.

With “Password protected” the post is still listed publicly but to view the content you need to enter in a password.

Posts set to “Private” are only visible to Users who have Editor or Administrative roles on your site.

These posts are invisible to the general public and to Users with other role types.  Private posts will not show up in searches or RSS feeds. Posts can be scheduled to be published on any day or time you wish. You can also set the date for the past. It will still publish right away when you post it, but it will keep the past date you entered in.  

When making any changes to the “status”, “visibility” or “date” of a post. Make sure you click the “OK” button then the “Publish” button.

The “Post Format” allows you to style your posts with different looks.  Depending on which theme you are using will determine which formats you can use for styling your posts. The current formats are: standard, aside, image, video, quote, link, gallery and audio.

“Featured Images” are also known as post thumbnails. A featured image will represent the post and be the main focus.  How a featured image is displayed is determined by the theme you have installed.

To add a Featured Image go to the featured image panel and click on “Set featured image” This will bring up the media uploader. There are two tabs “Media Library” and “Upload Files”. If we had already uploaded any type of media it would show under the “Media Library” tab.  

To add any media you can drag and drop it into the upload area or click the “Select Files” button and search your computer for it.  I am going to upload an image using the “Select Files” button. Once I find my image I want to upload I will select “open” and the media will start uploading.

Once the image has uploaded you will see some fields on the right hand side of the page, below a thumbnail of the image. There is the URL of the image, the Title which will be displayed in a tooltip when a cursor is hovered over the image. You can also add a caption, alt text and a description. You want to make sure the Alt Text is added because it’s important for SEO which is short for Search Engine Optimization.  The Alt Text is a short description describing the image.

Once you are done filling out the fields click the “Set featured image” button and you are done.  

Make sure to check out our WordPress Beginner Tutorials Series on YouTube. 

To read Part 2: https://webstop.net/wordpress-posts-classic-editor-2

Have a Great Day!

Drew & the WebStop.net Crew

Continue Reading

Categories & Tags in WordPress

Categories & Tags are used to keep your content organized. 

Categories & Tags are used to keep your content organized.  Categories allow you to organize your posts into one or more topics or groups of related articles.  Making it easy for your Users to find the content they are looking for. Categories are used for the main topics on your website. Try to look at them as like a storage bin.

Note: This post is from our WordPress Beginner Tutorials Series on YouTube. 

Categories are hierarchical, they are able to have subcategories to sort out posts. Tags are used to further fine-tune categories and are broken down into specific niches.  Try to think of tags as dividers you put in those bins to better sort the contents.

Images showing WordPress tags & categories

Let’s say you are building a website about drums. You have things like drum sticks, skins/drum heads, a sizzle cymbal, tuning keys, ride cymbal, splash cymbal, cymbal stands, throne, crash cymbals, foot pedals, snare drum stand, drum rug, bass drum, toms, floor toms, snare, acrylic drum shield, and hi-hats.

You would have one category and call it “Drum Set” and put the ride cymbal, splash cymbal, crash cymbals, bass drum, sizzle cymbal, toms, china cymbals, floor toms, snare and hi-hats under it.

Then a sub category called “Accessories” and you could have drumsticks, skins/drum heads, tuning keys, cymbal stands, throne, foot pedals, acrylic drum shield, snare drum stand, drum rug.

We have several different cymbals. The different types are: ride, splash, hi-hat, crash, sizzle and china. For these we would use tags instead of creating another subcategory. The reason for not creating a subcategory is because it would only have one thing in it, because it’s so niche.

If we really wanted too, we could create another subcategory for cymbals and then list all the different cymbals as tags.  That’s really not necessary but it is all about how you want to organize everything.

There are two ways of creating categories and tags

 First, login to your WordPress Dashboard. Once you are logged in, from your dashboard hover your cursor over posts on the side panel. In the flyout you will see “All Posts”, “Add New”, “Categories” and “Tags”.  Click on “Categories”.

From the Categories panel you can add, edit or delete Categories. I already went in here and created some Categories. To create a Category enter in a name. You will see the slug field below it. A slug is the web address for the Category. You can leave it blank and WordPress will enter one in for you.  If you decide you want to add one yourself, it should only contain letters, numbers, hyphens and all in lowercase. You can also add a Category Description.  Then click the Add New Category button to add your Category.

You can even add sub categories. Just enter the name, the slug if you are  going to name it yourself. Then, in the parent directory drop-down select a category to use as the parent directory.  Click the Add New Category button. Keep in mind when you add new posts and assign them to a Subcategory they will automatically be added to its Parent Category.

To manage categories, just hover your cursor over the Category and you can edit, quick edit, delete or view it.  When clicking on “edit” it will take you to the settings page where you can edit the name, slug, parent and description.  Click the update button once you are through making your changes.

The “quick edit” will allow you to edit the name and slug without going directly to the settings page. When you are done click the “Update Category” button.

When you click the delete link, it will trigger a popup asking you if you are sure you want to permanently delete this Category. Click OK to follow through, otherwise you can cancel it.

When you click the “view” link, it will take you to the category archive page. This page will list all articles filed under this category. When viewing a category you can edit it by clicking the “Edit Category” on the quick access toolbar at the top of the page.

If we go back into Categories, you will see the Bulk Action menu, it allows you to do a mass delete. Just check off the Categories you would like to delete. Select “delete” from the bulk action drop down menu and click Apply.  

If you have a long list and need to find a category. A quick way is by using the “Search Feature” at the top right.

The second way of creating Categories and Tags is by going to the Categories and Tags panel when creating or editing a post.  In the panel you can view a list of all the categories or you can choose from a handy list of most used Categories.

Hand cupping a WordPress Logo of the "W"

To add a new Category. Make sure you have the “All Categories” tab selected then click on the text link “Add New Category”

Then enter in a name. IF this is going to be a subcategory make sure you select a Parent from the Parent Category drop down menu. Then click the “Add New Category” button.

To add new Tags, go down to the Tags Panel and start adding Tags you would like to add to your Post.  If you are entering more than one Tag at a time make, sure you separate each word with a comma. Click the Add button to add them. Your post will now be Tagged with the keywords you have entered.

Just like with Categories, clicking on a Tag will take a user to an archive page showing all posts filed under that particular tag.  The quick access bar can be used to make a quick edit of that tag if it is needed.

You can also edit tags by hovering your cursor over Post in the left hand side menu and then click on tags in the flyout.  At the top of the tag subpanel is the Tag Cloud which will show all the tags you are using and the most popular ones will be in a larger font.

Tags can be created like Categories by entering in a name, slug, and description. When you hover over a Tag it will also bring up the options to Edit, Quick Edit, Delete and View.  You can also delete multiple Tags by using the bulk action menu.

This post is from our WordPress Beginner Tutorials Series on YouTube. 

Thanks for reading!

Drew & the WebStop.net Crew

Continue Reading

WordPress Dashboard Settings

 

This post is from our WordPress Beginner Tutorials Series on YouTube.

GENERAL

You can get to the General Section by hovering your cursor over Settings and then clicking on General in the flyout.

If you watched video#2 in this WordPress Tutorials for Beginners series. The video covered installing WordPress and setting up a database. I had stated in the installation process that we could leave the title and tagline as is because we would take care of it later on. Well, now is the time I was talking about. We can set the Title and Tagline for your website. The Title would be the name of your business and your business tagline or slogan. If you do not have anything set right now, that’s okay, you can always come back to this.  

Next we have the Address URL and Site Address URL.There are a few things you can do with these, if you know what you are doing. We are going to leave them because it would be very easy to mess up your site with only a minor change done here.

The email address is the same email address you entered during the installation process. Make sure it’s valid and you have total access to it. All your WordPress related stuff is going to go to that email address.

For “Membership” you can just leave it for now if you want. Chances are if you want to add some sort of membership feature you will use a plugin. That plugin will be used instead of that. But if you want to let people make comments on your posts, it’s a good idea to make them register first. Such as, collecting their email address for a mailing list.  In that case, you would want to check off the “Membership” box.

The “New User Default Role” I would leave it to as a “Subscriber”. It limits what a User can do on your website. For instance, if you decided to check the Membership box now to allow comments on your posts. A Subscriber can only view the dashboard, edit their profile, and comment on posts. It is the most limited role. You can always change a Users role by going into their profile and changing their role to whatever you want it to be, later on.  To change a Users role, go to Users on the side panel.

You can change the language and that defaults to English.

The easiest way to set the time zone is by selecting a city. I am near Boston but they so not list that, so I could use Detroit or New York.  I will use Detroit. Next, you can select a format for how you would like the date and time to look. I think I will leave the default settings, along with what day, the week starts on.

Click “Save Changes” and you are done with the General Section.

WRITING

Next under the Settings section is “Writing” We have not defined a category yet, so for “Default Post Category” we will just leave it for now.  This will be covered in a later video when we go over Categories & Tags. Categories are used to group Posts. After you create your categories, and decide which one you will be using the most, you can come back here and set the default. The same applies for the “Default Post Format”.  

For “Post Via Email” WordPress has been saying they are going to remove this feature, so this can be left alone.  In fact, it has already been deprecated we are just waiting for its removal.

“Update Services” works like this: every time you publish or update a post, by default, WordPress notifies Pingomatic. In turn,  Pingomatic notifies several other services, letting them know that you have new content, and to come check it out. The purpose of this is to generate more traffic.  

Pingomatic is the only service listed in the box here but you can potentially list many more. There are a ton of these services out there. The more you list, the more traffic you could potentially get. However, there is a down side.  When you are editing your posts you can easily click that update button many times in a 20 minute time span. The next thing you know your site gets blacklisted because you are now labeled as a Ping Spammer.

There are a couple of ways to deal with this. The easiest way for you would be to use a plugin like WordPress Ping Optimizer.  Once it’s installed, you will have nothing to worry about.

Make sure you click “Save Changes” and you are done for the Writing Section.   

READING

There are only a few settings in the Reading Section but they are important to know. To show you how the “Front Page Displays” feature works, I went ahead and created a few pages since we already deleted the sample page.      

This feature lets us change the look of our front page also referred as the cover, index and home page. It defaults to the Posts Front Page that will show your most recent posts. We also have the option of making it a Static Front Page.  

The difference between the two is a Posts Front Page will have the traditional look of a Blog, with posts listed in reverse chronological order.

A Static Front Page is modeled after the traditional HTML page that is fixed.

The page will include content and sometimes may include posts.

In the drop down section we can select what page we want to use for the Static Front Page and the Posts Front Page. For WebStop.net I use “Home” as my Static Front Page and “Blog” as my Posts Front Page.

For the “Blog pages show at most” feature, it defaults to 10 but you can change it to whatever you want.  The more posts you have on a single page the more it can slow it down. Especially, if they are long posts that include images and video. If that is the case, you might want to only show 5 per page.

The next two features are for your built-in RSS feeds. Various RSS feeds are built into every WordPress website/blog. RSS is short for “Rich Site Summary” or “Really Simple Syndication”.

“Syndication feeds show the most recent” feature, also defaults to showing 10 articles and “For each article in a feed, show” feature, you can display the full article or part of the article with a link to see the rest of it.

Finally, we have “Search engine visibility”. The only time you would check this box is when you are creating your website. You do not want the engines crawling your website until you have everything put together and your ready. With that said, checking off that box does not guarantee that your site will not get crawled. The engines will do whatever they want too.

Make sure you click “Save Changes” and you are all set for the Reading Section.

DISCUSSION

In the Discussions Settings you can control trackbacks, pingbacks, use of avatars, email notifications, and incoming and outgoing comments.

To Start, for the first section we have the DEFAULT ARTICLE SETTINGS.  These settings can be overridden for individual articles/posts. If you have linked to other blogs from your posts and you want to try and notify them of that link, then you want to check the box for “Attempt to notify any blogs linked to from the article ”.  If you want your visitors to leave comments then check this box.

The second box “Allow link notifications from other blogs (via pingbacks and trackbacks) on new articles ” If other blogs have linked to you and you want to allow them to let you know they have linked to your site from their blogs, then check the box.

“Allow people to post comments on new articles”. If you want to allow people to post comments make sure the box for this setting is checked.

To change the settings for individual posts, go to posts, and then click the post you want to make the changes too. In our case, we only have the sample post.

Then in the upper right hand corner under “SCREEN OPTIONS” Check off the box for “Discussion”.

Now below the post you will see “Allow comments” and “Allow trackbacks and pingbacks on this page” notice the boxes are checked off by default in the DISCUSSIONS SETTINGS.  If we want to make any changes to this specific post from the default settings we can just uncheck them here under the post.

Next, in the “OTHER COMMENT SETTINGS” SECTION, for “Comment author must fill out name and email”. Check this box if you want your visitors to have to give their name and email in order to make comments on your site.  This is a good idea for building up a mailing list. I would check it.

For “Users must be registered and logged in to comment”  I would leave this unchecked. Along with “Automatically close comments on articles older than 14 days”.     

“Enable threaded (nested) comments 5 levels deep” I would check this box.

The “Break comments into pages with 50 top level comments per page, and last page displayed by default” Leave that one unchecked.

And finally “Comments should be displayed with the (change it to) newer comments at the top of the page”. Keep in mind these are my preferences but you can change them to whatever you would like.

In the “EMAIL ME WHENEVER” SECTION:

“Anyone posts a comment” and “A comment is held for moderation” are both checked by default and I would leave them that way.

“BEFORE A COMMENT APPEARS” SECTION:

For “Comment must be manually approved” and “Comment author must have a previously  approved comment” check both of these boxes as well.

Under “COMMENT MODERATION”

This will help you weed out possible Spam if the comment contains a certain number of links that you can set the threshold, and it defaults to 2 as you can see.

Or if it contains certain words or IP addresses that you can enter in the box. If you enter any, its only one IP or email per line.  Be very careful when entering in words as they might match other words as well.

This will automatically trigger that comment to be held for moderation.  No matter what you have set up in the settings above.

COMMENT BLACKLIST

It takes your spam protection another step further. Again using words, ip addresses as triggers along with names, URLs and email addresses. Whatever you enter in this box it will automatically get sent to spam and there is no moderation.   

AVATARS

You can choose to display Avatars if you want. Next to the comments of the people who left that comment.  You can also allow or disallow Avatar images based on a ratings system. Anyone who does not have an Avatar associated with their email address you can assign one.

As always, do not forget to click the “Save Changes” button if you have made any changes.

MEDIA

Getting started with the Media Section we are able to make adjustments to the max image sizes that WordPress creates every time we upload a new image to the Media Library. WordPress will also take that image and create several other images of various sizes. They are used when WordPress needs to resize your images.  For instance, if someone is viewing your website on an tablet or a mobile phone.

You will want to leave the “Crop thumbnail to exact dimensions” checked. They have three sizes that is created, the thumbnail, medium and large sizes. You can change the sizes from the default settings you see here.

Leave the box checked here so you can have anything that’s uploaded to the Media Library organized by month and year-based folders.

PERMALINKS

The final section under settings on the sidebar is Permalinks. Click on permalinks. A Permalink is just a link that links to a specific post or page.

A permalink is the URL or web address you see for any post, page or other content on your site such as images. The Permalink name refers to a “permanent link”. A permalink will include your domain name such as http://www.yourdomain.com After your domain, it will be followed by a forward slash, then possibly the name of your post, page, a category, date and so on. You could have just about anything.

As you can see there are various options and combinations to choose from. You can even customize your own. You know the old saying “less is more”, well, the same applies to Permalinks. You want your Permalinks User Friendly and Search Engine Friendly. That is why selecting Post Name below is the best option. You are now all set with Permalinks.

Make sure sure you click the “Save Changes” button.

Don’t forget to check out our WordPress Beginner Tutorials Series on YouTube. 

Thanks for stopping by and have a great day!

Drew & the WebStop.net Crew

Continue Reading

Your WordPress Dashboard

This post is from our WordPress Beginner Tutorials Series on YouTube.

Today we are going to go over the WordPress Dashboard. To login to your WordPress Dashboard, enter in your website followed by wp dash admin (http://yourwebsite.com/wp-admin) into your browser’s address window.  Remember, if you forget your password you can always click the “Lost your password” link.

Once you are logged into your WordPress Dashboard you will see an overview of your websites back-end.

The first box you may see at the top depending on when you are watching this, will feature the new Gutenberg editor that is coming with WordPress 5.0. This will become the default editor from 5.0 on.

They give you the option here of downloading the Gutenberg plugin and taking it for a test drive. If you’re not sure how compatible your current themes and plugins might be with it or your just not comfortable with it yet, that’s okay. You can install the plugin for Classic Editor and use it for as long as you want.

In upcoming posts and videos I will be going over both the Classic and Gutenberg editors. Then it will be up you to as to which one you want to use.

WordPress logo with a computer screen and Gutenberg Editor

The Welcome box below has some links to get you started if you wanted to mess around with it. You could write a blog post, add a page, view your site from the front end, manage your widgets or menus, turn comments off or on, or learn more in general about getting started. We will go over of all this and more in future videos.  This video is meant for just an overview.

The next box down is “At a Glance” where you can see your totals for Posts, Pages and Comments.  It also tells you which version of WordPress you are currently using and the Theme you have installed and activated.

The next “Activity” box gives you a little more information about your posts and comments. It shows the status of your comments and the most recent one.  You also have options, as to what type of action you would like to take on those comments.

The “Quick Draft” can be great for jotting down post ideas or anything else. When you save it, it saves as a post draft.  The “WordPress News and Events” tells you the latest on what’s happening around WordPress. These boxes can be moved around anyway you like them. They can be added or removed by using the the “Screen Options” tab at the top.

Each of these boxes are called widgets.

There are many plugins that will install dashboard widgets as part of their features. For instance, if you install a plugin for Google Analytics you will see a widget here on the dashboard from that.

On the top right hand side of the dashboard, with your cursor, highlight the “Howdy, your login”. That will bring up a drop-menu with some text links.  There is “Your Login”, “edit My Profile” and “Log Out”. Your Login and edit My Profile go to the same place. Click either one and it will take you to your profile page.

Your Profile Page contains information about you and your account, along with some personal preferences related to using WordPress. Some of those options are changing your password, turning on keyboard shortcuts, changing the color scheme of your WordPress administration screen, and turning off the WYSIWYG which is short for “What You See Is What You Get” (Visual) editor. If you want, you can even hide the Toolbar from the front end of your site. Keep in mind it cannot be disabled on the admin screens.

Images of the WordPress Dashboard & Widgets

You can choose the language you would like to use while using the  WordPress administration screen. This will not affect the language the site visitors see.

Your username can’t ever be changed. But you can use the other fields to enter in a nickname or your real name. You can also change which name to display on your posts.

It is possible to log out of other devices, like your phone or a public computer, by clicking the Log Out Everywhere Else button. All of the Required fields are indicated and the rest are optional. Your Profile information will only be displayed if your theme is set up that way.

Always remember to click the Update Profile button when you are finished. You can check out more tutorials at our YouTube Channel. 

Have a Great Day!

Drew & The WebStop.net Crew

 

 

 

 

Continue Reading

Clean & Tidy Up WordPress

There is text that reads"WordPress Maintenance & Security". The are three hands with one holding a screwdriver, another holding a wrench and the third holding a drill. They are all pointing to a WordPress logo.

This post is from our WordPress Beginner Tutorials Series on YouTube.

When you start looking around your WordPress installation your going to see that it came installed with placeholders like a sample post and comment with that sample post. The same applies for a pages and so on. All of these default placeholders should be cleaned out.  It is good to see examples, especially if you are new to WordPress. But they do take up space and clutter up your WordPress instance.

Log into your WordPress Dashboard

Just put /wp-admin or wp-login at the end of your domain. Then enter it into your browser’s address window and hit enter on your keypad.  It’s always a good idea to do a backup before making any changes to your WordPress Installation

Once you are logged in you’ll automatically come to this page. We will talk more about this page in the next video…  Let’s first check out that sample post by clicking on Posts, then All Posts. We will simply trash that sample post. Along with deleting that post we will also remove the comment associated with it.

If you wanted to delete the comment individually,  select the Comment, and under bulk actions click on “move to trash” or if you hover your cursor over the actual comment, you have these options here where you can trash it as well. We’ll just do the deletion of the sample post along with the comment.

We will do the same thing with our sample page. Click on Pages then All Pages, select the page, then “move to trash” click “Apply” and it’s gone.

Next, we will go to themes by clicking on Appearance then Themes. This is where are default themes are installed. Since we’re only going to be able to use one theme at a time, there’s no reason to have all these in here. Some people will have as much as 20 or 30 different themes installed on their site. There is nothing wrong with that but you are adding a lot extra bloat. That bloat will slow everything down, and you definitely do not want that.

I think sticking to two themes installed is the way to go.

Remember, these themes will need to be updated from time to time. The more themes you have, the more updates you will have to do. You will always need one extra theme that you can default too in case your main theme has problems. Sure, you could always download that extra theme just when you need it. But it makes it more convenient having it already in there. Using one of these WordPress default themes as your backup is ideal.They are lightweight and will not use up much space.

Let’s go ahead and delete one of these themes. If you hover your cursor over any of the themes you will see there is no delete option. Just click on a theme and you will see down to the right a button to delete the theme. Click it and now you have cleaned out your themes.  

We will do the same thing with plugins. Click Plugins on the Side Bar. You should see two plugins in here: Hello Dolly and Akismet. We will delete both of them. I have an upcoming video that will go over plugins in detail.  

The last thing we will clean out are some files from our WordPress installation.

To access those files, the easiest way is through your control. I am using Inmotion Hosting and they call it the Account Management Panel, it’s the same thing. Depending on who you have hosting your website they may call it something a little bit different.

Once you login to your account look for cPanel and click on it. This should look familiar from a prior video. Then under Files look for the File Manager and click on it. This will take you to you to your root directory which is the highest level of your files hierarchy. Then click on your root directory.

A database in the cloud being swept by a broom.

Your root directory will most likely be named something like public_html, www or just have your website address on the folder. Look for a file named license.txt. Select it by left clicking then click delete at the top.  Typically before doing anything changes like this we would do a backup first. Since we are just getting things setup that can wait for now.

There is a file called readme.html, go ahead and delete that. The next file we want is wp-config-sample.php, and delete that one as well. Then double click on the wp-admin folder. Look for for the file install-helper.php and install.php and delete both of the them. We have installed WordPress so they are not needed anymore.

Next, we are going to add some code to your wp-config.php file

Look for your wp-config.php file. Left click, then right click and select “edit” to open it up.

Copy the code I have added below:

                                      /* Delete Trash Every 3 Days */

                                          define(‘EMPTY_TRASH_DAYS’, 3);

 

                                      /* Saved Revisions in Seconds */

                                          define(‘AUTOSAVE_INTERVAL’, 120);

 

                                      /* How Many Revisions are Kept */

                                           define(‘WP_POST_REVISIONS’, 5);

I want you to carefully paste that code above the wp debug code in your  wp-config file like so. Just make sure it is above “That’s all, stop editing! Happy blogging.” Any code you may add in the future also need to be above that line.

define(‘WP_DEBUG’, false);

/* That’s all, stop editing! Happy blogging. */

That’s it, make sure you click the save button at the top. You can now close the page.

WordPress makes good use of their post revisions feature. It gives you the ability to undo changes to your posts and pages. This is done by reverting back to the previous version or an autosaved copy. This setting can be disabled or changed.  

The code autosaves in seconds. So, we have it set for 120 seconds which is two minutes. It can be set to whatever time span you want, just change the number.

/* Saved Revisions in Seconds*/

define(‘AUTOSAVE_INTERVAL’, 120);

There may be articles on your site that have several post revisions, depending on how much time you spent on them. By default, it is set for unlimited and that will quickly add bloat to your site. You can limit the number of revisions per post. We have it set for 5 which seems to be a good safe number. Again, you can change that to any number you want.

/* How many revisions are kept */

define(‘WP_POST_REVISIONS’, 5);

Finally,  the code with Empty Trash Days. This controls the number of days before WordPress permanently deletes pages, posts, comments, and attachments from the trash bin. We have it set to 3 to kept it from building up.

define( ‘EMPTY_TRASH_DAYS’, 3 ); // 3 days

There you have it, a little house cleaning with WordPress. Thanks for reading and you can check out our videos on YouTube for more tips. 

Have a Great Day!

Drew & The WebStop.net Crew

Continue Reading
  • 1
  • 2