When the user selects a picture, an onChange event is triggered on the file input field and that we can use JavaScript’s readURL() class to onchange event to display the image for preview. When the user choose the file, the input form is going to be submitted to an equivalent page. So on its same form.
Step 1: Preparing for HTML to WordPress Conversion The first and foremost thing is to choose the right hosting plan that best fits your requirements. Once you’ve purchased a plan, you will need to install WordPress and log into WordPress’s admin panel.
Step 2: Before you start the site conversion, you must create a backup of your existing website data. It will empower you to eliminate all the migration risks. You can use a hard disk, flash drive or any other medium or object for data backup.
Step 3: When you have a backup of your website, it’s time to create a WordPress theme. There are two options available:
Manually create a WordPress theme according to your static HTML website. If your motive is to not only move the content from your HTML website into WordPress but also want the existing design, you will need to create a custom theme. Thankfully, this is not as difficult as it sounds at first. It involves the simple process of setting up some folders and files, copying & pasting, and then uploading the content. Here, you will need a code editor i.e. Notepad++ or Sublime. Moreover, you will require an HTML site’s directory and new WordPress install’s directory.
Create a New Theme Folder and Necessary Files On a desktop, simply create a new folder to store your theme files. Now, create the below-mentioned files in a code editor. You will not need to do, just leave them open for further coding. Style.css Index.php header.php sidebar.php footer.php Copy current CSS into New Stylesheet If you are looking forward to imitating a design, you will need to play with the CSS. So the first file you should edit is your Style.css file.
You should add the following code to the top of your file:
/* Theme Name: Replace with your Theme’s name. Theme URI: Your Theme’s URI Description: A brief description. Version: 1.0 Author: You Author URI: Your website address. */ After this section, just paste your current CSS below and save the file.
Separate your existing HTML Before we go further, let’s see how WordPress works. WordPress uses PHP to call and recover the data from its underlying database. Each file that is mentioned in this tutorial is created to tell WordPress which part of your web content needs to be shown and where. So, here what you need to do is just copy and paste your existing code into the individual files, you’ve just created and let WordPress know where to display them. Follow all the below mentioned steps to perform this:
First, open the index.html of your existing website. Highlight the section from the top to the div class=”main” tag. Now, copy & paste this section into your header.php file and save. Again, open your index.html file and highlight the class=”sidebar” element and everything inside it. Now, copy and paste the copied part into your sidebar.php file and save. Now, select everything that comes after the sidebar and copy & paste this part into your footer.php file and save. In the end, copy everything that’s left in your index.html file and paste it into your index.php file and save. • Finalize Your Index.php File
In order to settle your new index.php file, you need to make sure that it calls up all the other sections that is kept in other files you’ve created.
Place the following line of php. at the top of your index.php file:
Place following code to the very bottom of your index.php file
And last but not the least, you will need to add the primary bit of php that WordPress uses to showcase your content to the visitors.
Now, the final step is to add the below-mentioned code in the index.php.
What is an .htaccess file An .htaccess file may be a simple ASCII file that you simply create with a text editor like Notepad or TextEdit. The file lets the server know what configuration changes to form on a per-directory basis.
Please note that .htaccess is that the full name of the file. It isn’t file.htaccess, it’s simply .htaccess.
.htaccess files affect the directory during which they’re placed in and every one children (sub-directories). for instance if there’s one .htaccess file located in your root directory of yoursite.com, it might affect yoursite.com/content/, yoursite.com/content/images/, then on…
It is important to recollect that this will be bypassed. If you don’t want certain .htaccess commands to affect a selected directory, place a replacement .htaccess file within the directory you don’t want to be affected with the changes, and take away the precise command(s) from the new file.
Features With an .htaccess file you can:
Redirect the user to different page Password protect a selected directory Block users by IP Preventing hot-linking of your images Rewrite URLs Specify your own Error Documents In this tutorial we’ll be focusing only on rewriting URLs.
Removing Extensions To remove the .php extension from a PHP file for instance yoursite.com/wallpaper.php to yoursite.com/wallpaper you’ve got to feature the subsequent code inside the .htaccess file:
RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^([^\.]+)$ $1.php [NC,L]
If you would like to get rid of the .html extension from an HTML file for instance yoursite.com/wallpaper.html to yoursite.com/wallpaper you merely need to change the last line from the code above, to match the filename:
RewriteRule ^([^\.]+)$ $1.html [NC,L]
That’s it! you’ll now link pages inside the HTML document without having to feature the extension of the page. For example:
wallpaper Adding a trailing slash at the top I received many requests asking the way to add a trailing slash at the top, for example, yoursite.com/page/
Ignore the primary snippet and insert the code below. the primary four lines affect the removal of the extension and therefore the following, with the addition of the trailing slash and redirecting.
Link to the HTML or PHP file an equivalent way as shown above. Don’t forget to vary the code if you would like it applied to an HTML file rather than PHP.
Some people asked how you’ll remove the extension from both HTML and PHP files. I don’t have an answer for that. But, you’ll just change the extension of your HTML file from .html or .htm to .php and add the code for removing the .php extension.
How to Check Your Maximum File Upload Size Limit in WordPress?
WordPress will automatically show the utmost file upload size limit once you are uploading images or media. to see it you’ll simply attend Media » Add New page and you’ll see the utmost file uplaod size limit for your WordPress site.
1: Theme Functions File
There are cases where we have seen that just by adding the following code in theme’s functions.php file, you can increase the upload size:
@ini_set( 'upload_max_size', '32M');
@ini_set( 'post_max_size', '32M');
@ini_set( 'max_execution_time', '300');
htaccess Method
Some people have tried using the .htaccess method where by modifying the .htaccess file in the root directory, you can increase the maximum upload size in WordPress. Edit the .htaccess file in your WordPress site’s root folder and add the following code:
Web development is the coding or programming that enables website functionality, per the owner’s requirements. It mainly deals with the non-design aspect of building websites, which includes coding and writing markup.
Web development ranges from creating plain text pages to complex web-based applications, social network applications and electronic business applications.
The web development hierarchy is as follows: Client-side coding Server-side coding Database technology
Web development refers to building, creating, and an maintaining websites. It includes aspects such as web design, web publishing, web programming, and database management.
While the terms “web developer” and “web designer” are often used synonymously, they do not mean the same thing. Technically, a web designer only designs website interfaces using HTML and CSS. A web developer may be involved in designing a website, but may also write web scripts in languages such as PHP and ASP. Additionally, a web developer may help maintain and update a database used by a dynamic website.
Web development includes many types of web content creation. Some examples include hand coding web pages in a text editor, building a website in a program like Dreamweaver, and updating a blog via a blogging website. In recent years, content management systems like WordPress, Drupal, and Joomla have also become popular means of web development. These tools make it easy for anyone to create and edit their own website using a web-based interface.
While there are several methods of creating websites, there is often a trade-off between simplicity and customization. Therefore, most large businesses do not use content management systems, but instead have a dedicated Web development team that designs and maintains the company’s website(s). Small organizations and individuals are more likely to choose a solution like WordPress that provides a basic website template and simplified editing tools.
NOTE: JavaScript programming is a type of web development that is generally not considered part of web design. However, a web designer may reference JavaScript libraries like jQuery to incorporate dynamic elements into a site’s design.
Google OAuth API provides a simple and powerful thanks to integrate the login system on the web site.
Google Login API permits the user to sign into web site|the web site} using their Google account while notsign on thereon website.
Google login system positively helps to extend the subscribers on your web site. as a result ofthese daysmost users have a Google account and that theywill log in with their Google account while not registration on your web site.
If You Want to Login with google Account then Just Follow below Step:
a. make your project name and click on create button wait for sec. select your project if you have multiple project then enable api
4. then you see below image like webpage
5. click on library then search google+api
6.click on them and then enable it
7. create credentials
8. choose a. google+ Api b. web browser c. click on user data and click on what credentials button
9. after click you saw a popup now click on set up consent screen then you will redirect to below image webpage
10. Type application name which you want and add Authorised domain name and just save them
11. create credentials
12. click on OAuth client ID and choose web Application
13. just see below image and follow them carefully
14. click on create button 15. after create you will see a popup where you see client Id And Client secret
16. click on credentials like below image
17. click on name (web client1 in my case) 18. download json file
19. put downloaded json file inside your google folder where you see client_credentials.json file replace all code of these file with your downloaded json code.
I am an experienced PHP web developer and completed several web development projects successfully using WordPress , Woocommerce, Html5, CSS3, Bootstrap, JavaScript, JQuery, PHP, Codeigniter, and Mysqli.