Jump to content
pwuser1

Best Way To Convert Wordpress Themes PW Themes?

Recommended Posts

Hi does anybody have experience in converting Wordpress Themes into Processwire Themes?  There must a more efficient way than my cut and paste and check...

Share this post


Link to post
Share on other sites

Depending on the theme, it can a lot more work trying to remove all the wp junk from a theme than it would be to create a similar theme from scratch using whatever front-end style you want, such as bootstrap, etc. Personally, I have not found a wp theme worth that time. There are many good theme (templates) where you could put your time to better use. See this thread for some great options.

  • Like 1

Share this post


Link to post
Share on other sites

Would be much easier to use html themes them wp ones. You can't avoid copy/paste html chunks, and there is many little things to handle like active classes on menus etc... very simple to do with pw, but requires some work and time. Processwire not adding any code to the front-end, so u have to build it ur self, thats one of the reasons pw is so great. It doesn't have any template system like drumlapress.

  • Like 4

Share this post


Link to post
Share on other sites

Most themes come in the plain HTML version, so not much use these days to convert a WP theme..

But, if you absolutely must use a wordpress theme, the easiest way is to copy the HTML that WP outputs and analyze/use that; looking at the source WP theme code is typically close to useless;

  • Like 4

Share this post


Link to post
Share on other sites
2 hours ago, rick said:

Depending on the theme, it can a lot more work trying to remove all the wp junk from a theme than it would be to create a similar theme from scratch using whatever front-end style you want, such as bootstrap, etc. Personally, I have not found a wp theme worth that time. There are many good theme (templates) where you could put your time to better use. See this thread for some great options.

Yes I agree @rick, @Macrura, @lokomotivan WP Themes are a mess it's just I already have a bunch of them.  PW theme development is much better.

Share this post


Link to post
Share on other sites

Hm, if you view a WordPress frontend with populated data and copy/paste the source you have more or less an HTML theme?
Apart from that, there will still be manual work.

  • Like 2

Share this post


Link to post
Share on other sites
18 hours ago, blynx said:

Hm, if you view a WordPress frontend with populated data and copy/paste the source you have more or less an HTML theme?
Apart from there will still be manual work.

This is what I do. I find it easier to view the source (inspector) and rebuild from there, rather than work with the raw files from WP.

  • Like 2

Share this post


Link to post
Share on other sites

There is also somewhere a conversion module from @Nico Knoll for wp to pw, and there also must be an in depth post from ryan explaining the conversion from existing wp sites, (with data), to pw. 

  • Like 1

Share this post


Link to post
Share on other sites

I've made a few migrations, not from WP, but the same method applies.

First I copied the assets. Layout images, CSS, fonts, etc.

Then I went to the site's homepage, copied the source, pasted on home.php and started cleaning up. With the code clean, I move the header and footer into separate includable files. You'll have to replace the menu links with a loop to grab those from the admin, change the path to the assets and so on.

Then do the same for the next page. Copy from the source's frontend, paste on the template file, replace header and footer for the includes we've prepared when doing the homepage, and proceed cleaning up and replacing the hard-coded content with calls to the page's fields.

It takes some time, but it's straightforward.

As @lokomotivan pointed out, best is to start from an HTML template. Processwire is geared towards custom-made solutions, where as Wordpress, specially when using templates, is more about allowing the admin to customise the layout from within the CMS. There is no way of directly or automatically replicating the same features of a WP template in PW. But if you take an HTML template, trim it to your needs, then setup PW to have just the fields you need for what you're building, you'll get a much cleaner and easier to use CMS. You can do it in one or two days after you get the hang of it, depending of the site of course.

 

  • Like 3

Share this post


Link to post
Share on other sites
On 31/12/2017 at 8:07 PM, blynx said:

Hm, if you view a WordPress frontend with populated data and copy/paste the source you have more or less an HTML theme?
Apart from that, there will still be manual work.

Yeah alot of manual work, sometimes it's hard because you need to know which file isn't wordpress specific as it's massive and populated. 

Share this post


Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By abdulqayyum
      Hy Processwire community,
      There are some problem in fileCompiler cache.
      when i change under the directory \site\templates\ it must change under the directory /site/assets/cache/FileCompiler/site/templates/
      but it does not update and functionality working with /site/assets/cache/FileCompiler/site/templates/ directory.
       
      In this case please suggest me how i clear fileCompiler cache?
      what i have to clear it manually?
      Thanks AbdulQayyum.
    • By abdulqayyum
      Hy everyone,
      i am using loginRegister module for front-end user login.
      In this module user can login with Email/username, i am showing with Email. done
      but not showing Email in Forgotton Password section. there still showing with username.

      i want to show Forgotton Password with Email instead username. and should reset with email.

      please help me in this section, how i can set it with Email.

      Thanks AbdulQayyum.
    • By abdulqayyum
      Markup-Google-Recaptcha is not working with LoginRegister module in Forgotton Password Form.
      Here is my code
      wire-> modules -> process -> ProcessForgotPassword.php
      protected function step1_renderForm() {
              $form = $this->modules->get("InputfieldForm");
              $form->attr('action', './?forgot=1');
              $form->attr('method', 'post');
          
              $field = $this->modules->get("InputfieldText");     
              $field->attr('id+name', 'username');
              $field->attr('class', 'redesign-field forgotPassFeild');
              $field->setAttribute('placeholder', 'Username');
              $field->required = true;
              $field->label = $this->_("Forgotton Password");
              $field->description = $this->_("If you cannot remember your password to access the affiliates portal. simply provide your username in the box below and we'll send you a reset link via email.");
              $form->add($field);
               
             // Calling MarkupGoogleRecaptcha Module.
              $captcha = $modules->get("MarkupGoogleRecaptcha");
             //  rendering form with recaptcha
              $captcha->render($form);
         
              $submit = $this->modules->get("InputfieldSubmit");
              $submit->attr('id+name', 'submit_forgot');
              $form->add($submit);
              $this->session->userResetStep = 1;
               
              // rendering form
               $out .= $form->render();
          
              // getting captcha script
              $out .= $captcha->getScript();
              return $out;
          }

      I am following this one example.

      please suggest me how i can show MarkupGoogleRecaptcha in forgotton password.
      Getting log error


      Thanks,
      Abdul Qayyum
    • By Mithlesh
      Hi there,
      My form is not getting submitted, it is showing:
      Unable to verify successful email delivery of this form submission.
      Attaching for your reference as well: 

      In the Backend, it is showing Connection timed out with smtp.gmail.com
      Pl guide me how to resolve that
    • By Sephiroth
      Hi guys, so since I moved to Processwire, it has been my default go-to CMF/CMS for my website and client applications, apparently my previous job took a toll on me, and made me have less time, but now finally had the chance to change my website to something I always had in mind.
      I decided to go with something minimal, as I tend to enjoy writing, so wanted a website to have more text than graphics and I think I whipped up something clean. Currently I still have more to do, but this is my current website, the main purpose to have a content driven website where I will be writing tutorials , articles more and hopefully  technical  notes.
      Please let me know your honest opinion.
      PS: I am more of a coder than a designer but i think this old dog still pulled it off
       
      https://okeowoaderemi.com/
       
       




×
×
  • Create New...