Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 31, 2019 at 5:12 pm #1123586
    imokweb

    Hi there,

    We are building a PWA using Angular and WordPress Enfold & Avia builder on the back end.
    We’d like to get a stripped down version of the CSS that powers the Avia builder for a so called “Headless” WordPress approach.

    What we did so far is that we’ve included the dynamic css file in our frontend app
    Link shared in secure note

    This allowed us to use the builder for the posts & pages on the wordpress end.
    One thing that we’ve noticed is that this file is pretty heavy weighing over 300kb.

    Questions:
    1. Is this the correct approach?
    2. Will the link of the css we used change over time?
    3. Can we somehow get a stripped down version of the css?
    4. Is this approach compatible with future Enfold releases?

    We’ll be building a lot using the headless approach so It would be great to know we’ve chosen the correct path.
    We are curious in how others solved this issue.

    Thanks for your help!
    Istvan

    Thanks!
    I.

    • This topic was modified 5 years, 3 months ago by imokweb.
    August 5, 2019 at 1:02 am #1124599
    Ismael

    Hey imokweb,

    Thank you for using Enfold.

    That is the compressed version of every stylesheets in the theme, which is why the file size is a bit bigger than usual. You can disable the compression in the Enfold > Performance > File Compression section.

    What do you mean by “headless” exactly? If I am not mistaken, “headless” means you will only utilize WordPress as a CMS e.g, its ability to create posts, comments, manage users etc. Basically, you will only utilize WordPress as a database and then use another technology in the frontend.

    Best regards,
    Ismael

    August 12, 2019 at 2:00 pm #1126794
    imokweb

    Hi Ismael,

    Thanks for your reply :)

    Yes, you are right. We’d like to keep the compression on and get the smallest possible CSS code that helps the interior of the pages.
    The CSS for the content built with the Avvia Builder.

    Stuff like:
    1. Theme CSS
    2. Header
    3. Footer
    4. Menu
    5. …

    More precisely everything needs to be stripped out but the Avia Builder CSS.
    Do you know a solution for this?

    I really think that this would be beneficial, because more and more people will be using JS front-end frameworks for projects, and WordPress makes it really easy to build with along with already familiar Enfold theme and it’s Avia Builder.

    Let me know if I need to further clarify what we’d like to achieve.

    Thanks for your help,
    I.

    August 15, 2019 at 8:43 pm #1128060
    Basilis

    Hi,

    For this you would need to clear the files manually, there is no way to do this on any other way…

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.