<![CDATA[ Newbie question: where do you find templates??? - My Forums]]> https://forums.modx.com/thread/?thread=104011 <![CDATA[Newbie question: where do you find templates???]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559355 This is probably a stupid question, but where do you find templates? It seems like people refer to the extras, but I can't seem to find anything that has something to do with templates in the extras menu (I mean, there are menu items like personalizations and style, but they don't seem to have much to do with templates). What am I missing?]]> wyrdling Jul 05, 2018, 04:01 PM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559355 <![CDATA[Re: Newbie question: where do you find templates???]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559384 Quote from: nuan88 at Jul 06, 2018, 09:48 PM
You can make your grid using bootstrap, LK is absolutely an expert in this area.
I prefer semantic gs less/sass mixin or css grid wink
..but as a white label agency we work with whatever grid system our clients prefer. Most commonly that is bootstrap or foundation though.]]> lkfranklin Jul 07, 2018, 05:24 AM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559384 <![CDATA[Re: Newbie question: where do you find templates???]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559383
I'm in a similar situation, I use PhpStorm for just about everything and tend to lay out local a project with more-or-less the same structure as the site structure in the MODX Manager. Then I actually cut-and-paste from PhpStorm to the Manager.

I could use static files on the live site and PhpStorm's deployment system to push them to the live site, but after losing work several times with that method, I abandoned it for cut-and-paste, and managing the files locally with Git and some file watchers (e.g. for SCSS, and for JS minification).]]> BobRay Jul 07, 2018, 05:18 AM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559383 <![CDATA[Re: Newbie question: where do you find templates???]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559379
You can make your grid using bootstrap, LK is absolutely an expert in this area. But fundamentally at the end of the day its html and css.

I don't know the specific one but I assume the tool you've used before is basically hiding the code from you, and that means I dunno a lot of js and other technologies, those can work...but they would have to fit into an html framework. Shading and so on, visual effects, are done in css mostly now, but js can be used in certain spots easily.

You can use SASS and other methods for development as well, but the output is basically the same.

We can fit literally anything to our layout, anything at all. Any technology or effect or functionality can be positioned where we want it to be.

One time Susan said "You can't do that", and we still found a solution. I was in on that one! laugh]]> nuan88 Jul 06, 2018, 09:48 PM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559379 <![CDATA[Re: Newbie question: where do you find templates???]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559366
https://www.youtube.com/watch?v=bNjKFs3XoFw



]]> lkfranklin Jul 06, 2018, 09:51 AM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559366 <![CDATA[Re: Newbie question: where do you find templates???]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559364 How do you guys work with templates - do you build and edit them in the manager or elsewhere? I'm used to using VS Code (and then auto-uploading the changed file to the server via ftp), so I'm feeling a little lost. I guess I'm asking how your workflow is?]]> wyrdling Jul 06, 2018, 09:28 AM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559364 <![CDATA[Re: Newbie question: where do you find templates??? (Best Answer)]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559359
For example, you could take a static page from an old-fashioned site, paste its HTML code into a new MODX template, then create a new, empty resource that used that template. When viewed, that resource would be identical to the original from the other site. This would be a waste of MODX's talents, but it would work.

A minimal MODX template would look something like this:

<html>
<head>
    <title>[[*pagetitle]]</title>
</head>
<body>

<h2>[[*longtitle]]</h2>

<div class="content_div">
    [[*content]]
</div>

</body>
</html>

The three tags above come from the fields of the resource being viewed. MODX will replace them with the results of the tags.

Here's a slightly more complicated version:

<html>
<head>
    <title>[[*pagetitle]]</title>
</head>
<body>
    <div class="header_div>
        [[$header]]
    </div>

    [[Wayfinder? &startId=`0`]]

    <h2>[[*longtitle]]</h2>

    <div class="content_div">
        [[*content]]
    </div>
    <div class="side_bar_div>
        [[$sidebar]]
    </div>

    <div class="footer_div">
        [[$footer]]
    </div>

</body>
</html>


The three extra $ tags are chunk tags, referring to chunks that would hold the HTML for the header, sidebar, and footer. The Wayfinder tag would produce the site's main menu.

There *are* some templates in the extras repo, though they're interspersed with the template-related utilities so you have page through the results to see them: https://modx.com/extras/browse/?search=template

Most (many?) of us roll our own templates because if we wanted a pre-existing template, we'd use WordPress and pick one of the zillions of WordPress templates out there. In addition, these days, much of what appears to be the template is really the CSS controlling how the page is rendered.

You probably know this, but for other newbies (I prefer to call them "experts in training" wink ) who happen by -- If you see a page on the web that you like, type Ctrl-u, or select "View Source" in your browser's menu. You will be looking at the raw HTML of the page, and with a little practice, you can learn to see how the author gets the page to look like it does. In a good browser, you can also click on the links to CSS and JS files and see their content displayed in your browser too.

If there are things on the screen that don't show up in the source, it usually means that they are placed there with JavaScript.

Welcome to MODX smiley


]]> BobRay Jul 05, 2018, 05:49 PM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559359 <![CDATA[Re: Newbie question: where do you find templates???]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559357
https://themeforest.net/category/cms-themes/modx-themes

There are some good videos in the MODX documentation:

https://docs.modx.com/revolution/2.x/getting-started/video-quick-start-series/]]> andytough Jul 05, 2018, 04:25 PM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559357 <![CDATA[Re: Newbie question: where do you find templates???]]> https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559356 lkfranklin Jul 05, 2018, 04:13 PM https://forums.modx.com/thread/104011/newbie-question-where-do-you-find-templates#dis-post-559356