Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Author Tom Geller demonstrates how to create and publish a complete web site with the powerful tools in Acquia's hosted service, Drupal Gardens. The course shows how to leverage the pre-built page layouts and add custom styling using the ThemeBuilder tool; integrate rich site features, such as surveys, user ratings, and media galleries; and push content to Twitter and Facebook. The course also covers transitioning from a Drupal Gardens site to a self-hosted Drupal site. Exercise files are included with the course.
Now that you have seen what Drupal Gardens sets up for you by default, we can start to make it more like what you want. The three things that you have to change are the site's identification information-- for example, this explorecalifornia here-- the information on the site that identifies you as the company or creator of the site, and then if you like, the site's design. We will only go through these steps very quickly and without much explanation; the rest of the course will give you more details. To start, we'll change the identification information.
To do that, go up to Configuration and then to Site information. There are two areas here to change. The first one is the Site Name. I am going to just change it so that it has proper capitalization, "Explore California," and I will leave that showing. The second part is the site Slogan, which you might remember showed up just below the title on the front page. I am going to remove it by un-checking this box, but then I will also delete the text here. This is important to do if you really want to get rid of all semblance of the slogan, because it sometimes shows up in your browser's title bar if you don't remove it from both places.
Press Delete, scroll to the bottom, and click Save configuration. There. Now when we go back to the front page, we see that the site looks as we want it, with Explore California up here. Now, I want to start changing the things that identify us as a company. There is a few things to change. First of all, on the About page, Drupal Gardens throws in the sample map and explains how you can change it. But right now, it's on a place in Belgium.
So what we're going to do is change it according to their instructions. First, we will go to view it in Google maps. I am just right-clicking and opening it up in a new tab and then changing the address. I am going to change that to 6410 Via Real, Carpinteria, CA. There we are. Now we take a link off of this page by clicking the Link button over here, and copying the HTML here in the second area.
Then go back to our site and click Edit. Now this section gets a little bit tricky because the instructions they give you are not quite complete. You can't simply delete this and paste in what you just copied. You have to go to HTML and then do it. So I highlight the whole thing and delete it. And then Ctrl+V to paste it in, leave it on Full HTML, scroll to the bottom, and save. Give the page a chance to reload, and there it is.
We now have our map with the address that we want. We can further modify this by, for example, putting in our own address in plain text at the bottom of it, as it had before. So we could say "Contact us at: 6410 Via Real, Carpinteria, CA 93013," and go to the bottom and Save.
There. Now our About page tells a little bit more about us instead of some company out in Belgium. I want to make another change to this page. If you scroll down to the bottom of the page, you'll see there are links for Facebook and Twitter, as well as this site in an RSS Feed. If you go to those Facebook and Twitter pages, right now those actually go to Drupal Gardens pages, and we want to change that. To do so go up to Configuration and scroll down to Web Services and Site follow links.
Then I will replace the Facebook and Twitter accounts with my own. So, I'm going to go my own Twitter page. In this case, I'm actually going to use the lynda.com page. I copy it, go back to my site, and paste it in the appropriate place. And then do the same thing, of course, for Facebook. Scroll to the bottom of the page and Submit. So that's two of our three things. The third thing you remember is to change the site's appearance. Again, I will just show you this very quickly, but we won't actually change the sample site's look and feel until the video later in this course about switching and saving your themes.
To do so, however, click the Appearance link at the top of the screen. That brings up the Theme Builder. This is a very powerful tool about which you learn a lot more in this course. But the simplest thing that you can do is by clicking on any other theme that you see here right in the opening screen. I clicked on Broadway, give it a moment, and you see the whole site in a completely different look. Now, if I actually wanted to use that, I would click Publish, but instead I am just going to say close out of this, and it will return me to the Campaign theme.
Now we didn't make very many changes in this video, but you have quite a bit of knowledge at this point to make the site your own. Since most of what visitors see in your site is the content, however, the next video is also very important. That video is about creating and managing content on your site.
There are currently no FAQs about Drupal Gardens Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.