Auto Added by WPeMatico

What You Should Tweak in Your WordPress Theme Options Page (But Forgot)

Every website or blog needs some modification in its theme. Only then can you make your blog to stand out from the crowd and bring traffic to it.

WordPress theme options page is a custom admin page that allow users to change theme settings without modifying the theme files. These theme option pages can be simple or have lots of customization split into either tabs or multiple pages.

Theme options are good for majority of the users; however, these options do have a tendency to confuse things on the development side. So if you are a WordPress site developer, here are some of the options that you should be including in your WordPress theme page option. Moreover, the article explains why you should include these features in the WP theme options page.

Avada is the best selling theme on ThemeForest, we are using it as example in this article. We have covered the most important options below. For further information, you can also check complete documentation here.

General Options

Responsive Option

General Options will let people control the look of their site. There are three main sections in this option: Responsive Options, Favicon Options, and Tracking Options

  • Responsive Option – needed to make your website design layout responsive or fixed. Responsive design will adjust your website on different devices, whereas fixed layout is for users who want to display the site in fixed width.
  • Favicon Option – needed to associate an icon with your website URL that represents your website’s favicon.
  • Tracking Option – adds a track code into the footer template of your theme that allows people to use services like Google Analytics, among others.

Header Options

Header Option

The Header Option lets users customize everything above the content area, including the menu. It has three main sections: Header Content Options, Header Background Options, and Header Social Icon Options.

  • Header Content Option – needed to change header design, slider position, transparent header and website’s logo, etc.
  • Header Background Option – required for inserting background image in header. Users can choose various options like, repeat and even modify the heading top and bottom padding.
  • Header Social Icon Option – needed for customizing the social icons that are displayed in header.

Footer Options

Footer Option

The Footer Options help in customizing the different areas of website footer. The footer tab has two sections: Footer Widget Options and Footer Copyright Option.

  • Footer Widget Area Option – needed if you want to set number of footer columns. This option will let you insert an image URL for footer widget area background.
  • Copyright Area Option – useful for displaying copyright text in footer. This option will also will also help you in displaying social icon on footer of page (if you want).

Background Options

Background Option

The Background Options will let you change background for box and wide mode layout.

  • Background Option for Boxed Mode – needed for changing the background colors and pattern. This option is also recommended to change the background image and how the image repeats.

Typography Options

Typography Option

The Typography Options let you to customize fonts. There are five sections in it: Custom Font for the Navigation Menu and Headings, Google Fonts, Standards, Font Sizes and Font Line Heights.

  • Custom Fonts – needed to use custom fonts instead of Google and Standard fonts.
  • Google Fonts – integrating Google Fonts lets the user choose fonts for body, menu, headings, and footer headings for Google Font directory.
  • Font Size – needed to change font sizes for different areas of the theme page including sidebar widget, footer widget and copyright font size etc.
  • Font Line Height – allows setting font line for body and heading of theme page.

Styling Options

Styling Option

The Styling Options are needed to customize the colors of your website. This option has five sections: Background Colors, Element Colors, Element Options, Font Colors, and Menu Colors.

  • Background Color Option – needed to modify colors for several page items including header, content, footer and copyright, etc.
  • Element Colors Option – lets user control the colors for button, sliding bar, footer widget, form, blog grid and social share box, etc.
  • Element Option – used to disable button text shadow, sliding bar text shadow and footer text shadow.
  • Font Color Option – needed for controlling the text color of buttons, header tagline, heading, body, link, sliding bar, footer heading, and footer font color, etc.
  • Menu Color Option – gives you the complete control over colors for menu background, font and header.

Blog Options

The Blog Option can be good if you need to publish blog posts related to the content. It can also be used for customizing different blog aspects such as layout, sidebar, excerpts and date formats, etc.

  • General Blog Option – allows you to choose the title, layout, sidebar position, excerpt length and pagination, etc.
  • Blog Single Post Page Option – allows you to have a featured page with no sidebar and other distracting content.

Portfolio Options

Portfolio options enable user to customize different aspects of portfolio page, such as the number of items per page, sidebar, excerpts and more.

Social Media

Social Media

Social media options can help if you want to display the social icons on your site. These will help grow your social presence; also, they will add to your network marketing efforts.

Contact Page Options

Contact Form

Most people use custom contact form plugins, but having a built-in option can be helpful for non-techie individuals. These options let you customize the contact page on your blog. This option has two sections: Google Map Options and Recaptcha Spam Options.

  • Google Map Option – added if you want to show a Google map, and having direction to your business address. This option also allows you to set the width and height of  the map.
  • ReCaptcha Spam Option – helpful for securing your blog or a website with public and private ReCaptcha.

Sidebar Options

Sidebar options are needed for customizing the width of the content area and sidebar. This option is also needed if you want to choose sidebar background colors to match your content.

Custom CSS Options

Custom CSS option will be needed if user wants to overwrite or add new CSS properties to the theme. The HTML themes cannot be modified; however, custom CSS provides the power to create a custom design.


Every popular WordPress Theme has a powerful options panel. It offers a great way for customizing the page that can be managed and understood easily. Many users don’t know what a CSS is but, they can easily use these options to change colors, headings, fonts, and more.

Any developer who is creating a website or a blog on WordPress should consider these options for the theme option page. Which of these options have you included in your theme option page? Please share your thoughts in the below comment section.

Powered by WPeMatico

The Zen of Relational Database: Learn the Basics Here!

Databases have been a staple topic on every digital business. Thus organizing the tables and fields is necessary. The concept of Relational Database was born way back in 1969 when Edgar F. Codd, a researcher from IBM, wrote the process of outlining a database. From there, the this concept has spread on every computing-involved business and task.

According to Wikipedia,

  A relational database is a database that has a collection of tables of data items, all of which is formally described and organized according to the relational models.

This means that using the relational model, each table arrangement must be identify a column or group of columns to distinctly identify each row also called as primary key.

Using a foreign key, it can be used to establish a connection between each row in the table and a row from another table.

To properly organize a database, it involves database normalization. This is the process of organizing the tables and fields of this kind of database to minimize redundancy of information.

That being said, using definitions and terms alone won’t make you understand this topic. In this article, you’re going to learn how you can properly structure this specific database. You are going to look on two fictional tables and start working on it.

The Data

For the data, below, the base table includes two tables: Student table and Class table.

This database maintains data about the Student’s information and Class information.

Each student will have a unique Student ID (which may consist of letters and numbers) but may have similar name, operating system, class and instructor. One instructor may teach more than one class.

The Student table will have the following fields:

  • Student ID
  • Student Name
  • Operating System

The Class table will have the following fields:

  • Class ID
  • Class Name
  • Instructor


Now to expand the data, below presented are the Student table and Class table.



Identifying the data objects and relationships between tables

Now using the given data, you need to identify the data objects and relationship that need to be maintained in the database.

Looking at the Student and Class tables, you can conclude that the data objects are Student and Class. The relationship is that one student can have one or more classes.

Identifying Relevant Attributes: Primary Key and Foreign Key

Now that data object and relationships between the two tables have been defined, specify the relevant attributes between the two.

If you are going to check the two tables, you need to find the unique column for each table. Notice that you have only 1 row on each table that contains some unique data.

For the Student table, you have the Student ID while, in the Class table, you have the Class ID. These two rows are called the Primary Key.

The primary key of a relational table uniquely identifies each record in the table.


Next, for the relationship, you need to determine its attribute(s) and identify its Foreign key.

The foreign key matches the primary key column of another table. The foreign key is used to cross-reference tables. In this case, you will use Enrollment as our new field to connect the two foreign keys:

  • Enrollment (Student ID) attribute is a foreign key referencing the Student (Student ID) attribute from the Student table.
  • Enrollment (Class ID) attribute is a foreign key referencing the Class (Class ID) key attribute from the Class table.

Using Relational Tables

Now that you have identified your primary key and foreign key, you need to create a relational table to represent the data objects and relationships with their attributes and constraints.

See table below:


The foreign key Student ID in the Enrollment table references the primary key Student ID in the Student table.

The foreign key Class ID in the Enrollment table references the primary key Class ID in the Class table.

In the table above, you created a new row called Enrollment ID to relate both Student ID and Class ID, which is also define the foreign keys.


That’s really it! That is how you to create a database of this kind. When creating such databases, you can define the domain of possible values in a data column and further constraints that may apply to that data value.
It also requires the normalization process to remove the redundant data and connect all of the tables into one table.

In this article, you learned something about the concept of such database and how to design one; so, how do you implement one?

If using Relational Database Management Systems (RDBMS) software is your answer,  you are correct! But I won’t be discussing the process in this article.

I will create another article for that soon. Hope you learned something from this article and let me know about your thoughts on the comment section.

Powered by WPeMatico