Sliding column of text inside WP widget

[Joseph Alessio]

Hi! I have a WP site set up with a home page comprised of widgets, which you can see at http://aeolusquartet.com; the problem is, the friend for whom I made it wants the center column (“Recent News”) to rotate between several bits of news. That ‘layer’ in the home page is a ‘Snippets” widget, between the 2 full-width image widgets. I’m not much of a developer and I haven’t been able to get any sort of slider to work inside that text widget. So, here’s the question:

How might I be able to get that center column of text to rotate/slide in order to cycle through multiple bits of “Recent News”, while making it relatively easy to edit the news bits in WP?

Thanks in advance for your time and help!
-Joseph

[chrisburton]

What I’m concerned about is the backend. Can you screenshot what the news snippet looks like?

[Joseph Alessio]

Here it is, has 3 columns using shortcode. Screenshot

[chrisburton]

What will the markup look like right before you publish another news paragraph?

[Joseph Alessio]

I was thinking that the paragraphs would all be in that screenshot, essentially, but the 3-4 paragraphs would be in a single sliding column somehow, since only the middle column is supposed to have multiple items. It would be best if you could edit it from the screen I just linked. Is that what you’re asking? Not sure I understood the question correctly

[chrisburton]

Can you run a test for me so I can look at how it renders the code? Even if you create a new news paragraph that just says “testing”.

The reason for this is to see if WordPress creates a new paragraph tag <p></p> that you would need to target each news snippet for the content slider to work.

[Joseph Alessio]

It appears that it does, if I inspect the element in Chrome… like this, on the home page? http://aeolusquartet.com

[chrisburton]

Okay, great. It does create another paragraph tag which we can use to target each individual news snippet. Let me find a content slider.

[chrisburton]

Hmm. I’m wondering if you can use the slider you already have for this section. Is there a shortcode for the snippets?

[Joseph Alessio]

The slider for the testimonials is images-only, it’s a widget that was part of the theme; the “snippet” widget is essentially a text widget with more styling options; I could look for a way to use a different widget or something? If I can get the widget to take text then I could just use multiple slides of the same right and left columns but different center column perhaps?

[chrisburton]

I noticed in the source code that is uses the UnoSlider which is a text and image slider. I almost got it working just messing with the code in Developer Tools. I’ll have to take a look at the documentation to see how we can go about this.

I really hate WordPress.

[Author]

Posts