Support » Developing with WordPress » Adding my own HTML and CSS folder

Adding my own HTML and CSS folder

  • adaeihagh

    (@adaeihagh)


    2 weeks, 4 days ago

    Hello, I am new to WordPress and have been tasked with updating a website that is powered by it. I have currently designed a new version of said website using HTML and CSS files that I coded, and would like to upload those for use instead of the current theme that is being used for the site. I’m a little confused as to how to do this and am having some difficulty finding ways to do so. Any help would be appreciated, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Carlos Bravo

    (@cbravobernal)

    2 weeks, 4 days ago

    Hi there!

    I’m afraid to say that creating a WordPress theme is different from creating a static site with plain HTML and CSS. You may be able to reuse some part of the code you already did.

    You can find more information about how to do it in the Theme development handbook.

    Hope it helps!

    Alexander

    (@alextonio22)

    2 weeks, 4 days ago

    Hi adaeihagh,

    I understand your concern. To replace or create your own WordPress theme, you have to be familiar first with WordPress Files, which is different from creating a static page. Here are the steps on how to do it:

    1. Understand WordPress Themes: Themes control your site’s appearance using PHP, HTML, CSS, and sometimes JavaScript files.
    2. Prepare Your Files: Ensure well-structured and responsive HTML and CSS files.
    3. Create a Theme Folder: In “wp-content/themes/”, create a new folder, placing your files inside.
    4. Style.css File: In the theme folder, create “style.css” with theme info.
    5. Create index.php: Start with a simple “index.php” file in the theme folder.
    6. Upload Your Theme: Use FTP or your hosting file manager to upload the theme folder.
    7. Activate Your Theme In the WordPress dashboard, go to “Appearance” > “Themes” and activate your new theme.
    8. Adjust Permalinks Visit “Settings” > “Permalinks” and click “Save Changes” after theme activation.

    Is this what you’re looking for ? If not please provide more details about your concern.

    Kind regards,

    Alexander

    • This reply was modified 2 weeks, 4 days ago by Alexander.
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

Topic Tags

Views