Author - admin

41 Best Simple WordPress Themes You Should Try (2019)


Are you looking for the cleanest, simple and easy to use WordPress theme for your website?

Many WordPress themes come with tons of options making it difficult to set up and use. However, beginners look for simple and flexible themes to get started.

In this article, we have hand-picked some of the best simple WordPress themes that you can install on your website. These themes are clean, easy to use, and relatively minimalist.

Best simple WordPress themes

Starting a WordPress Site with a Simple Theme

First, you need to make sure that you start with the right platform to build your website. A self-hosted WordPress.org site gives you the freedom and flexibility to grow your website.

Next, you will need a domain name and web hosting. This is how users find your website.

We recommend using Bluehost or SiteGround. They are one of the largest hosting companies in the world and official WordPress hosting partners.

For more recommendations, see our guide on how to choose the best WordPress hosting.

Once you have signed up for hosting, the next step is to install WordPress. Follow the instructions in our how to start a WordPress blog guide, and you will be up and running in no time.

After installing WordPress, you can select a theme from our selection of simple WordPress themes.

Need help installing the theme? Follow the instructions in our step by step how to install a WordPress theme guide for beginners.

Having said that, let’s take a look at some of the best simple WordPress themes. This list contains both free and paid WordPress themes and all of them are fully mobile responsive.

1. Essence Pro

Essence Pro

Essence is built on top of the Genesis theme framework. It is a simple and clutter-free WordPress theme for health, wellness, and lifestyle niches. It comes with a widget-ready home page layout where you can just drag and drop widgets to build your homepage. It is quite easy to use and very easy to set up.

StudioPress is now a part of WP Engine, the most popular managed WordPress hosting company. You can get this theme and all 35+ other StudioPress themes if you sign up for WP Engine hosting to build your website.

Bonus: WPBeginner users also get additional 20% off. Get started with WP Engine.

2. Astra

Astra WordPress Theme

Astra is a colorful yet simple WordPress theme with multiple ready-made websites for lifestyle, fitness, food, and personal websites. It comes with multiple page layouts, several custom widgets, and unlimited color options. It is easy to set up and can be customized using the live theme customizer.

This theme is made for the page builders to quickly create pages with a simple drag and drop. Astra is optimized for speed and performance.

3. Landing

Landing

Landing is a beautiful WordPress multipurpose theme built specifically to create simple websites. It features beautiful typography, custom background, and pre-built layouts which look great on all devices and screen sizes.

It supports the Themify drag and drop builder to create pages and add features on your website. Landing has custom header templates, portfolio post type, event post type, and WooCommerce ready to create an online store.

4. Hestia

Hestia

Hestia is a free multi-purpose WordPress theme. It comes with a companion plugin that adds testimonials, services, and a homepage section to your website.

It is easy to set up using the live theme customizer. It is compatible with popular free page builder plugins and offers out of the box support for WooCommerce.

5. OceanWP

OceanWP

OceanWP is an elegant and simple WordPress theme designed specifically for blogs, magazine, restaurants, online stores, and fitness websites. It comes with multiple layouts for your blog, powerful premium extensions, several custom widgets, and multiple post formats.

It supports custom logo, navigation menus, and social buttons. It is WooCommerce ready so you can easily add an online store to your WordPress site.

6. Atmosphere

Atmosphere

Built on top of the Genesis theme framework, Atmosphere is a simple WordPress theme for business, portfolio, and personal websites.

It has an easy to set up fully-widgetized homepage, a custom landing page, and a two column layout template. Theme setup is quite straight-forward with the help of live theme customizer and does not take much time.

7. Beautiful

Beautiful

Beautiful is a simple yet stylish WordPress beauty theme by StudioPress. It comes with a widgetized homepage with four widget areas and has multiple templates for your blog, homepage, archive, and landing pages.

It is designed to beautifully showcase your featured posts. It is optimized for speed and performance and comes with a quick and straightforward setup.

8. True North

True North

True North is a flexible and simple WordPress theme with a beautiful design. It features a beautiful grid layout on the home page with a beautiful display of images. It has multiple layout choices and a built-in portfolio section.

It also supports custom background, custom header, and has several custom widgets for social media and content discovery features.

9. Magazine

Magazine

Magazine is a WordPress theme for bloggers looking for a simple design and powerful features. It includes a built-in featured content slider with multiple styles. The theme has over 42 built-in layouts to get started.

It also has several blog layouts, multiple page templates, and multiple homepage layouts. All the theme options can be set up using live theme customizer.

10. Divi

Divi

Divi is a powerful and simple WordPress theme for all kinds of websites. It can also be used as a page builder to create pages instantly. It has a distraction-free design specifically for bloggers and writers. You can create a story with visuals by the simple drag and drop builder. With Divi, you can simply click on the screen and start typing just like that.

It allows you to fully customize each element on your website, organize the content into columns and rows, responsive editing, and more. It comes with tons of pre-built content elements to make your work easier than ever.

11. Corner

Corner

Corner is a simple WordPress theme for personal websites, blogs, and portfolio websites. It has a built-in section for portfolio and it can also be used as a personal website. It supports unlimited color variations and comes with tons of customization options.

12. Beauté

Beauté

Beauté is a clean and simple WordPress theme for salon, health, spa, photography, and lifestyle websites. It integrates with the drag and drop page builders allowing you to create your own page layouts.

It comes with an appointment booking form template to allow your customers to schedule appointments with you. It has flexible customization options, unlimited colors, post content types, and an easy to use theme control panel.

13. Tusant

Tusant

Tusant is a stunningly beautiful and simple WordPress blog theme built specifically for podcasts, music streaming, and video-based sites. It is designed to help you create engaging content using images and videos.

It uses beautiful animations with multiple page layouts and custom content discovery widgets. It also has a full-width custom background image and supports audio and video sources.

14. Writee

Writee

Writee is a free WordPress theme for bloggers and writers. It features beautiful typography and an elegant layout that looks great on all devices. Inside you will find a featured content slider allowing you to showcase your most important content at the top.

15. Presence

Presence

Presence is a great choice for a simple WordPress business theme. It is packed with features to easily build any kind of business website. Particularly, it is perfect for real estate, music bands, hotel, web design, and other service providers.

It includes 10 demo websites that you can easily import and then just replace the content with your own to create your website instantly.

16. Roxima

Roxima

Roxima is a gorgeous WordPress theme for business, blogs, and portfolio websites. It ships with an easy to set up drag and drop homepage builder and custom content modules with multiple columns and layout variations for you to choose from.

17. Breakthrough

Breakthrough Pro

If you are looking for a distraction-free theme for your blog, then you will like Breakthrough. It is a simple, sleek, and modern WordPress theme for bloggers, advertisers, and marketing agencies with the main focus on beautiful typography and gorgeous image display.

It requires very little time to set up and gets out of your way so that you can create amazing content on your blog.

18. Enterprise

Enterprise

Enterprise is a simple WordPress theme for business websites. It has a built-in portfolio and services section, beautiful image galleries, and a slider for your homepage.

Among other features, it has FAQs section, pricing tables, custom background, and many flexible customization options.

19. Libretto

Libretto

If you need a beautiful free WordPress blog theme with a distraction free layout, then Libretto is an excellent option. The main feature of the theme is its unique color scheme and gorgeous typography.

Designed in the traditional classic blog layout, this theme is perfect for long-form content, photography, and personal websites.

20. Elegant

Elegant

Elegant is a WordPress blog and portfolio theme. It features a beautiful layout with the logo and navigation menu on top with a social menu. It has multiple layout options including a grid layout.

It has a built-in portfolio content type, several custom widgets, multiple color schemes, and easy to use theme options panel.

21. Coastline

Coastline

Coastline is a simple WordPress photography and portfolio theme with a beautiful column grid layout. It includes additional layout choices that you can use with several custom widgets, page templates, and sidebar navigation menu.

It has a portfolio content post type to design your portfolio. Coastline supports Jetpack to add powerful features to your website.

22. Paperbag

Paperbag

Paperbag is a simple WordPress blog theme. It ships with 20+ color and typography schemes and different layout styles. There are several custom widgets inside that you can use for social media integration and content discovery features.

It has a built-in featured content carousel for the homepage. All the theme options can be set up using live theme customizer with lots of flexible options.

23. Neve

Neve

Neve is a free and simple WordPress blog theme. It comes with a navigation menu at the top alongside the search bar. It has built-in social sharing buttons, a featured content slider, and about us section on the homepage.

This theme is easy to customize and WooCommerce ready to create a storefront.

24. Float

Float

Float is a simple and stylish WordPress blog theme with great features. Inside you will find several layout choices, a homepage slider, Google fonts integration, social share options, and parallax scrolling effects.

It has a refreshing design which is fully customizable using theme customizer. It also supports WooCommerce out of the box.

25. Mont Blanc

Mont Blanc

Mont Blanc is a multipurpose WordPress theme that is suitable for almost any kind of WordPress site. Designed to be flexible, it includes lots of customization options, multiple layouts choices, and several homepage styles.

It can be easily used for a magazine website or as a one page theme. Inside you will find portfolio section, photo galleries, and built-in sliders with several display options.

26. Maxwell

Maxwell

Maxwell is a simplistic free WordPress theme for magazines and blogs. Designed to showcase your content beautifully, Maxwell uses featured images, custom excerpts, and beautiful typography to create an engaging experience for your users.

It has a built-in featured content slider and two navigation menus. All the theme options can be easily set up using live customizer.

27. Igloo

Igloo

Looking for a simple WordPress theme for your restaurant website? Igloo is a beautiful WordPress restaurant theme with a built-in menu management system. It also has a testimonials section where you can showcase glowing reviews left by your customers and photo gallery to showcase your most popular dishes.

Igloo features a truly unique layout and offers multiple color schemes and layout choices.

28. Baskerville

Baskerville

Baskerville is another free WordPress theme with beautiful layout and some pretty neat features. It features a full-width header image and masonry layout for the homepage. It uses beautiful thumbnails for your videos, text, and other post formats.

29. Responz

Responz

Responz is a simple WordPress theme designed for news and editorial blogs. It features a 3-column layout with social media integration and beautiful typography. It has multiple color schemes, featured posts section, 2 navigation menus, ad spaces, carousel slider, and multiple sidebars.

It’s easy to set up. All theme options can be managed from the live WordPress customizer.

30. Brittany

Brittany

Brittany is a stylish WordPress blog theme with a beautiful design. The homepage features an intro section at the top followed by your most important content.

It has several layout options and templates for different pages. You will also get several custom widgets for easy social media integration and content discovery features.

31. Futurio

Futurio

If you are looking for a WordPress theme that is incredibly fast and lightweight, then Futurio is a great choice. It is unique in a way that it does not display your featured images on the front page which makes your homepage load much faster.

It is designed for bloggers and is a great choice for long form content. It supports custom logo, custom header, welcome message, and background. It comes with homepage blurbs to display featured content beautifully.

32. Peak

Peak

Peak is a modern WordPress blog theme for portfolios, photographers, and personal blogs. It includes several layouts and color schemes, a built-in slider, and a masonry style layout. It supports mega menu, and eCommerce ready to create an online store.

33. Mesmerize

Mesmerize

Mesmerize is a free WordPress theme suitable for bloggers, magazine, and photography websites. It comes with a custom header background, WooCommerce support, homepage sections, and a navigation menu on top. Theme setup is quicker and you will get a professional looking website in far less time.

34. Nozama

Nozama

Nozama is an Amazon-inspired WordPress theme with a simple and stylish look. It focuses on beautiful typography and gorgeous display of images to make your content more engaging.

It comes with a header category menu, featured categories section, multiple layout options, and infinite scroll. It is easy to set up and includes a getting started page to help you setup theme.

35. OnePress

OnePress

OnePress is a free WordPress theme with a beautiful and stylish look. The homepage layout uses a stylish Parallax effect, featured content blocks, and WooCommerce ready. It features beautiful typography and looks great on all devices.

36. Daily Dish Pro

Daily Dish Pro

Daily Dish is a WordPress blogging theme with a professional design. The most notable features of the theme are its crisp typography and beautiful display of images.

It has a widgetized homepage layout which is quick and easy to set up. It has multiple page templates, custom header, and full WooCommerce support.

37. Beatrix

Beatrix

If you are looking for a WordPress theme to sell arts and craft, then Beatrix is a great choice for that. This beautiful multi-purpose WordPress theme has full WooCommerce support and features a gorgeous homepage layout to showcase your products.

38. Ultra

Ultra

Ultra is a simple WordPress theme designed specifically to create any type of website. It features multiple built-in layouts, flexible addons, smart layout options, custom fonts, and unlimited colors.

All the layouts will have built-in sections like the portfolio, services, team members, and partners. It supports section-based scrolling, mega menus, archive layouts, and animated colors.

39. Consulting

Consulting

Consulting is a free and multipurpose WordPress theme for bloggers with three custom featured sections on the homepage. It supports parallax slider, custom colors with multiple page templates including a custom archives page.

Designed to instantly set up a professional looking blog, Consulting is quick and easy to set up and looks stunning even on smaller screens.

40. Benson

Benson

Benson is another elegant and simple WordPress blog theme photographers. It offers large, full-width, and list layouts for your photos. Inside you will find custom widgets for author bio, social media buttons, content discovery features, video slideshow, and multiple image layouts.

It supports unlimited colors, left or right sidebar, custom logo, header, and background. It is easy to set up using live theme customizer and will help you quickly get started with your blog.

41. Allegiant

Allegiant

Allegiant is a multi-purpose WordPress theme that can be adapted for eCommerce, business, magazine, or a photography website. It comes with flexible options that allow you to choose your own layout.

It includes unlimited color choices, custom widgets, Google Fonts, and full WooCommerce support. It is designed to work out of the box with minimum effort, which makes it quite easy to use.

We hope this article helped you find the best WordPress simple theme for your website. You may also want to see our ultimate step by step WordPress SEO guide for beginners.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 41 Best Simple WordPress Themes You Should Try (2019) appeared first on WPBeginner.



Source link

How to Create A Question and Answers Site in WordPress


Do you want to build an online question and answer community like StackOverflow or Quora? Question and answer websites are fun, highly engaging, and very helpful.

These websites make money from user-generated content which makes them an easy to start online business.

In this article, we will show you how to easily create a question and answers site in WordPress without any programming skills.

You can create a whole site dedicated to Q & A, a single FAQ page, or add a question and answer section to your existing WordPress site.

Making a question and answers site in WordPress

Gettings Started with Question and Answers Website

To start your own question and answers website, you will need the following items.

  • A domain name (This is your website’s address on the internet. Example, wpbeginner.com)
  • A web hosting account (This is where your website’s files are stored. All websites need web hosting).
  • Question And Answers Add-on for WordPress

A domain name costs around $14.99 / year and web hosting prices start from $7.99 per month (usually paid annually).

Now, this is not a small amount if you are just starting out.

Luckily, Bluehost has agreed to offer WPBeginner users discount on web hosting and a free domain name. Basically, you can get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Bluehost is one of the largest hosting companies in the world and an officially recommended WordPress hosting provider.

After you have purchased hosting, they will automatically install WordPress for you. You can also do it yourself, by following our complete WordPress installation tutorial.

Once you have WordPress installed, you can move on to installing a question and answers plugin. WordPress plugins are extensions that allow you to add new features to your website.

That being said, let’s take a look at how to set up questions and answers website in WordPress.

Setting up Your Question and Answers Site

The first thing you need to do is install and activate the DW Question Answers plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin creates two new pages in your WordPress site:

  • DWQA Questions – This page will display all questions.
  • DWQA Ask Question – This page contains a form where users can ask new questions.

The title and URLs of these pages contain DWQA which looks bad. Let’s change this.

Head over to Pages » All Pages and click Quick Edit link below each page.

Question and Answer pages

This will show page details for quick editing. You can remove the DWQA from page title and slug fields and then click on the ‘Update’ button to save your changes.

Change page title and slug

The next thing you need to do is to allow user registration on your website. This can be achieved by going to Settings » General page.

Scroll down to the ‘Membership’ section and check the box next to Anyone can register. Make sure that you choose Subscriber as the new user default role.

Open your site for user registration

Now that user registration is enabled, let’s configure the plugin settings.

Start by going to Questions » Settings page. Under the General tab, you can configure the basic plugin settings.

Settings page

First, you need to choose the page that will display the Ask Question form and another page that will List All Questions. You will notice that the default pages are already selected here.

If you want to display some other pages, then you need to copy and paste the shortcodes shown on the settings page to those pages.

Under the Question settings section, you can select the number of questions you want to be displayed on the questions page. You can also enable ‘Moderation’ by requiring each question to be manually approved.

The plugin also comes with built-in spam protection features. You can enable the Akismet anti-spam feature and provide the Akismet API key.

Anti-spam features

You can also use reCAPTCHA to protect your question and answer forum from automated spam bots.

Don’t forget to click on the ‘Save Changes’ button to store your settings.

Next, you need to switch to the ‘Email’ tab. From here you can upload your logo and modify the email notifications sent by the plugin.

Email notifications

After that, switch to the ‘Permissions’ tab. From here you can set up user role permissions. By default, the plugin allows administrators and editors to read, post, write and edit all questions and answers.

Set up permissions

The plugin also allows anonymous users to ask questions. You can change that from permissions settings.

Once you are satisfied with plugin settings, don’t forget to click on the ‘Save changes’ button to save your changes.

Managing Your Question Answer Site

You can view all questions added to your site by visiting DW Q&A » All Questions page. As an administrator, you can edit or delete any questions submitted by any user on your site.

You can also add Question categories since users do not have permissions to create categories. However, users can add question tags when submitting a question on your site. To understand the difference check out our guide on Categories vs Tags.

Managing questions on your website

The Front End Features of Your Q&A Site

DW Question Answers is designed to work with most WordPress themes. This is how your questions page will look:

Preview of questions page

Questions can be searched or sorted by status, categories, views, and answers. Your users post questions, submit answers, and add their own comments. Users can also follow questions by clicking on the star icon next to each question.

Single question page with answers

The user who has asked the question and the site administrator has the ability to mark a question as resolved. Users can also vote for answers, choose the best answer, and add comments to the questions and answers as well. This provides a much deeper interaction platform for your users to engage in discussions around the question topic.

Mark solution and set status to resolved

This plugin is free and performs very well during our tests. There are several Question and Answer WordPress themes out there, but those lock you into using that theme forever.

The advantage of using a plugin is that you can switch your theme without losing any data.

We hope this article helped you build your own Q&A community on your WordPress site. You may also want to see our guide on how to increase traffic on your new WordPress website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create A Question and Answers Site in WordPress appeared first on WPBeginner.



Source link

How to Use Distraction Free Full Screen Editor in WordPress


Crafting your blog posts is a creative process that requires attention to details and concentration. Many writers feel distracted by the on-screen elements of the WordPress writing interface like buttons, columns, toolbars, etc.

WordPress comes with a built-in distraction-free mode for writing. It hides unnecessary elements and gives you a fullscreen canvas to create content.

In this article, we will show you how to use the distraction-free fullscreen editor in WordPress. You will be able to switch between regular and distraction free mode without affecting your content.

Using a distraction-free fullscreen editor in WordPress

The first thing you need to do is log in to your WordPress dashboard and go to Posts » Add New to create a new post. You’ll see the post editor with the toolbar and settings columns.

WordPress Post Editor

As you can see in the screenshot above, a WordPress editor screen has the dashboard menu on the left, the document (post) settings on the right, and toolbar on the top.

While these options are important, you don’t need them all the time.

The distraction free editor allows you to hide them while writing and show them only when needed.

To enable the fullscreen mode, you need to click on the three dots icon on the top right corner of the screen. You will see the hidden options and tools including View modes, Editor options, plugin options, and more.

Simply click on the ‘Fullscreen Mode’ option.

Select Fullscreen Mode in WordPress Post Editor

It will hide the WordPress menu on the left and the top toolbar. Now your screen would look much cleaner.

WordPress Editor when Fullscreen Mode Enabled

The new WordPress editor is a block-based editor where you need to use a new block for every piece of content.

WordPress blocks

If you make a content-heavy post, then there will be several blocks visible on the screen at one time.

But what if you wanted to simplify it even further?

This is where ‘Spotlight Mode’ comes in handy. Enabling Spotlight mode will highlight the current block you are working on and dim all other blocks.

Simply click on the three dots icon on the top right corner of the screen and then select the Spotlight Mode.

Enable Spotlight Mode in WordPress Editor

Now you can add / edit content on your block without any distractions around. For example, in the screenshot below you will only see the Paragraph block in full color while others are faded out.

Spotlight Mode Enabled in WordPress Editor

There are two toolbars you will still see on the screen. The one on the top allows you to add new blocks, undo changes, and show an outline of your article.

The second toolbar is the one that appears on top of each block. Most of the times, the block toolbar overlaps with the other block just above it. This can be confusing.

To clean this up, you can move the block toolbar to the top as well. Simply click on the 3 dots icon on the top right corner and then select the ‘Top Toolbar’ option.

Top Toolbar Option in WordPress Editor

Now your block tools for every block will in a single place, on the top.

Top Toolbar Enabled in WordPress Post Editor

You can also hide the Document/Block Settings box on the left. The box includes important metadata fields like categories, tags, featured image, etc. for your post and block style settings.

But if you don’t need it, then simply click on the Settings icon to hide the Document/Block Settings box.

WordPress Editor Settings Icon

You can show it again by clicking on the same icon.

Also, you can use the keyboard shortcut Ctrl +Shift + , (Command + Shift + , for Mac) to hide or show the Document/Block settings.

Using Distraction Free Editor in Classic WordPress Editor

If you have not upgraded your website to WordPress 5.0 or a later version, then your post editor looks and works differently. It’s called the Classic Editor.

To launch the full-screen mode in the Classic Editor, you need to click on the ‘Distraction-free writing mode’ button in your post menu bar.

Distraction-free Writing Mode in Classic WordPress Editor

WordPress will now gracefully convert the post edit screen into a clutter-free full-screen editor.

Distraction-free Writing Mode Enabled in Classic Editor

The full-screen editor has a minimalist layout. It has a menu bar on top of the screen with the text formatting options.

Just like the regular post edit screen, full-screen editor is also available in both visual and text editor.

The visual editor in full screen mode allows you to make text bold or italic, create lists, add links, and insert media using the buttons. Most WordPress keyboard shortcuts will work just like they did on the default edit screen.

Fullscreen Classic WordPress Editor in Visual Mode

Switching to text editor will hide all those buttons. You will only see buttons to add links or insert media.

Fullscreen Classic WordPress Editor in Text Mode

Full screen editor does not have a Publish button or any meta boxes to choose categories and tags. After writing your post, you can exit the full screen mode to select your post options.

You can click the same ‘Distraction-free writing mode’ icon to exit the full-screen mode. Alternatively, you can use the keyboard shortcut Shift+Alt+W to enable or disable the full-screen mode in WordPress Classic editor.

In our experience, the full-screen mode allows us to write faster. Several students have told us that they use this distraction free mode in WordPress when writing research papers.

We hope this article helped you to use distraction free full screen editor in WordPress. You may also want to see our guide on how to check grammar and spelling mistakes in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Use Distraction Free Full Screen Editor in WordPress appeared first on WPBeginner.



Source link

How to Easily Create a Job Board in WordPress (NO HTML Required)


Do you want to create a job board in WordPress? Job boards allow people to find jobs and companies to post their own job listings.

With the growing trend of the gig economy, starting a job board has become a popular online business idea. You can make money by accepting payments for job listings.

In this article, we will show you how to easily create a job board in WordPress and make money from it. You can also use this tutorial to add a job board to an existing WordPress site.

Creating a job board in WordPress

Getting Started with Your Job Board Website in WordPress

You will need the following items to create a job board website with WordPress.

  • A domain name (This will be your website’s address. Example, wpbeginner.com)
  • A web hosting account (This is where all your website files will be stored)
  • A job board extension for WordPress
  • Paid job listings add-on (if you want to accept payments for job listings)

Let’s start with the domain name and web hosting account.

Domain names cost around $14.99 per year and web hosting plans start from $7.99 / month (usually paid annually).

This may sound like a lot of money if you are just starting out.

Luckily, the folks at Bluehost are offering WPBeginner users a free domain name, free SSL certifcate, and discount on hosting. Basically, you can get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Bluehost is one of the biggest hosting companies in the world and an officially recommended WordPress hosting provider.

Once you purchase hosting, Bluehost will automatically install WordPress for you. If you need instructions, then follow our guide on how to install WordPress for detailed step by step instructions.

Now that you have WordPress ready, it is time to create a job board website with WordPress.

Setting up a Job Board in WordPress

The first thing you need to do is install and activate the WP Job Manager plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you will need to create a few pages that the plugin will use to display different sections of your job board.

On each page, you just need to enter a title and then add a shortcode.

Let’s get started. The first page we’re going to create will be for jobs. Simply create a new page and enter Jobs in the title field. In the content area, you need to add a shortcode block and paste the following shortcode inside it:

[jobs]

Adding a jobs shortcode

After adding the shortcode, click on the publish button to save your changes.

Next, you will need to repeat the process to create a ‘Submit Job Listing’ page and add the following shortcode:

[submit_job_form]

Lastly, you need to create a ‘Jobs Dashboard’ page and enter the following shortcode in the content area:

[job_dashboard]

Now that you have created all the required pages, let’s move on to plugin’s settings.

Head over to Job Listings » Settings page and click on the ‘Pages’ tab.

Select job manager pages

From here, you need to select the pages you have created earlier and then click on the save changes button to store your settings.

After that, you need to review other settings on the page. Let’s start with the ‘General’ tab first.

General settings for WP Job Manager

On the general page, you can select the date format, add Google Maps API key, or delete data when you uninstall the plugin.

Note: Google Maps API key requires you to provide billing information, and you will be charged based on your usage. If you don’t want to use Google Maps API, then you can leave this option unchecked.

After that, you can switch to the ‘Job Listings’ tab. There are a number of options on this page to control the display and features available for job listings. You need to review and adjust them to your own requirements.

Job listings settings

Similarly, you can control the job listings submissions by switching to the ‘Job Submission’ tab. From here, you can control new account settings, submission moderation, edit controls, and more.

Job submission settings

To protect your website against automated spam, you need to switch to the reCaptcha tab and enable it by adding the API keys. You will find a link to generate the required API keys next to each option.

reCaptcha settings

WP Job Manager also sends notifications to site administrators and users. You can control them under the ‘Email Notifications’ tab.

Email notifications

Bonus tip: we recommend using the WP Mail SMTP plugin to fix the common WordPress not sending email issue.

Once you are done, don’t forget to click on the save changes button to store your settings.

Adding New Job Listings

Depending on your settings, logged-in users can submit jobs directly from Submit Jobs page you created earlier.

Submit job listing page

As an administrator, you can directly add jobs from the WordPress admin area.

Simply go to the Job Listings » Add New page and provide a title, description, and the job type for the job listing you are adding.

Add job listings

After entering the title, description and choosing a job type, you need to scroll down to Job Listing Data section. There you can provide more information about the job such as location, application email or URL, company information, company logo, job listing expiration date, etc.

Enter job details

After filling the job listing data, you can preview the job by clicking on the preview button.

After that you either add more details if you need to or simply click on Publish button to post the listing.

To manage existing job listings, you need to go to Job Listings » All Job Listings page in the WordPress admin area.

There you will be able to see all the job listing posted on your job board. You can click on the pencil icon to edit a job listing, see the filled jobs, and delete existing job listings.

All Jobs

Your website visitors will be able to view all job listings by visiting the jobs page you created earlier.

Job listings page

Logged in users will also be able to manage their job listings by visiting the jobs dashboard page you created earlier.

Dashboard page

Adding Paid Job Listings

You may have seen several reputable sites adding a job board to generate extra revenue from their website. If your blog has a good reputation among industry peers, then companies wouldn’t mind paying a small fee to get their job posting listed on your site.

To enable this feature, you will first need to install and activate the Simple Paid Listings plugin. For more details, see our step by step guide on how to install a WordPress plugin.

It is a paid add-on for WP Job Manager and allows you to accept payments for job listings using PayPal or Stripe.

Upon activation, you need to visit Job Listings » Settings page and switch to the ‘Paid Listings’ tab.

payment settings

On this tab, you can choose your preferred payment gateway and provide API information.

Note: You will need to enable SSL / HTTPS on your website to receive payments. See our article on how to get free SSL certificate for your site for detailed instructions.

We hope this article helped you easily create a job board in WordPress. You may also want to see our list of proven ways to make money online for more ways to generate revenue from your website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

How to Fix Image Upload Issue in WordPress (Step by Step)


Are you facing image upload issues on your WordPress website? For most beginners, image upload errors can be quite confusing because they can appear without you doing anything different.

Failure to upload images is one of the most common image issues in WordPress. Luckily, it is quite easy to fix, and you can do it yourself.

In this article, we will show you how to easily fix the image upload issue in WordPress. We will also explain what causes this issue, and how you can prevent it in the future.

Fixing image upload issues in WordPress

What Causes The Image Upload Issue in WordPress

The image upload issue in WordPress is typically caused by incorrect file permissions. Your WordPress files are stored on your web hosting server and need specific file and directory permissions to work.

Wrong file permissions prevent WordPress from reading or uploading file on the hosting server. You may get the following error when uploading image file:

‘Unable to create directory wp-content/uploads/2019/04. Is its parent directory writable by the server?’

Unable to create directory error

Another sign of this issue is that your images may disappear from the media library.

Missing images in media library

My site was working fine before? Who changed the file permissions?

This could happen due to a number of reasons. A misconfiguration on your shared hosting server can sometimes change those permissions without you doing anything.

For example, your web hosting provider ran an upgrade which unexpectedly changed file permissions.

If everything else is working fine on your website, then you can simply apply the correct file permissions to fix the image upload issue.

That being said, let’s take a look at how to set correct file permissions to fix image upload issues in WordPress.

Fixing Image Upload Issue in WordPress

You will need to use an FTP client to change file permissions.

First, connect to your website via FTP and then go to /wp-content/ folder. Inside, you’ll find the uploads folder, which is where WordPress stores all your media uploads including images.

Now right click on the uploads directory and then select File Permissions.

Opening file permissions dialog box for uploads folder

This will bring up the file permissions dialog box.

First, you will need to set file permissions for the uploads directory and all the subdirectories inside it to 744.

Change folder permissions

To do that, enter 744 in the numeric value box, and then check the box next to Recurse into subdirectories option. Now click on the ‘Apply to directories only’ radio button.

Click on the OK button to apply these changes. Your FTP client will now start applying file permissions to the directories.

Note: If setting directory permissions to 744 does not seem to solve your problem, then try 755.

In the next step, you will need to set file permissions for all the files in the uploads directory.

To do that, right click on uploads directory and select file permissions. In the file permissions dialog box, change the numeric value to 644.

Check the box next to Recurse into subdirectories. Lastly, you need to click on ‘Apply to files only’ radio button. Click on the OK button to apply these changes.

File permissions

The FTP client will now change the permissions for all files inside the uploads folder. Once it is done, you can go back to your WordPress admin area and try uploading images again.

Note: if you don’t know how to use a FTP client, then you can also use the file manager provided by your WordPress hosting company. Since the screenshots will vary from each host, you will need to talk to their support to find instructions.

We hope this article helped you fix the image upload issue in WordPress. You may also want to see our article on how to optimize image SEO to get more organic traffic to your website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Fix Image Upload Issue in WordPress (Step by Step) appeared first on WPBeginner.



Source link

21 Best WordPress Themes for Nonprofit Organizations


Are you looking for the best WordPress themes for nonprofits?

Charity and nonprofit websites require an appealing presentation with the right tools to achieve their donation goals. It can be possible with the use of a professional WordPress theme.

In this article, we will show you some of the best WordPress themes for nonprofit organizations that will help you get maximum donations.

Best WordPress themes for non-profit organizations and charities

Making a Website for a Nonprofit Organization

WordPress is the most popular website builder among nonprofits around the world. It is free and open source which gives you the freedom and flexibility you need for a solid online presence.

Just to be clear, there are two versions of WordPress. WordPress.com which is a hosted solution, and WordPress.org also known as self-hosted WordPress. See our comparison of WordPress.com vs WordPress.org for more details.

We recommend using self-hosted WordPress.org. It gives you access to all the features of WordPress right out of the box (without any restrictions).

You’ll need a domain name and WordPress hosting account to start your self hosted WordPress website.

It’s recommended to use Bluehost. They are one of the largest hosting companies in the world and an official WordPress hosting provider.

They have agreed to offer WPBeginner users discount on hosting plus free domain and SSL Certificate. You’ll need SSL to collect donations in WordPress using third-party services like Stripe.

→ Click here to claim this exclusive Bluehost Offer ←

Once you have purchased hosting, you can move on to installing WordPress. See our guide on how to make a website for step by step instructions.

That being said, let’s take a look at the best WordPress themes for nonprofits and charities that you can use on your website.

1. Astra

Astra charity theme

Astra is a lightweight and super flexible WordPress theme. It comes with multiple website layouts including a template for nonprofit and charity organizations. This theme can be integrated with popular page builders to design the pages of your website instantly.

It has layout settings, header options, unlimited colors, beautiful crisp typography, and easy customization. Astra can perform faster than other regular WordPress themes.

2. OceanWP

OceanWP charity

OceanWP is a powerful and free WordPress theme with multiple website templates. It can be used to create a nonprofits website with all the basic features. OceanWP is a fully responsive theme and has the fastest page load time.

It allows you to add a donate now button in the header alongside the navigation menu. You can also add a custom logo, social icons, image slider, and more. The theme is easy to set up and offers useful extensions to add more features to your website.

3. Outreach Pro

Outreach Pro

Outreach Pro is a beautifully designed WordPress theme for nonprofits, charities, and religious organizations. It is built on top of Genesis framework, which ensures rock solid WordPress speed and performance.

It includes page templates for archives, blog section, and a landing page template. Other features include customizable headers, theme options panel, and multiple widget-ready areas to just drag and drop items to your website.

StudioPress is now a part of WP Engine, the most popular managed WordPress hosting company. You can get this theme and all 35+ other StudioPress themes if you sign up for WP Engine hosting to build your website.

Bonus: WPBeginner users also get additional 20% off. Get started with WP Engine.

4. GiveWP

GiveWP

GiveWP is a popular WordPress donation plugin for charity and nonprofit websites. It works great with all the standard WordPress themes and makes it easier for you to collect donations. It comes with useful addons for recurring donations, tributes, fee recovery, and more.

It integrates with popular payment solutions to help you in achieving your donation goals. GiveWP has flexible options and enhancements that makes the customization easier. You can also set up donation forms on different landing pages of your website.

5. Ultra

Ultra

Ultra is an all-purpose WordPress mega theme suitable for all kind of websites including nonprofits. It ships with 9 pre-made websites, 1-click demo content installer, and visual page editor to help you create engaging websites in minutes.

It includes animated counters, progress bars, contact form, Google Maps, pricing tables, and more. It is eCommerce ready and beginner friendly.

6. Zeko

Zeko

Zeko is a wonderfully designed WordPress theme for charities and nonprofits. It features a clean and professional design with flexible options. All theme options can be easily set up using theme customizer with a live preview of your website.

Notable features include 5 page templates, blog with multi-column grid and flexible sidebars, unlimited colors, WooCommerce, BuddyPress, and bbPress support.

7. Grassroots

Grassroots

Grassroots is another excellent WordPress theme for nonprofits and fundraising websites. It features fullscreen video backgrounds on the homepage allowing you to create highly engaging landing pages.

For fundraising and donations, the theme supports WooCommerce, contact form, and donation plugins. Other than that, it includes featured content, staff and sponsors sections, custom logo upload, and multiple colors.

8. Divi

Divi

Divi is a powerful WordPress theme that can be used to build any kind of website easily. It comes with multiple pre-built website layouts and demos. You can simply use a demo website and make changes with the Divi builder to create your nonprofit website.

It includes hundreds of elements and modules to add amazing features on your site. The drag and drop builder makes it super simple for you to use these elements anywhere on the layout.

Divi theme offers real-time design, responsive editing, click and type feature, and more. It allows you to customize everything and organize your content to fit properly in the rows and columns. It’s quite flexible and easy to set up.

9. Maisha

Maisha

Maisha is a clean and modern WordPress nonprofit theme for NGOs, welfare, and charities. It features a modern homepage with multiple slider styles, headers, and layout settings. It also includes 15 page templates, blog section, and powerful options with live theme customizer.

It supports WooCommerce, WPML, and it is fully translation-ready. It ships with a slider plugin to create a responsive WordPress slider.

10. Foundation

Foundation

Foundation is another excellent WordPress nonprofit theme. Designed to raise funds and engage audiences, it features a prominent welcome message followed by two call to actions both located above the fold on the homepage.

It includes social media integration, custom logo upload, sponsors section, and easy templates to integrate with your donations form. It offers a simple and quick setup with easy customization options.

11. Maranatha

Maranatha

Maranatha is a gorgeous WordPress theme for religious, spiritual, and nonprofit organizations. It comes with built-in sermons management area where you can upload audio, video, PDF, and text files. You can also organize your library in a series by topics and books.

Its modern homepage displays a full screen image or video header followed by parallax effect as users scroll down the homepage. It also comes with sections for different locations, events calendar, and news or blog page.

12. Benevolent

Benevolent

If you are looking for a free WordPress theme for nonprofits, then take a look at Benevolent. This versatile theme features a modern homepage with a beautiful slider, custom menu, and call to action button.

It has four footer areas, a right sidebar, and includes four custom widgets for the recent posts, popular posts, social media and the featured post. It is translation ready and optimized for faster page loads.

13. Nayma

Nayma

Nayma is a thoughtfully designed multipurpose WordPress theme with several ready-made websites included in one package. It includes a 1-click demo installer to set up a complete website with demo content.

It uses a modular approach to design and comes with several modules that you can just drag and drop to create your own page layouts. It is WooCommerce ready and can also be used to create multilingual websites.

14. Exodus

Exodus

Exodus is a beautiful WordPress theme for religious and spiritual organizations. It features a professional homepage with engaging slider and call to action. It also includes a sermon management section with full multimedia support.

It also has sections to add ministries, staff and volunteer profiles, events, locations, etc. It is designed to be easily used even by non-technical users with simple and flexible customization settings.

15. Faith

Faith

Faith is an excellent free WordPress nonprofit theme for NGOs, church websites, and charitable organizations. With professional clean design and flexible options, it offers an engaging user experience out of the box.

Notable features include custom menu, social media integration, featured posts block, featured content slider, testimonial sections, welcome message, and more. It has multiple page layouts for different sections. All theme options are neatly organized under live theme customizer, which makes it quite simple to use.

16. Saved

Saved

Saved offers a very modern looking WordPress theme for religious and nonprofit organizations. It includes a drag and drop homepage layout, video background, slider, and contact details widget with Google maps.

Church websites can use the Theme’s companion church content plugin, which adds sermons and multimedia library support to your website. It also includes sticky navigation menu, custom colors, custom widgets, typography, and custom logo support.

17. Charitize

Charitize

Charitize is a simple and free WordPress theme for nonprofit organizations, charitable foundations, churches, and nonprofit associations. It has homepage sections for the custom slideshow, featured posts with thumbnails, donate now button, navigation menus, sticky posts, and contact forms.

It comes with tons of customization options including colors, background, post formats, right sidebar, and more. You can use the theme customizer to make changes with live preview.

18. Resurrect

Resurrect

Resurrect is a modern WordPress theme for church websites, nonprofit organizations, and other charity-based sites. It’s an urban-inspired theme with an appealing design to attract donors. It allows you to add videos, create events, upload photos, and display inspirational quotes.

Other than that, it offers a section to add your location map and address. If you have multiple offices, this theme has a column block to display all your addresses easily. It’s easy to use and offers custom background, fonts, colors, etc.

19. Landing

Landing

Landing is a popular multipurpose WordPress theme to design any type of website. It can be used to create beautiful landing pages and get more donations. You can use the powerful Themify drag and drop builder to create your website pages instantly. It has built-in tools and elements that reduces the effort of manually editing pages.

It features 25+ pre-built layouts, header design options, custom post types, and more. You can also integrate email marketing services like MailChimp to connect with your visitors. Landing theme supports WooCommerce and translation ready to let you create a website in your own language.

20. Forward

Forward

Forward is a simple and elegant WordPress theme designed specifically for nonprofits. It allows you to easily add your own logo, colors, fonts, and more. It includes all the options you’ll need to build an engaging website.

Other features include WooCommerce support, email signup form, staff profiles, sponsors, and live theme customizer. It is easy and quick to set up even for absolute beginners.

21. Narcos

Narcos

Narcos is a modern WordPress multipurpose theme designed with tons of features to create any kind of website or blog. It can be used to create a website for your nonprofit organization or charitable foundation. It has a beautiful and clean layout with custom options. It’s packed with Visual Composer to design pages with the drag and drop functionality.

Moreover, this theme comes with homepage sections to display your event photos, featured posts, sponsors’ logos, and information about your organization. The parallax scrolling feature makes it easier for your visitors to check out all sections. It’s fully responsive and performs faster than many other regular WordPress themes.

We hope this article helped you find the best WordPress theme for nonprofits. You may also want to see our step by step WordPress SEO guide for beginners and a list of must have WordPress plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 21 Best WordPress Themes for Nonprofit Organizations appeared first on WPBeginner.



Source link

How to Disable Theme and Plugin Editors from WordPress Admin Panel


Did you know that WordPress comes with a built-in theme and plugin editor? This plain code editor allows you to edit your theme and plugin files directly from the WordPress dashboard.

Now, this may sound really helpful, but it can also lead to issues such as breaking your site and potential security issues when combined with other vulnerabilities.

In this article, we will explain why and how to disable theme and plugin editors from the WordPress admin area.

Disable theme and plugin editors in WordPress admin area

Why Disable Theme and Plugin Editors in WordPress?

WordPress comes with a built-in code editor which allows you to edit WordPress theme and plugin files directly from the admin area.

The theme editor is located at Appearance » Theme Editor page. By default, it will show your currently active theme’s files.

Theme editor in WordPress

Similarly, the plugin editor can be seen at Plugins » Plugin Editor page. By default, it will show you one of the installed plugins from your site that comes up first in the alphabatical order.

Plugin editor in WordPress

If you visit the theme or plugin editor page for the first time, WordPress will warn you that using the editor can break your website.

Theme editor warning in WordPress

In WordPress 4.9, theme and plugin editors were upgraded to protect users from accidentally breaking their website. In most cases, the editor will catch a fatal error and will revert back the changes.

However, this is not guaranteed and some code may still slip through and you would end up losing access to the WordPress admin area.

The biggest problem with the built-in file editor is that it gives full access to add any kind of code to your website.

If a hacker broke into your WordPress admin area, then they can use the built-in editor to gain access to all your WordPress data.

Hackers can also use it to distribute malware or launch DDOS attacks from your WordPress website.

To improve WordPress security, we recommend removing the built-in file editors completely.

That being said, let’s see how to easily disable theme and plugin editors in WordPress.

How to Disable Theme and Plugin Editors in WordPress

Disabling theme and plugin editors in WordPress is quite easy.

Simply edit your wp-config.php file and paste the following code just before the line that says ‘That’s all, stop editing! Happy publishing’ :

define( 'DISALLOW_FILE_EDIT', true );

You can now save your changes and upload the file back to your website.

That’s all, plugin and theme editors will now disappear from themes and plugins menus in the WordPress admin area.

You can also add this line of code to your theme’s functions.php file, a site-specific plugin, or by using the code snippets plugin.

If you don’t want to edit the files directly, then you can install the Sucuri WordPress plugin which offers 1-click hardening feature.

Proper Way to Edit WordPress Theme and Plugin Files

Many users actually use WordPress theme and plugin editors to look up the code, add custom CSS, or editing code in their child themes.

If you only want to add custom CSS to your theme, then you can do so by using the theme customizer located under Appearance » Customize.

Adding custom CSS via theme customizer

For more details, see our guide on how to add custom CSS in WordPress without breaking your site.

If you want to look up the code in a plugin, then you can do so by using an FTP client.

For better file management and syntax highlighting, you can use one of these code editors for editing WordPress files on your computer.

Last but not least, you can also create a custom WordPress theme without writing any code.

We hope this article helped you learn how to easily disable theme and plugin editors from WordPress admin panel. You may also want to see our ultimate guide to improving WordPress performance and speed.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Disable Theme and Plugin Editors from WordPress Admin Panel appeared first on WPBeginner.



Source link

How to Make a Staff Directory in WordPress (with Employee Profiles)


Do you want to create a staff directory on your WordPress site? An employee directory allows you to introduce customers to your team members and win trust by showing the human side of your business.

One downside of running an online business is that your customers don’t get to know you or your team members personally. A team directory helps bridge that gap.

In this article, we’ll show you how to easily add a staff directory in WordPress with individual employee profiles.

How to Make a Staff Member List in WordPress

Creating a Staff Directory in WordPress (Step by Step)

First thing you need to do is install and activate Staff List plugin. It is a free WordPress team directory plugin. For detailed instructions, see our guide on how to install a WordPress plugin.

Next, you need to go to the Staff List » Admin page from your dashboard menu and click the ‘Quick Start’ tab. You will be asked to enter a name for your staff template and click the ‘Create Records’ button. For example, you can name it ‘New Staff Template.’

Create New Staff Template

Once done, the plugin will create a staff template and add 3 staff members automatically.

Next, go to Staff List » Staff Templates from your WordPress menu to preview your new staff template. You need to click on the ‘Edit’ link to configure the template.

Edit Staff Template

You will see the Template Options including staff page layout, single page layout, field order, shortcodes, etc.

Template Options - Staff List WordPress Plugin

You can review the template options to make changes or simply leave the default options.

Below that, you can see the ‘Input Fields’ section to customize your staff profile.

Staff List Field Options WordPress

As you can see in the screenshot above, there are 6 input fields created by default.

  1. Name
  2. Position
  3. Department
  4. Phone
  5. Email Link Text
  6. Staff Profile

You can change the label, display options, and style for each field from the Field Options.

Add Staff Members to Make a Team Directory

Now that you have customized your staff page template, you can add and customize your staff member profiles. Go to Staff List » Staff members, and you will see the 3 staff members already added by the plugin.

You can customize the default staff member profiles by changing the profile information. Click the ‘Edit’ link to get started.

Edit Staff Member Profiles

From here you can customize the Staff Member Data for team member listing page, individual profile page, and upload photos. The ‘Staff Page’ option shows you 6 input fields as shown in the staff page template above. The information you enter here will appear on your staff directory page.

Edit Staff Member List Page Data

Next, you can customize the ‘Single Page’ content. Like the Staff Page, it also has 6 input fields by default. However, it has a text field to write the individual employee profile bio.

Edit Staff Member Single Page

The information you enter here will appear on your individual employee profile page.

Next, you can add your team member images for the staff page and single page. You can quickly add your member’s profile photo by clicking on the ‘Select Image’ button.

Add Images to Staff Member Data

Lastly, you can see the ‘Options’ tab which includes Single Page SEO options. You can add a URL slug and page title for your team member profile page.

SEO Options Staff Member Data

If you leave the “Pretty” Permalink option blank, then your staff profile page will have a URL like this: http://example.com/profile/?smid=528.

You can make it a pretty link by entering your staff member’s name with a dash in between. For example, you can use laura-taylor which would make your staff profile page URL: http://example.com/profile/laura-taylor.

Don’t forget to click on the ‘Update’ button to save your changes.

Repeat the same process to customize all team member profiles.

If you need to add more team members, you can click the ‘Add New’ button on the top.

Add New Staff Member

First, add your staff member’s name. Then, choose your staff template from the right sidebar and click ‘Save Draft’ to load the input fields.

Choose Template for New Staff Member in WordPress

Next, you can see the same 6 input fields to create a team member profile. Add the necessary information as before.

Add New Staff Member Data

Once done, don’t forget to publish your staff member profile.

Publish Your Staff Member List in WordPress

Now that you have added all your staff member profiles, you are ready to publish your staff member list on your website.

First, you need to find and copy your staff page template’s shortcode. Go to Staff List » Staff Templates and click ‘Edit’ option below your staff page template. Then, the Template Options page will open.

Click on the ‘Shortcodes’ tab and copy the Staff Page Shortcode.

Staff List Page Shortcode

After that, you need to create a new page to display your staff member list. Go to Pages » Add New from your WordPress admin panel and enter a name for your staff list page. For example, you can name it ‘Our Team.’

Create Our Team Page in WordPress

Then add the Shortcode block to your WordPress page editor area.

Add Shortcode Widget to WordPress Editor

After the shortcode widget is added, paste the shortcode you copied earlier in the tutorial.

Add Staff Page Shortcode to Team Page in WordPress

Then, you can ‘Publish’ the page.

Now you can open the page to see how your staff directory looks. Here is how it looks on the default Twenty Nineteen theme with the default staff member details.

Staff Member List Page Demo in WordPress

In the list, you can see the ‘Profile’ option which does not have a link. We will show you how to add the link in the next step.

Adding Individual Staff Member Profiles

So far we have created a simple team directory in WordPress that lists all staff members.

The next part is to create a single page for each team member to display individual employee profiles.

Let’s start by going to Staff List » Staff Templates and click ‘Edit’ option below your staff page template.

On the next page, you need to click on the ‘Single Page – Options’ tab and copy the Single Page Shortcode.

Staff Member Single Page Shortcode

Now you need to create a new page in WordPress to add this shortcode. Go to Pages » Add New from your WordPress panel to add new a new page.

Enter your page title first — for example, Member Profile. Then, add the Shortcode widget to your WordPress page editor area and paste the Single Page Shortcode you copied before.

Add Staff Member Single Page Shortcode to your WordPress Page

After that, you need to customize your page permalink. It’s important if you want the pretty links to work, then you need to make sure that you add one of these words as your page URL slug.

  • bio
  • profile
  • profil
  • perfil

Open the ‘Permalink’ option in the right sidebar and add one of these words as your page URL. For example, we will choose the ‘profile.’

Staff Meember Single Page Permalink Setting

Once done, publish the page. Now you need to copy this page permalink and add to the Single Page Options.

You can do this by going back to Staff Template Options » Single Page – Options. Once there, simply paste the permalink in the Single Page URL field.

Add Staff Member Single Page URL to your Template Options

Once done, don’t forget to update your staff template.

After that, you need to refresh your WordPress Permalink settings to make the pretty permalinks work. Go to Settings » Permalinks and simply click ‘Save Changes’ at the bottom without changing anything on this page.

WordPress Permalinks Settings

Now you can open your staff member list page to see if the profile link is added or not. If it is working, then you will see the Profile text has a link.

Profile Link on WordPress Staff Directory Page

You can click the link, and it will open your team member’s profile page.

Staff Member Profile Single Page in WordPress

We hope this article helped you create a staff directory and add employee profile pages in WordPress. You may also want to see our guide on how to create your company org chart in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Make a Staff Directory in WordPress (with Employee Profiles) appeared first on WPBeginner.



Source link

How to Easily Display Code on Your WordPress Site


Do you want to display code in your WordPress blog posts? If you tried to add code like regular text, then WordPress will not display it correctly.

WordPress runs your content through several cleanup filters each time you save a post. These filters are there to make sure someone does not inject code via post editor to hack your website.

In this article, we will show you the proper ways to easily display code on your WordPress site. We will show you different methods, and you can choose the one that best fits your needs.

How to easily display code in WordPress posts

Method 1. Display Code Using The Default Editor in WordPress

This method is recommended for beginners and users who don’t need to display code very often.

Simply edit the blog post or page where you want to display the code. On the post edit screen, add a new code block to your post.

Add code block to your WordPress posts

You can now enter the code snippet in the text area of the block.

Add code to your blog post

After that, you can save your blog post and preview it to see the code block in action.

PHP code displayed in WordPress

Depending on your WordPress theme, the code block may look different on your website.

Method 2. Display Code in WordPress Using a Plugin

For this method, we will be using a WordPress plugin to display code in your blog posts. This method is recommended for users who often display code in their articles.

It gives you the following advantages over the default code block:

  • It allows you to easily display any code in any programming language
  • It displays the code with syntax highlighting and line numbers
  • Your users can easily study the code and copy it

First, you need to install and activate the SyntaxHighlighter Evolved plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you can go ahead and edit the blog post where you want to display the code. On the post edit screen, add the ‘SyntaxHighlighter Code’ block to your post.

SyntaxHighlighter code block

You will now see a new code block in the post editor where you can enter your code. After adding the code, you need to select the block settings from the right column.

SyntaxHighlighter code block settings

First, you need to select the language for your code. After that, you can turn off line numbers, provide first line number, highlight any line you want, and turn off the feature to make links clickable.

Once you are done, save your post and click on the preview button to see it in action.

Code displayed with syntax highlighting

The plugin comes with a number of color schemes and themes. To change the color theme, you need to visit Settings » SyntaxHighlighter page.

SyntaxHighlighter settings

From the settings page, you can select a color theme and change SyntaxHighlighter settings. You can save your settings to see a preview of the code block at the bottom of the page.

Code block preview

Using SyntaxHighlighter with Classic Editor

If you are still using the old classic WordPress editor, then here is how you would use SyntaxHighlighter plugin to add code to your WordPress blog posts.

Simply wrap your code around square brackets with the language name. For example, if you are going to add PHP code, then you will add it like this:

[php]
<?php
private function get_time_tags()
$time = get_the_time('d M, Y');
return $time;

?>
[/php]

Similarly, if you wanted to add an HTML code, then you will wrap it around the HTML shortcode like this:

[html]
<a href="example.com">A sample link</a>
[/html]

Method 3. Display Code in WordPress Manually (No Plugin or Block)

This method is for advanced users because it requires more work and does not always work as intended.

It is suitable for users who are still using the old classic editor and want to display code without using a plugin.

First, you need to pass your code through an online HTML entities encoder tool. It will change your code markup to HTML entities, which will allow you to add the code and bypass the WordPress cleanup filters.

Now copy and paste your code in the text editor and wrap it around <pre> and <code> tags.

Adding code manually in classic editor

Your code would look like this:

<pre><code>
&lt;p&gt;&lt;a href=&quot;/home.html&quot;&gt;This is a sample link&lt;/a&gt;&lt;/p&gt;
</pre></code>

You can now save your post and preview the code in action. Your browser will convert the HTML entities and users will be able to see and copy the correct code.

Manually displaying code in WordPress

We hope this article helped you learn how to easily display code on your WordPress site. You may also want to see our ultimate list of the most wanted WordPress tips, tricks, and hacks.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Easily Display Code on Your WordPress Site appeared first on WPBeginner.



Source link

4 Easy Ways to Re-Order Blog Posts in WordPress (Step by Step)


Do you want to change the order of your blog posts in WordPress?

By default, WordPress displays your blog posts in reverse chronological order (newer posts first), but sometimes you may need to move specific posts up or down.

While it may feel like there is no way to do this in WordPress, you’ll be surprised to learn how easily you can change post order using multiple ways.

In this article, we will show you 4 different ways to re-order blog posts in WordPress. You can pick a solution that looks easier and fits your needs.

Ways to easily re-order blog posts in WordPress

Why Re-order Blog Posts in WordPress?

If you are just starting a blog, then you will not need to re-order your blog posts right away. However as your content grows, you may want to explore different ways to promote content across your website.

One of them is to make specific posts more prominently displayed on the front page, blog page, recent posts, or archive pages.

Now the problem is that WordPress normally displays your blog posts in a reverse chronological order. There is no option to simply just move a post up and down.

Does this mean you cannot bring your older articles to the front page? Or remove a newer article from the recent posts?

No, not at all.

There are multiple workarounds that let you do just that. Depending on your needs, you can choose the method that suits your requirements.

Let’s take a look at some of the ways you can easily re-order blog posts on your WordPress site.

1. Change Post’s Published Date

This is the easiest method and allows you to re-order posts using the built-in WordPress functionality.

As you know that WordPress displays posts based on their publish date in reverse chronological order (newer posts first). Changing a post’s publish date will also change where it appears in the list.

Reorder posts by changing published date

For example, if you wanted to bring an older post up, you would have to change its date to be newer. Similarly if you wanted to move a post down, then you can change its date to be older.

Simply edit the post you want to reorder and on the post edit screen click on the publish date under the Document panel.

Change publish date for a blog post

This will bring up a date and time popup where you can change the post’s published date and time. After you have changed the date/time, click on the ‘Update’ button to save your changes.

You need to select a date relevant to other posts.

For example, if you wanted to display an older post before another post that was published on 8 March, then you need to change the post’s publish date to 9 March.

Post moved up

2. Use Post Types Order Plugin (Drag and Drop Option)

If you want to re-order posts but don’t want to change their publish dates, then this method is for you.

First, you need to install and activate the Post Types Order plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » Post Types Order page to change plugin’s settings.

Post Types Order settings

From here, you need to select the post types where you want to enable the plugin. After that, simply click on the ‘Save settings’ button to store your changes.

Now you can just go to Posts » All Posts page and simply drag and drop posts to re-order them.

Reorder blog posts by drag and drop

3. Use Sticky Posts Feature in WordPress

Many users just want to reorder blog posts to highlight a blog post as featured content. WordPress comes with a default feature to achieve that, and it’s called Sticky posts.

Sticky posts feature allows you to highlight a post on top of all other posts on your blog page.

Simply edit the blog post that you want to pin to the top. On the post edit screen, check the box next to ‘Stick to the Front Page’ option under ‘Document’ panel.

Make a post sticky in WordPress

After that, click on the ‘Update’ button to save your changes.

You can now visit your website, and you will see the selected post pinned to the top. Depending on your theme, your sticky post will be highlighted differently.

Sticky post highlighted in WordPress

4. Modify WordPress Query using Code (Advanced)

This method requires you to add code to your WordPress site. If you haven’t done this before, then see our guide on how to copy and paste the code in WordPress.

If you are an advanced user and want to customize the post order, then you can modify the default WordPress query.

For example, take a look at this code snippet. It allows you to display posts in chronological order (older posts first).

//function to modify default WordPress query
function wpb_custom_query( $query ) 

// Make sure we only modify the main query on the homepage	
	if( $query->is_main_query() && ! is_admin() && $query->is_home() ) 

 	 	// Set parameters to modify the query
 		$query->set( 'orderby', 'date' );
		$query->set( 'order', 'DESC' );
	


// Hook our custom query function to the pre_get_posts 
add_action( 'pre_get_posts', 'wpb_custom_query' );

This code simply modifies the orderby and order parameters in the default WordPress query.

However, this code may sometimes not work as expected due to some plugins or theme already modifying the default query. To fix that, you can use the supress_filters parameter like this:

//function to modify default WordPress query
function wpb_custom_query( $query ) 

// Make sure we only modify the main query on the homepage	
	if( $query->is_main_query() && ! is_admin() && $query->is_home() ) 

 	 	// Set parameters to modify the query
 		$query->set( 'orderby', 'date' );
		$query->set( 'order', 'DESC' );
		$query->set( 'suppress_filters', 'true' );
	


// Hook our custom query function to the pre_get_posts 
add_action( 'pre_get_posts', 'wpb_custom_query' );

The oderby parameter comes with many options. See the full list of options on the WP Query codex page.

We hope this article helped you learn easy ways to re-order blog posts in WordPress. You may also want to see our ultimate list of most wanted WordPress tips and tricks that you can use on your blog.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 4 Easy Ways to Re-Order Blog Posts in WordPress (Step by Step) appeared first on WPBeginner.



Source link