Customising a plugin for Genesis/Studiopress Wordpress - php

I have created a carousel (not perfect yet - images are not showing but it could work) with custom control icons ("next" "back") with Boostrap:http://homepage160630-v3.bitballoon.com/travel
Being not familiar with PHP, I found it difficult to integrate a CMS like Wordpress into my code, so I am trying to re-create the same site as a Genesis/Studiopress Wordpress site based on the Genesis Sample theme:
http://paulheartfieldphotography.com/home/portraits/
My biggest problem is to create the carousel. I have looked at "Easing Slider" plugin: of course it does not allow to position the control icons or even to create my own.
I wonder what shall I do? try to create the custom carousel by transforming my Bootstrap code into PHP or try to edit the plugin? or something else?
https://en-gb.wordpress.org/plugins/easing-slider/

I think your best option is to get bootstrap shortcode plugin like this one https://wordpress.org/plugins/bootstrap-3-shortcodes/
However there are a bunch of them and you should check what works best for you. The link above is just to visualize.

Related

is there a way to make HTML, CSS , JS static page a wordpress dashboard so that the user can change the content images

I am working on a landing page using HTML, CSS , and JavaScript which are the tolls I am familiar with, but the client informed me that he want a dashboard to update the contents , images ...etc . I am not familiar with WordPress and have not done any project before. So is there any way to create the website then convert it into WP or any other way to solve the issue I am facing ?
hope I found a solution here
Yes you can create the HTML first. Then you can convert it to a WordPress Theme. But would require some PHP coding and knowledge in WordPress template structure, functions, etc.
Or else, you can hire a developer for this purpose.
Or the more easier way for you would be to use a drag and drop content creation plugin like Elementor (personally, I like it more) or WPBakery or something else.
EDIT:
To answer your question in comment, there's a starter theme called Hello. You can use it as your canvas and start adding your components and layouts in it. There are many third party Elementor addons available for use (some are premium). I mean certain elements for your layout would already be there as an addon widget created by someone else or it might be already shipped with the Elementor plugin!
If you have some time to spare (I mean it's not an urgent project), I would suggest some time playing with it.

How to make a dynamic wordpress page (custom control/page template box)

I have completed numerous wordpress template tutorials focusing on implementing multiple pages, and a custom dynamic navigation. The only issue I have is finding a source on creating a custom template box. For example, my goal is to customize the page template box following the mock up. The content placement is done in php, and designed in css. That way I dont have to add content in php but instead add it in wordpress based on my custom design. I have not found any source to achieve this. Does anyone have a source that displays how to create custom template boxes(the dynamic part)?
Links below is what I used to create my wordpress site
https://www.smashingmagazine.com/2013/05/migrate-existing-website-to-wordpress/
custom navbar for wordpress using bootstrap
I tried another source called Dynamic Page Templates in WordPress, Part 2 which suppose to explain how to create custom controls/template boxes. Following the link was unclear, resulting in not achieving the goal.
Thanks,
There are many ways to create a dynamic page in WordPress. I am sharing one of it. Install Advanced Custom Field Plugin and read its documentation. It allows page content to be changed from back-end (Its great for text/images). For areas where you want to user to choose whatever custom widget she wants to choose, add a widget area following any custom widget tutorial.

How to get submenu dropdown with images in wordpress?

I'm a very beginner in wordpress.
I need to add submenus with images in wordpress. Let's assume Main menu has menu1, menu2, menu3, ...etc. and I need to add submenu1, submenu2, submenu3, ...etc under the menu2 as sub dropdown menus with featured images. Can anyone tell how to do that in wordpress?
Can I use two menu plugins simultaneously?
You should look for a mega-menu plugin or maybe use a custom theme that already includes one.
this one is free and wellknown: https://de.wordpress.org/plugins/megamenu/ (wellnown is important because of the docu and the community if you need help). This will be the easiest thing if you're new to wordpress.
Correction after talkin to lee. He / she is right. The following part is the 'advanced" solution.
I, after 10 years of WP development, would code my own function, hooking into the wordpress image uploader. Many scripts are allready included in wordpress / many functions are working out of the box. Image upload is one of those scripts / functions.
So you can enqueue the script that wordpress delivers (see following link, 'Default Scripts Included and Registered by WordPress' > 'Media Upload'):
https://developer.wordpress.org/reference/functions/wp_enqueue_script/
As a real example how to implement it, would be way too much in this answer, I am giving you this link: http://code.tutsplus.com/tutorials/getting-started-with-the-wordpress-media-uploader--cms-22011 (usually i wouldn't paste a link as a answer, but as this is a side-answer / tip i guess it's okay).
All the best

Wordpress Styling

I am new to using Wordpress as a developer as opposed to just using the dashbord but am struggling to understand a few things and would really appreciate some help.
For a site that does not require a blog - do you just create custom/specific page templates for each page that your site requires?
If so - presumably you code the content directly. But then how does the client edit their website's about page or any other page for example - because doing it through the dashboard isn't going to use the necessary CSS hooks without using classes, id's and HTML?
As a beginner to Wordpress - I can't see that posts are used on sites that don't have a blog, but am I correct or is using posts the way a client can edit content on their site, but just have posts styled to look like normal content?
Or am I wrong in thinking a company (I am starting as an intern at a web dev company that use WordPress) provides the tools or at least configures WordPress to enable the client to change content?
Any help getting me to understand the basic concept and way a developer would create a custom WordPress site would be much appreciated. Thanks in advance.
You can use page.php. In WordPress everyone create at least one custom template type to get wider design for custom pages.
You can refer here for more info.
Use Advanced Custom Fields with page templates. Say you are making an About page, call that template about and select that template in the backend editor. Once you save the page, the acf fields will show up and you can populate the content.
ACF: https://www.advancedcustomfields.com/
Page Templates: https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/

WP Plugin: Adding a custom code in editing post and rendering it

I am new into WP Plugin development. I want to make a plugin which adds the facility to use any custom code within editor to render it into something else. For instance if I am referring my Hacker News profie and I am using the code H(HackerNewsID) then after publishing it makes a URL of Hacker News pointing to my profile.
What feature of WP would be best fit for it?
Thanks
You cand try shortcodes http://codex.wordpress.org/Shortcode_API

Categories