Wordpress: How to administrate Background-Image and Content Slide - wordpress

I am about to build a Wordpress theme for a non-blog website. I am familiar with the basic post/page concept and I used to set a static page being the front page.
Now I want the fron-page to change *its background image* and a little part of its content every few seconds (Here is an example of what I am trying to achieve.)
I already know how to develop the javascript and HTML part of that! I would like to know how to make those changeable items (background-image as well as the small content) to be managable in the Wordpress admin area (Since that's the whole point o a cms, right :-)).
How would you do that? Is there a plugin to connect custom contents like that? Or do I have to build my own plugin? I would appreciate your thoughts :-)

The rough steps to take:
Create a custom posttype
In the supports option enable thumbnail
Create a few posts with a featured image (and other data you want)
Fetch your posts using WP_Query
Loop your posts.
Do JS magic.
questions? ask.

Related

Is there a WP Bakery-compatible WordPress plugin that works on multiple blocks?

I need a WordPress plugin that will let me hide a bunch of content until a user clicks on a Read More link.
Sounds easy, but here's the twist:
I need to hide both text and images
The content is set up in separate WP Bakery blocks
All the plugins I found so far only work within a single block, they can't hide multiple blocks.
I'm a designer, not a developer, so I'm sure I'm missing something. Is there a reason this can't exist?
Please halp! I really don't want to redo the content.
I talk in pictures better than in words, so here's an illustration of what I mean

Best way to develop WordPress site filled with pages like this

I got designs for pages that all look pretty much like this:
page mixed with editable text/photos and custom post types loops
What is the best way to develop theme like this? Let's say client ic complete noob when it comes to HTML/CSS (and even WordPress, which he demands)
The best way to develop themes like this is using Bootstrap + WP Theme Development together.
https://codex.wordpress.org/Theme_Development
http://getbootstrap.com/docs/4.0/layout/overview/
If you want to have fragments like jobs or article list within the content you can add this functionality by shortcodes - https://codex.wordpress.org/Shortcode_API. Let me know if you need example ( like post or job listing with shortcode ) ?
If you can do some custom page template development for the Wordpress Theme I would highly recommend using Advanced Custom Fields Pro to handle the content entry. It costs $$ but is well worth it. I use this plugin for most of my Wordpress development.
Specifically, I would recommend the ACF Flexible Content field to make the kind of layout in your screenshot. You can code up template parts for each "Layout" and then the user can construct a page with any of the layouts you have configured in any order they want.

Hint for Wordpress Theme

I'm developing a theme for wordpress and would like to know the best way to show highlights on the home page.
Examples:
I thought two ways:
Custom post types -a custom post "highlight" with metabox for image, text and link.
Theme Options - a page with options for each box.
What is the right way?
Neither. What you want can be achieved using either Wordpress' core functions and/or Custom Fields. Consider using Custom Meta Boxes if you have a client that requires a more intuitive setup, or installing something like the Types Plugin to do it for you.
This will allow you to attach your own variables to given Posts/Pages.
To gain access to a post's Custom Fields, click the Screen Options button at the top of the Post Editor to enable Custom Fields.
Personally, I would Enable Support for Thumbnails for your Highlights image, use The Excerpt for your Highlight copy, and use either The Title or a Custom Field for the heading.
This way, you can keep all your eggs in one basket rather than overcomplicating things with Custom Post Types or Theme Options Pages.
Look at the Plugin "Ether Content Builder"
You could use either of the methods you've suggested. In my opinion getting involved with lots of meta boxes on one specific page template for this is a total waste of time - there is only an image, a header and an excerpt linking to a post/page. Three posts (whether custom or not) will handle that with featured image, excerpt and the page/post title.
I also think doing a Custom Post type is too much just for three posts on the homepage. If you go the posts route just create a new post category called Home Highlights and put your three posts in there, pull them in via a custom loop built on WP_Query.
Yes you can go the Theme Options route too. If it's the client updating the site then it can look quite professional this way, I've started using a plugin called Options Tree after it came integrated with Super Skeleton, it makes it very easy to build your custom theme options which work just as well too.
A matter of opinion really, rather than a hard and fast 'this one is definitely better'!

Is it possible to somehow add data specific to an individual page's widget in Wordpress?

I want to add a google maps widget to Pages on a Wordpress site. They all have the same Template with a Sidebar but the map will be unique for each. I feel like there should be a way to populate the widget from the edit page screen for that Page. Does each Page actually need it's own Template?
This seems limiting maybe I'm missing something. If the question is unclear I let me know but I think this should be something ppl have run up against before.
I would suggest the integration of a wordpress plugin to accomplish this. It will be fairly easy to do.
If you want to do this without purchasing any 'pro' versions of a plugin and don't mind writing some simple code, then I would suggest Simple Google Map. You will have to insert a shortcode into the widgetized sidebar area. Here is the plugin link - http://wordpress.org/extend/plugins/simple-google-map/
In order to customize each page's sidebar area, You need to write some code. Please refer to this article which will explain how http://www.wpbeginner.com/wp-themes/display-different-sidebar-for-each-post-and-page-for-wordpress/
It involves a simple alteration of your 'single.php' file and the usage of 'custom fields' so that you will be able to do this from the edit screen of the page, just like you wanted to do!
Use a plain text widget for each map and Widget Logic to select the page it appears on: WordPress › Widget Logic « WordPress Plugins

Image gallery in wordpress

Is it possible to create an image gallery in wordpress that is managed by the admin via it's own page / panel. I am not talking about creating a new post and adding custom html for each image. I mean actually having a page in the admin that has the ability to upload and manage your images?
If it is possible how do you go about creating a custom page like this? I understand the PHP side of uploading and manipulating images, but I don't know how to integrate it with wordpress. I don't need a full blow tutorial on how to do this, but if you could just point me in the right direction that would be great.
One issue that comes to mind right away, is if this is possible would upgrading wordpress break the code? Since I assume you have to edit the admin files directly and you can't just do it from your own custom template?
From playing around I found NextGEN Gallery (http://wordpress.org/extend/plugins/nextgen-gallery/) that has a tab in your admin panel. It looks like it would meet your needs.
You can manage all your media from the WordPress Media Library using tags if you install Tag Gallery
It requires the Media Tags plugin but it makes managing galleries so much easier and your using the built in media facilities of WordPress so it's not disjoint from the experience. There is a new version in the works that will offer much more impressive functionality as well.
Hope that helps.
There are a huge amount of image galleries for wordpress already made. Have a quick google for some (search "wordpress image gallery") and see if any of them are suitable (I'll be surprised if one of them isn't).
Failing that, you'll need to create yourself a Wordpress Plugin.
I've integrated ZenPhoto into my wordpress blog. It was pretty easy, would probably take you a few hours. The admin pages are completely separate from the wordpress admin pages, so you can easily give access to only one person.
You can create a custom post type called Gallery to manage create and manage image galleries. The post will have its own "Gallery" panel in the admin section and from there you can add new galleries just as you describe. There are lost of tutorials for creating gallery custom post types.

Resources