• HTML + CSS Tool for WP – WYSIWG

    Posted by Ynfm nz on December 30, 2024 at 11:59 pm

    What is the best tool or plugin to be used in WP to build a nice UI and integrate perfectly with WP code at the back end?

    I have HTML+CSS script from the videos for example the AI tool and copy paste the script into directly into a blog page. Sometimes we can ask AI to do it for us but a lot of times need adjustments on the CSS or the element just doesn’t work (button can’t be clicked or the layout/elements placement is messed up).

    Can you share the one that you use on the https://promoterkit.com ?

    Did you create the JS using WP Code or build the UI first?

    Hasan replied 2 weeks, 1 day ago 3 Members · 4 Replies
  • 4 Replies
  • Husein

    Administrator
    December 31, 2024 at 2:32 pm

    The codes of the tools on promoterKit took a lot of time to work on, so of course, sharing them isn’t possible, however, there are a lot of codes found in the library that you can optimize to your liking.

    Even if you got the code you’ll need to edit it to work on your site, it doesn’t work by only copy pasting it.

  • Hasan

    Administrator
    December 31, 2024 at 2:33 pm

    I use custom codes. Here is what I did.
    I created one tool, optimized it perfectly, and tested it. Then, I started feeding it to the AI whenever I wanted to create a new tool so that it could always mimic the same style.

    Now I create UIs in minutes 🙂

    • Ynfm nz

      Member
      January 1, 2025 at 12:26 am

      Thanks for the reply.

      Do you mean you created the UI code manually per components? I’m looking for a tool to help me with at least suggested basic style sheet and element properties then I can connect with back end WP code script.

      There are actually 2 problems that I currently have

      1. Multiple codes from different AI tools interfere each others, do you have suggestion on how to combine them in one based code to be used for pages?

      2. Need a proper adjustments when changing themes/appearances. how can I get the basic CSS and HTML foundation codes or a tool that I mentioned above?

      • Hasan

        Administrator
        January 2, 2025 at 11:27 am

        No, I generated the first tool with AI, and I used Cluade. Here is where I got the main (HTML, CSS, JS) codes.

        Then, based on that tool, I generated the rest to ensure consistency.

Log in to reply.