Welcome Guest! Login
0 items Join Now

Grav Gantry 5 - Particles vs Modular Pages

  • Grav Gantry 5 - Particles vs Modular Pages

    Posted 1 year 7 months ago
    • I'm trying to wrap my mind around why one might use Grav modular page modules instead of particles via Gantry 5. They both appear to have similar purposes. Both are essentially "blocks" supporting a LEGO building-brick-approach.

      As an example I'm wanting to build some simple re-usable CTA "blocks" that have a full width background image, a title, description, and button, much like the Testimonials section in Helium. I haven't been able to figure how to configure a particle to have a full width background. Furthermore Testimonials is a section, which seems less than ideal since I want to use multiple instances of these blocks per page and it would appear you can only use one instance of a section per page. I have figured out how to style out a section, just seems clunky compared to what a particle appears to be intended for.

      How would you recommend I best do this? I used to use modules in modulular pages for this with vanilla Grav which worked nicely, but seems to sidestep Gantry 5's utility.

      I'm trying to get a better idea of how the devs intended for us to use everything.

      I've attached a rough mockup of what I'm trying to accomplish below. Ideally I'm able to use Gantry's built in classes to manage alignment and other basics for each of these full width CTAs.

      I think my main issue is that I want to be able to use full width backgrounds which appears to be a container that wraps around particles.



      Help MUCH appeaciated I'm on day 3 trying to figure this out and although I'm learning tons of ancillary stuff I'm not making much progress understanding how the system was intended to be used.

      .: pl
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 90260
    • Thanks: 11776
    • Web Designer/Developer

    Re: Grav Gantry 5 - Particles vs Modular Pages

    Posted 1 year 7 months ago
    • I will try to address some of your confusion.

      To use GRAV you don't have to use Gantry 5. To use Gantry 5 you don't have to use GRAV. Gantry 5 is a framework that can be used on multiple Content Management Systems (CMSs), as such it's functionality is largely platform (CMS) agnostic in the way it does things. GRAV is a flat file CMS that is capable of producing rich functionality websites in it's own right. Gantry 5 works on GRAV, Wordpress and Joomla CMSs.

      So, given the above, you are correct that there is some functional overlap in what GRAV and Gantry 5 do and how they do it.

      If you choose to use Gantry 5 then I would recommend that you use that as the prime vehicle for developing your site - there is no need (for example) to use GRAV modular pages as you can do the same thing in Gantry 5 admin and the layout.

      Gantry 5 utilizes "particles" which are basically chunks of functionality the render parts of the total website page. You can use particles provided in Gantry 5 template (and there are a lot of them now). Or, you can choose to develop your own particles too using TWIG and YAML languages. Developing particles is not that hard once you learn the languages but I really think you should become familiar with the Gantry 5 framework before you embark on this and study how RT templates and particles were developed and how to use them well.

      Don't work about the names of sections - they are just a "label" given to uniquely identify them on the layout - the section names are now shown anywhere on the rendered website page - they are just "holes" into which you and your content (in the form of particles). You can control the width of a section (it's layout in it's settings). You can add backgrounds to any section too, sometimes there is a settings for this in the outline "styles" and sometimes you have to use CSS to do it - but either way it's quite straightforward. Sections can also have multiple "rows" within them so it's often unnecessary to add more sections at all to those already provided in your chosen template. Also, then are multiple layout "presets" provided that have differing arrangements of sections too (acceible via "LOAD" button on the outline layout.

      You mock-up to me just looks like four sections to me with one particle in each with the section setting set to "fullwidth (flushed content)". There is nothing there that cannot be done fairly simply even with the most basic of Gantry 5 templates.

      I encourage you to set up a local copy of the "helium" Gantry 5 using the rocketlauncher package. There you will get a working demo and will be able to see how everything has been done and be able to experimentally edit the content therein.

      Also, refer to the Gantry 5 documentation which is very extensive and the template documentation too (for RT templates).

      I hope that helps.

      Regards, Mark.
    • The following users have thanked you: Marius Pretorius

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.069 seconds