SoftwareQuery
Home About Contact

How to convert html Psd to Wordpress Template

 SoftwareQuery     1 comment   

http://phpwritter.blogspot.in

     Step 1 -  GO to WordPress folder and click  WP-content folder to theme folder.

      
       
 Step 2 -  copy any  wordpress theme like twentysixteen and rename
                  any name and open front end click theme option Activate our new theme .
http://phpwritter.blogspot.in



  Step 3 -  Downlaod html template zip file and paste the worldpress theme folder.
  Step 4 -  open index.html file and copy starting html to end of header part.

   Step 5 -  open the header.php file of  twentysixteen template Earse the code and paste the                           html   header code.
                                              
        
step 6 -  Again open index.html file copy footer part and go to twentysixteen open footer.php                   file  and paste html footer code .
                        
                        

 step 7 -  Go to html template css folder copy all css file and paste twentysixteen theme css                           folder.


 step 8 -  Go to html template copy all folder linke  js,image,font and paste  twentysixteen theme .







  step 9 -  Open twentysixteen theme create template folder make pages
                like template- service.php,template-About.php,template-Blog.php,template- contact.php.                                             
   

 Step 10 - Go to html template open index.html copy about portion
                   and paste twentysixteen theme => template=>template-About.php page.
 Step 11 - Go to html template open index.html copy service portion
                 and paste twentysixteen theme => template=>template-service.php page.

Step 12 -  Go to html template open index.html copy Blog portion and
                  paste twentysixteen       theme => template=>template-blog.php page.   
 Step 13 -  Go to html template open index.html copy contactform portion and
                     paste twentysixteen theme => template=>template-contactform.php page.
                                            


 Step 14 -  Go to twentysixteen theme scroll see style.css file open and erase it and save.
                      

step 15 -  if image is not show ur website open file and see path of image put the php  code Example - <img class="img-responsive img-full"   src="<?php echo get_template_directory_uri(); ?>/img/home-banner.jpg" alt="">;
               
step16-  if your create a menu front end go to page option and add new page
                      like  home,About,services,Blog,ContactForm and see right-side page
                       attributes=>template click select page and  update page.

                       

         
step17 -Go to wordpress dashboard click Appearance=Menu and
              create menu name, select pages click add menu button and
              see menu setting right click of checkbox in primary Menu.
                                            









                                 Any  Query put  Comment i will solve your problem .


                     




                 




















   
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg
Email ThisBlogThis!Share to TwitterShare to Facebook
Newer Post Older Post Home

1 comment:

  1. Anonymous27 January 2019 at 14:49

    W᧐rd - Press includes a mɑssіve amoᥙnt usefuⅼ plugіns which
    may be downloaded and positiօned in ɑ web site lear of cost.
    Onne platfоrm containing tɑken the Internet by storm
    is undeniably Word - Press. An individual is nrmally less costly tto гent than the usual professional dеvelopment firm, but may need some upfrtont costs to write employment requеst, reaad
    designer portfolios, or to rent a designer that is moѕt suitable
    to handle unique reգuiremеnts of an specific website when you aгe performing so througһ a freelancing agency.

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Donate

Translate

Popular Posts

  • How to Make Image Upload Code Using AJAX
    Direct Copy Paste PHP File  Image Upload Code -   <html> <head> <meta charset="utf-8"> <meta http-equi...
  • Best Useful Free Plugin to Make Wordpress Theme
    Meta Slider   - Meta Slider is that the initial free possibility on today’s list. A premium version is additionally obtainable...
  • How To Install Magento on Localhost XAMPP OR WAMP SERVER
      Step-1 => Make Sure you have to install Latest Version of  Xampp server or Wamp server in your PC.   Step -2 => Go to Web Bro...
  • How To Intall Node.js Via Command On Window And Linux.
    Step-1 . Firstly We have to go official website of https://nodejs.org/en/ then download the latest version of Nodejs zi...
  • How to Set up Amazon Affiliate Marketing Account to Earn Money
    Amazon Associates is a  marketing of Amazon company. It is allowed to youtube channel owner, Social Media pages owner and any type...
  • How To Create Custom Pagination In WordPress
    Hello, Friend's in this post we are creating a custom code of Pagination in WordPress. It is very easy to put this code any custom...
  • How to create facebook share and like button for webpage
    Step-1 . Go to web browser type google and write facebook sharing button click this URL or open this URL.                     Ref URL:...
  • How To Scrape Data From Website Url Using Php.
    Q. why using a Scraping. If we want to get data of another website then using web scraping. It is using a PHP HTML Dom parser library ...
  • How To Install Wordpress in Xampp Server And Wamp Server
      Step 1st  -      Install WampServer or Xampp Server.                                                                               ...
  • Upload Multiple Images to Firebase Storage with Angular
    Step-1 . Create a new Angular Project open command window then write a command.                     #ng new UploadImageApp Step-2 ....

Home

This blog Is very help full for beginner coder,if you want to learn new things definitely this Blog is very
helpful for you guys.

Followers

Contact form

Name

Email *

Message *

Blog

  • Home
  • About Us
  • Privacy Policy
  • Disclaimer
  • Contact Us
  • Terms&Conditions

NewsLetter

Copyright © SoftwareQuery | Powered by softwarequery
Design by ShubhamTiwari | Theme by softwarequery.com | Distributed By softwarequery/