Theme Creation – Problem

  • Resolved Georgeba

    (@georgeba)


    9 years, 4 months ago

    Hello!
    I’ve used an HTML Template and redesigned most of it, and now I’m converting it to a W-Press theme. Unfortunately, the styling of it is messed up and a couple other things probably that I’m not aware of. Here is what it is suppose to look like… (Keep in mind that this has no sidebar nor footer/header…
    Here is Image
    Here is Theme
    Any help would be greatly appreciated! (First time)

Viewing 15 replies - 1 through 15 (of 28 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Could you replace that link to the theme’s .zip file to a link to the theme’s demo?

    So, what steps have you taken to convert it into WordPress?

    Thread Starter Georgeba

    (@georgeba)

    This is what it looks like when uploaded…

    I’ve read a couple tutorials, and since my theme had no footer, sidebar, or header I just placed the code from the index.html into the index.php.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which index.php file is this, can you tell us the directory path to it?

    Thread Starter Georgeba

    (@georgeba)

    Here… I just uploaded the index.php to github

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is this like in your “/wp-content/themes/yourtheme” folder or is it at the very root (“/”) folder?

    Thread Starter Georgeba

    (@georgeba)

    Oh Sorry…

    public_html/rankme/wp-content/themes/Planet Lunar – Theme

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay cool ??

    So, this is a theme you’re creating from scratch and not rewriting a theme that has already been built?

    Thread Starter Georgeba

    (@georgeba)

    I downloaded this HTML Theme..

    As you can see, I changed some of it and now I wanted to convert it to a W-Press Theme

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Right. And when you said you placed code into index.php, you created this file? Or was it there to begin with?

    Thread Starter Georgeba

    (@georgeba)

    I placed the code into the index.php. The original downloaded file didn’t come with index.php

    Thread Starter Georgeba

    (@georgeba)

    Oh Yes, I created that file (index.php)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Great thanks for clarifying that.

    So at the moment your page is broken because the browser cannot find the following files:

    • style.css
    • ipad-hand.png
    • bootstrap.css
    • bootstrap.min.js

    More detail below:

    GET https://rankme.planetlunar.com/style.css
(index):112 GET https://rankme.planetlunar.com/assets/img/ipad-hand.png 404 (Not Found)
(index):62 GET https://rankme.planetlunar.com/assets/css/bootstrap.css
(index):125 GET https://rankme.planetlunar.com/assets/js/bootstrap.min.js
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What you need to do is edit the index.php file and changes the paths to those files so that they match their new position. Their new position is in the “/wp-content/themes/Planet Lunar – Theme” folder (you might want to get rid of the spaces in the folder name to avoid potential problems).

    Thread Starter Georgeba

    (@georgeba)

    If you download the ZIP of the theme I sent, you can view the layout of it. I can’t seem to understand why it doesn’t work.

    Thread Starter Georgeba

    (@georgeba)

    Oh Alright. Let me try that

Viewing 15 replies - 1 through 15 (of 28 total)
  • The topic ‘Theme Creation – Problem’ is closed to new replies.