After purchasing a domain and hosting server, you need to set up custom pages on your WordPress website. This is necessary to ensure that your WordPress website or blog has a fresh look & feel for future visitors and search engines. While at work, you repeatedly encounter customers who have not previously used WordPress and are not familiar with the terminology of HTML, PHP and CSS. By creating a custom page on your website, you provide them with a convenient and simplified WordPress interface.
So, let’s see how this action is performed.
1.Crate A Custom Page in WordPress At First
The process is performed in several stages. See them carefully as mentioned here below:
•Prepare Files
This is the first step. You can easily create a simple WordPress theme using Bootstrap 3 or download it from online resources.You need to arrange the following files:
•tyle.css;
•sidebar.php;
•screenshots (png-file);
•index.php;
•header.php;
•functions.php;
•footer.php;
•js folder;
•images folder;
•fonts folder;
•css folder.
•Page Registration
open the functions.php file and paste this code at the bottomrn// Settings of the administration panel
// Registration of the settings rnfunction function theme_settings_init ( ) {
register_setting ( 'theme_settings' , 'theme_settings' );
}
// Adding settings to the page menu rnfunction add_settings_page ( ) {rnadd_menu_page (__ ( 'Theme Settings' ), __ ( 'Theme Settings' ), 'manage_options' , 'settings' , 'theme_settings_page' );
}
•Add Actions and Create A Save Option
Now, add some more codes that include the addition of WordPress actions and create the save option-
// Add actions rnadd_action ('admin_init', 'theme_settings_init'); rnadd_action ('admin_menu', 'add_settings_page');
// Top of the settings page rnfunction theme_settings_page () {
rnif (! isset ($ _REQUEST ['updated']))
$ _REQUEST ['updated'] = false;
?>
< div >
< div id = "icon-options-general" >
< h2 id = "title" >
< div >< p >< strong >
< form method = "post" action = "options.php" >
•Create Fields
Now add the fields required for the custom page. They will simply include a simple text field and text areas with their respective topic option names:
< table >
< tr valign = "top" >
< th scope = "row" >
< td > < input id = "theme_settings [custom_logo]" type = "text" size = "40" name = "theme_settings [custom_logo]" value = " "
rntr >
< tr valign = "top" >
< th scope = "row" >
< td > < textarea id = "theme_settings [banner1]" rows = "5" cols = "36" name = "theme_settings [banner1]" >
< tr valign = "top" >
< th scope = "row" >
< td > < textarea id = "theme_settings [banner2]" rows = "5" cols = "36" name = "theme_settings [banner2]" >
< tr valign = "top" >
< th scope = "row" >
< td > < input id = "theme_settings [footer]" type = "text" size = "40" name = "theme_settings [footer]" value = " " />
>
< tr valign = "top" >
< th scope = "row" >
< td >
< br />
< a textarea id = "theme_settings [tracking]" name = "theme_settings [tracking]" rows = "5" the cols = "36" > < ? php esc_attr_e ($ options [ 'tracking' ]); ?>
< p > < input name = "submit" id = "submit" value = "Save Changes" type = "submit" >
•Validation
For this, you need to use the following code:
•Calling Options
For this, you need to use this PHP code:
•Adding A Custom Logo
To add a custom logo to the page you are creating, open the header.php file and add the following code.
< div id = "logo" href = "" >
< A the href = " /" Title = " " rel = " homepage " > < img src = " " alt = " "
/>
< H2 > < a the href = " /" Title = "" rel = "homepage" >
•Adding Footer Text:
Adding text to the footer is done in the same way as inserting your own logo code. However, this time, we need to check for the presence of a given text, not an image. Open the footer.php file and copy this code into a div element with the class col-md-12 :
< div id = "footer" role = "contentinfo" >
< P > < a the href = " /" Title = " " rel = " homepage " >
< P > © 2014 < a the href = "http://www.stelleninfotech.com" > 1stwebdesigner . All rights reserved.
•Adding Google Analytics Code
By now, a custom page is created. But your job is not completed here. rnNote- You can add additional settings to the page as per your needs. rnSome Necessary Actions You Need to Take to Make Your Pagern
•Hide Unnecessary Stuff from the Page
When you create WordPress websites for clients, you may need to use WordPress plugins, custom post types, WordPress page builders and other tools to make the end products emphatic and appealing. When you create a custom page for WordPress, restrict the use of custom widgets, links to the toolbar, etc, to make the page more attractive. if you don’t do so, your page will be complicated and incomprehensible. Take the help of a
Custom WordPress Development Company in this regard if you are unable to perform this actionrn
•Be Careful While Adding Pictures to Your Page
Custom WordPress Development (in case of creating a custom page) is a great responsibility for which you can’t be careless. When you add pictures to your page, always prescribe the attribute “Alt” tags. This helps search engines to understand the image content easily and give you its business benefits (additional traffic to your website from image search).
•Proper Use of Tags, Headings & Subheadings
These 3 are needed to make a large site more user-friendly and attract a large number of audiences. Use tags as per SEO needs. Place catching and good headings and subheadings to your page to help it perform well in the SERPs of different search engines.
Final Words
Setting up a custom WordPress page is not a rocket science. However, the lack of website building skills can make it difficult to do so. Just follow the above-mentioned tips to create custom WordPress pages easily and stand out of the crowd.