How Do I Use the Stories Module to Add a New Rotator Image to my Homepage?

The Tendenci Stories module is an extremely flexible module that allows you to add updates to your website (on the homepage, sidebar, etc.) to showcase announcements or events you want to showcase. Typically Stories are used within a homepage rotator on your site.

Each Tendenci template or custom design site uses Stories a little differently - these are general instructions for how to add stories to your site.

Example Homepage Stories Rotator:

DePelchin.png

Video: Add a Rotator Image to Your Tendenci CMS Website

Video Transcript

Tendenci uses tags inside of its system to help display content inside your internal pages and on your home page in specific content areas. For example, if you look here on the screen we have our rotator box in a brand new site, and it says to used the word "Rotator" when you add your first story, that will allow it to show up here on the rotator.

Adding a story without rotator would not display it on your main rotator bar. You can also add stories as you read down here, add a story and tag it "Sponsor," to have the image appear here. So let's go ahead and add a story.

The first time you do that, you can simply click on this link inside your template and it will take us over to add a Story. A Story is a short way to add an image, maybe a short sentence about what the thing is about. So we're going to do "my first story."

Here is a content box add story details as you would like - and then you can choose the image, this is what will go inside the story rotator. So we're going to come down here and let's select (this imagee). This is going to be a rather large image because I know that that was a large rotator box and again I have a help file in the Tendenci help files that will be linked with this video where you can find all the different template sizes for these types of things.

So if I wanted it to link somewhere, in this case, the picture I used goes to a park called Discovery Green. It already comes the first time because I clicked through labeled as a rotator, you will want to add this later. Stories come with start and date and end times for when they will be removed automatically or uncheck this box if you want it to never expire.

And then we have our permissions where you can determine who can view it and who can't. Since this is a rotator and it's going to be on our home page we want it to show up for anyone who visits.

And then here's some administrative features that we can cover when we go into detail on adding content specifically. We're going to go ahead and click add the story and it's going to upload the image and save it... and then we will be able to see what that looks like with the rotator tag.

So we'll click on our logo here to go back to our homepage and here we see it says "my first story." The content that I put in that box is right here and here's the image that weíve uploaded into the rotator.

Now because we've uploaded our first story into the rotator you'll see that the other options for the rotators are no longer here. So how do we add our second rotator box so that actually will go through the banner. To do that we'll come to our admin bar at the top, we'll come down to where we see stories and click "Add a Story."

We'll wait for the stories page, here we go we'll add some text in her. Let's pick a different file and this time I'm going to have it go ahead and link to Tendenci.com/events. Now again you see this time it doesn't say anything in the tags box, we're just adding a story, it doesn't know which one we want. However, if we start to type a tag, anything we've entered before will drop down and we can select "Rotator" from there or just type the whole thing in.

Now let's say I think I do want this one to expire on March 30th, I can select the time as 1pm in the afternoon. It won't show up after that. And then we're going to go ahead and hit "Add Story" again.

Go back to the home page since it successfully added the story and now youíll see we have two stories. "My first story" and - see it's rotating on it's own - "My Second Story".

So now you can see how to add stories in your Tendenci web site. Clicking on these links will take you to the link you referenced inside when you created the story.

Instructions & Screenshots: Using the Stories Module

 

 

      1. Once you are logged into your site navigate to the "Stories" app, then select "Add  story"


On older versions of Tendenci select the + icon next to stories in your content dropdown instead

 Add_a_Story.png               

                     2. You will be taken to the page yoururl.com/stories/add . Fill out the fields

Stories_Add.png

Title

What the story is called. This is the text that will appear on your site.

Content

A summary or synopsis of your story goes here. The length of this text will vary based on how much space your stories take up on your site. It is best to keep this short and link to more informaiton somewhere else on your site via a blog post, event page, annoucement, article, etc.

Photo

This field is optional. Some sites will allow pictures to be posted along with the title for the story; use the photo field if your prefer it or if your site allows it.If you would like to remove or change a photo you have already added, there is a "Remove current image" box underneath the photo field you can check. Scroll to the bottom of the page and click "Save Story Changes" and it will remove/replace the old image.

Full Story Link

This is where the link to your blog post, event page, annoucement, article, etc. goes.

Link Title

(Optional) Use the field to label your link. Ex: Upcoming Event for Organization

Tags

If this is set up in your template, the tags field allows you to send your new story to a specific location on your site. For instance, some sites have tags like "sidebar" "rotator" or "homepage" that indicate where the story should pull in. If your site only has one rotator where stories can pull in, you may not need to add a tag to have it display.

If you have any questions about how stories tags are set up on your website, please contact Tendenci Support at support@tendenci.com

Start Date/Time & End Date/Time

  • Start: Set the start time for when you would like the story to appear on your site. You can set it for immediately or a date in the future. This is an easy way to post recurring items automcatically
    End: This tells your site when to stop showing that particular story on your homepage. This way you can automatically take down outdated content. **Note: You must check the box labeled "Expires" to activate the "End Date/Time" function

    Start_Date_Time.png

3. Make sure to check the "Public can view" box under permissions.

Public_View.png

4.Click the Add Stories button at the bottom of the page, and you're done!

Add_Stories_Icon.png