simply connect CSS/JS files

Hi gschudel,

Sorry for your trouble! If you’re looking for videos, Mijingo has a good set for ExpressionEngine 2. And yes, as you found, train-ee.com is another good site for learning ExpressionEngine.

I’m not sure exactly the problem you’re having. I visited the site you linked but it’s just a blank page, so I cannot see the requests that are trying to load the JS and CSS you’re having trouble loading. It should be quite simple though. To load CSS, put the file somewhere on your server then, then link to it as you would if you weren’t using ExpressionEngine. Same with the JavaScript. You don’t need to be putting JS or CSS in to templates, just put your HTML in those.

Hope this helps!

@gschudel – you’re likely going to need to post some of your template code for us to get an idea of what you are doing. The Train-ee website (already mentioned) has resources to help you learn: http://train-ee.com/ including a book that is very helpful but a respected member of the ExpressionEngine community.

But to be helpful, we’ll need some examples of your work so far to review/comment on.

As a general note, many will agree the easiest way to develop a site for ee when you are starting out is to build the page static, like you were making it without a CMS at all. Drop that into your template, then you can make it dynamic a piece at a time. A more bite-sized approach to understanding the software.

Hey @gschudel,

Not sure if you’d like some additional resources, but when I first switched over to learning EE I found this situation similarly frustrating until I realized it’s a different way of looking at building things. That’s probably the more important adjustment you’ll want to make coming over to EE from WordPress. Once you’ve done that, it makes a lot of this much more straightforward.

Now, most of these links will be geared towards ExpressionEngine 2. For info on the latest version you’ll want to adjust accordingly.

YouTube *https://www.youtube.com/watch?v=0b2Of3yj3s0 (admin menu) *https://www.youtube.com/watch?v=0eXBUAAiNKI (Pages module explained)

Documentation EE2 documentation website http://ee2docs.com/

Blog Posts *Switching from WordPress to EE https://viget.com/inspire/wordpress-to-expressionengine *http://veerle-v2.duoh.com/blog/archive-summary/category/ExpressionEngine *http://eeinsider.com/videos/show/removing-index.php-from-expressionengine

Mijingo *Learning ExpressionEngine https://mijingo.com/products/screencasts/expressionengine-tutorial/

Train-EE: *http://www.train-ee.com/courseware/screencasts/detail/relationships-in-expressionengine (with free screen casts you can download to watch later as well as example files)

Quora * Alnisa Allgood does a great job of discussing this area. https://www.quora.com/profile/Alnisa-Allgood *https://www.quora.com/Which-is-better-ExpressionEngine-or-WordPress

EE Guide Book *http://eeguidebook.com/

BlueFish Design writes EE tutorials as well *http://bluefishds.com/blog/category/expressionengine

EE on Stack Exchange *http://expressionengine.stackexchange.com/

James Smith *ExpressionEngine URLs http://www.jamessmith.co.uk/articles/expressionengine_url_schematic

DRY principles, building websites with ExpressionEngine *http://code.tutsplus.com/tutorials/apply-the-dry-principle-to-build-websites-with-expressionengine-2–net-16848

Some template code below for loading CSS, jQuery and libraries in the HTML head.

<!-- Stylesheets -->
<link rel="stylesheet" href="{site_url}_assets/css/build/production.css" /> 

<!-- modernizr for feature gap detection -->
[removed][removed]   

<!-- web-fonts -->
<link rel="stylesheet" href="{site_url}_assets/fonts/font-squirrel/stylesheet.css" data-norem />


<!-- Grab Google's CDN jQuery. With fall-back to local -->
 script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" /script
  [removed]
  if (typeof jQuery == 'undefined') {
      [removed](unescape("[removed][removed]"));
  }
/script


<!-- juery-ui -->
<link rel="stylesheet" href="{site_url}_assets/js/plugins/jquery-ui/jquery-ui.css" type="text/css">
<link rel="stylesheet" href="{site_url}_assets/js/plugins/jquery-ui/jquery-ui.structure.css" type="text/css">
<link rel="stylesheet" href="{site_url}_assets/js/plugins/jquery-ui/jquery-ui.theme.css" type="text/css">
[removed][removed]

Where you see “removed” is just normal script tags, as well I edited the others so that it should show up in this forum post. Format your script tags are you normally would within HTML.

The “{site_url}” is your variable for writing the URL path. I try and make most paths relative when I’m planning the projects as well. And I personally don’t have EE manage my stylesheets, though you can. I prefer to leave them as static files.

This website here is using ExpressionEngine. It has a carousel on the single product pages, modal windows and many other engaging site visitors expect nowadays. http://bravechick.com/

I know this is a lot of info. Feel free to hit us back with any other questions.

Thanks, Reuben