Can I recreate the Myriad Theme in Gantry 5?
-
-
- Marco Conti
- Jr. Rocketeer
- Posts: 39
- Thanks: 0
-
I am new to Gantry. So far I only built a couple of sites using Gantry 5 Open Source. However, I just purchased a Joomnla and Wordpress membership because I am planning several new sites in the next 3 months. Some in J. and some in WP.
I have a client with a an existing WP site that is completely messed up. The template is broken and when I try updating some plugins I get a internal server error and the whole site breaks big time, requiring a full restore.
The layout is one of those "OnePage" stacked deals that were all the rage a year or so ago (two maybe).
The closest template I found in RT archives is the Myriad theme. The client likes it too because it is similar enough to his old template but it has a lot more features.
However, I found out it uses Gantry 4 and there is no Gantry 5 template that is similar enough.
I am sure that if I applied myself I should be able to build a version in Gantry 5, but I thought of asking here first in case someone else already went through the process or the community had some words of advice for me.
Would it be best to try to rebuild the theme using a virtgin installation of Gantry 5 and then copy some of the features from the Myriad template? Would it be better to use a more recent template and change it to reflect the Myriad theme features and settings?
Any help would be appreciated, thank you.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
That's a huge undertaking to build a "Myriad" in Gantry 5 from scratch. I would actually recommend that you consider "sienna" because that is pretty similar and is a Gantry 5 template already also the slideshow is fullpage already like Myriad.
So, yes, you could do it yourself but it would be easier to start with Sienna.
Regards, Mark. - 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.
-
-
-
- Marco Conti
- Jr. Rocketeer
- Posts: 39
- Thanks: 0
-
Thank you for the reply. This is exactly the kind of input I was hoping for.
Also, when I say "recreate Myriad" what I really mean is to be able to come up with a reasonable facsimile, not recreate every single feature.
Mostly, I am curious if Gantry 5 can replicate the "one Page" layout that was popular a year or so ago.
The project I have in the works is a WP site that was never launched over a year ago for reasons that are not clear yet. It uses some sort of templating system similar to Gantry but unknown to me, and the site crashes every time I try updating some of the plugins.
The site is built on the "One Page" concept, where the menu anchors to different "pages" all inside the home page. I am sure you are familiar with the concept. However, currently only the first screen fills the viewport and the other "pages" (in quotes because they are really all part of the single page) more or less successfully come into view when the menu is clicked.
They didn't do such a good job with the design, but the client is not crazy about tossing the whole thing and starting from scratch, and neither am I for that matter. The client needs 3 more websites and I would rather spend my time making those than trying to fix or recreate this one.
Anyway, thank you for the suggestion. If anyone has any ideas, or an actual example, on how to replicate the "OnePage" layout in Gantry 5 that would be very useful. In fact, I should probably have asked for that to begin with.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
"one page" layouts can be done in any template, they just use "named anchors" (bookmarks) to scroll to that part of the page.
You may also want to look at this JS that you can add to your Gantry 5 template to make the sections fit the browser window... http://alvarotrigo.com/fullPage/ .
Regards, Mark. - 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.
-
-
-
- Marco Conti
- Jr. Rocketeer
- Posts: 39
- Thanks: 0
-
Indeed, I have done several "One Page" using a simple Joomla category layout and anchor links. However, when working with pre-made templates from YooTheme, Joomla Bamboo et al, they had a module or component (it's been a while) that facilitated the process by inserting the anchor link automatically and taking care of a few other issues such as using the "Image A" for the background image of the page and the ability to take each anchored "page" and making it fill the viewport.
None of the above is hard to do manually, but having a widget that takes care of it makes it easier to implement and especially easier to edit, which is always a concern for me, since I cannot ask my clients to learn CSS in order to make a change in their homepage.
For instance, in one of the "One Page" website I made a couple of years ago, the client wanted to change one of the panels seasonally. I created 4 season templates for each page, but they still had to make some adjustments that the "OnePage" extension I used in that template made easier for them.
But it doesn't sound like there is something built in into Gantry that accomplished this, I guess I can use some other company's extension and see if I can make it work together. I wanted to make sure something wasn't already available.
Thanks.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
A bookmark anchor is just an ID on an html element that you can link to. So there's no need for any component or extension to do this. Our templates already have many ID's already used in the template that you could use (e.g. #g-showcase for the showcase section of the page). But if you want to use your own then you can add a CSS ID on the section settings or particle settings on the layout of your outline. You can link to any of these by just using the link (so in a menu, a customhtml particle, another particle, your own buttons , etc etc).
So, I really can't see why you need any extension or component to do this? it takes seconds to achieve. The only thing that you might want is to add smooth scrolling to those named anchors and I have written a tutorial about that here http://www.rockettheme.com/forum/gantry5-for-joomla/249639-smooth-scrolling-creating-your-first-atom-revised .
If you want the sophistication of making each section fit the page of the browser then I already gave you the JS solution to that which you can add as an asset, again it only takes a few minutes to add.
So, everything that you want to do is totally achievable in Gantry 5 without any significant effort on your part.
Regards, Mark. - 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.071 seconds