Community Forums › Forums › Archived Forums › General Discussion › Help displaying carousel from page to Gen. Featured Page widget
- This topic has 8 replies, 2 voices, and was last updated 8 years, 5 months ago by carasmo.
-
AuthorPosts
-
October 24, 2015 at 9:42 am #168899slkennedyMember
I have explored a lot of carousel plugins and haven't found any that will work for the site I'm working on. So I decide to attempt to use Advanced Custom Fields, a page template and Flexslider to make my own.
I've build the ACF inputs, and installed Flexslider on the page. Everything works great...on the page.
I'm using the Genesis Framework with the Cafe Pro child theme, and I'd like to display the content of my carousel page in a sidebar on the front page. So I pulled in the Genesis Featured Page widget and set it to show the carousel page and it's content. The carousel does not show up, but anything I type/add in the content editor will.
I'm new-ish to wordpress and new to ACF. So any advice on an approach to get ACF images displaying in a front page sidebar would be awesome.
Also apologies for not being able to give a link - having trouble with my host.
October 26, 2015 at 9:13 am #169042carasmoParticipantI'm trying to post a solution, but it won't post. I will see if I can use my jsbin or something.
October 26, 2015 at 9:41 am #169050carasmoParticipantWell, I actually answered this, but I don't have the time to trouble shoot why it won't let me post it. Maybe you can ask the admin why and I'll re-try later.
October 26, 2015 at 9:52 am #169055carasmoParticipantMy last attempt at posting this. It wouln't allow links. All the (dot) is a period.
I'm also new to WordPress (I used smarty so I kinda get it, but I'm an artist and this coding stuff is not easy for me). There are probably many ways but calling a page with a slider on it, unless you pass the slider code to the genesis featured page widget and all the fields to it, won't work.
Here's what I would do:
Create a custom post type called Slide or whatever else you want
Use ACF to create the additional fields you need for that post type (which is on the create new field group admin) so it shows up on only those types of pages
Use the featured image and other fields of WordPress default (like excerpt) - no need to add more
Create a short code (I read the WP instructions).
Put the short code in a widget that accepts short code (the short code that you made)
Make the custom post type
themergency(dot)com/generators/wordpress-custom-post-types/Read up on them.
Short Code Widget
wordpress(dot)org/plugins/shortcode-widget/This doesn't make one for you, you make it yourself and put in what you want (see example in the gist)
I have already enqueued my scripts and css (so all that is not included). I use the same slider for everything (multi, variable width, single, full width...) so I became very, very intimate with all it can do and how to skin it properly. It's called Slick slider by Ken Wheeler. There's a slightly expensive WP plugin, but you don't need it. It's MIT Licensed.
This information is very specific for my slider's .js initializations for showing multiple slides at once. The settings would need to be adjusted as per the instructions on Ken Wheeler's site for single slides and all the settings can be used as data attributes giving you/client the ability to change speed, add/remove touch, etc., as you want -- provided you make the attributes as I have done.
LINK:
gist(dot)github(dot)com/carasmo/85584ca257b0e6e5b119
October 29, 2015 at 11:33 am #169048carasmoParticipantI'm also new to WordPress (I used smarty so I kinda get it, but I'm an artist and this coding stuff is not easy for me). There are probably many ways but calling a page with a slider on it, unless you pass the slider code to the genesis featured page widget and all the fields to it, won't work.
Here's what I would do:
- Create a custom post type called Slide or whatever else you want
- Use ACF to create the additional fields you need for that post type (which is on the create new field group admin) so it shows up on only those types of pages
- Use the featured image and other fields of WordPress default (like excerpt) - no need to add more
- Make a short code
- Put the short code in a widget that accepts short code
Make the custom post type
http://themergency.com/generators/wordpress-custom-post-types/Short Code Widget
Short Code WidgetI have already enqueued my scripts and css (so all that is not included). I use the same slider for everything (multi, variable width, single, full width...) so I became very, very intimate with all it can do and how to skin it properly. It's called Slick slider by Ken Wheeler. There's a slightly expensive WP plugin, but you don't need it. It's MIT Licensed.
This information is very specific for my slider's .js initializations for showing multiple slides at once. The settings would need to be adjusted as per the instructions on Ken Wheeler's site for single slides and all the settings can be used as data attributes giving you/client the ability to change speed, add/remove touch, etc., as you want -- provided you make the attributes as I have done.
October 29, 2015 at 11:33 am #169047carasmoParticipantI'm also new to WordPress (I used smarty so I kinda get it, but I'm an artist and this coding stuff is not easy for me). There are probably many ways but calling a page with a slider on it, unless you pass the slider code to the genesis featured page widget and all the fields to it, won't work.
Here's what I would do:
- Create a custom post type called Slide or whatever else you want
- Use ACF to create the additional fields you need for that post type (which is on the create new field group admin) so it shows up on only those types of pages
- Use the featured image and other fields of WordPress default (like excerpt) - no need to add more
- Make a short code
- Put the short code in a widget that accepts short code
Make the custom post type
http://themergency.com/generators/wordpress-custom-post-types/Short Code Widget
Short Code WidgetI have already enqueued my scripts and css (so all that is not included). I use the same slider for everything (multi, variable width, single, full width...) so I became very, very intimate with all it can do and how to skin it properly. It's called Slick slider by Ken Wheeler. There's a slightly expensive WP plugin, but you don't need it. It's MIT Licensed.
This information is very specific for my slider's .js initializations for showing multiple slides at once. The settings would need to be adjusted as per the instructions on Ken Wheeler's site for single slides and all the settings can be used as data attributes giving you/client the ability to change speed, add/remove touch, etc., as you want -- provided you make the attributes as I have done below with "slide_count" and "infinite" in my_sidebar_slider_attrs array.
October 29, 2015 at 11:33 am #169046carasmoParticipantI'm also new to WordPress (I used smarty so I kinda get it, but I'm an artist and this coding stuff is not easy for me). There are probably many ways but calling a page with a slider on it, unless you pass the slider code to the genesis featured page widget and all the fields to it, won't work.
Here's what I would do:
- Create a custom post type called Slide or whatever else you want
- Use ACF to create the additional fields you need for that post type (which is on the create new field group admin) so it shows up on only those types of pages
- Use the featured image and other fields of WordPress default (like excerpt) - no need to add more
- Make a short code
- Put the short code in a widget that accepts short code
Make the custom post type
http://themergency.com/generators/wordpress-custom-post-types/Short Code Widget
Short Code WidgetI have already enqueued my scripts and css (so all that is not included). I use the same slider for everything (multi, variable width, single, full width...) so I became very, very intimate with all it can do and how to skin it properly. It's called Slick slider by Ken Wheeler. There's a slightly expensive WP plugin, but you don't need it. It's MIT Licensed.
This information is very specific for my slider's .js initializations for showing multiple slides at once. The settings would need to be adjusted as per the instructions on Ken Wheeler's site for single slides and all the settings can be used as data attributes giving you/client the ability to change speed, add/remove touch, etc., as you want -- provided you make the attributes as I have done below with "slide_count" and "infinite" in $my_sidebar_slider_attrs array.
October 31, 2015 at 2:23 pm #169755slkennedyMemberThanks so much Carasmo. I walked through your steps and got everything setup but the slider still isn't displaying in the front page sidebar. I also finally got the site online if it would help to take a look - http://www.nanabysally.com/wp-temp
November 1, 2015 at 7:29 am #169787carasmoParticipantHello,
I apologize for all the posts. The forum wasn't posting every time I tried. The example I gave was not meant to be used as is, it was meant to be adjusted and re-created for your needs. So it won't work out of the box. Also, I was under the impression that this section of the StudioPress site was a forum where others with more knowledge would participate, yet no one else has chimed in.
Where is the page you created with ACF that works? Why not make that the home page?
Have you looked at these posts, it might be a better idea
http://wpsites.net/web-design/image-slider-wordpress-header/
http://wpsites.net/web-design/image-slider-home-page-only/
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.