I would like to give the user the ability to insert custom elements in the Wordpress editor such as an accordion panel item for example. Or a an element which has an certain class or an inline style margin for example without using the HTML editor. Only using the WYSIWYG editor.
Is there a comfortable way to do this?
You can create an own plugin (this is not that difficult) and add one or more buttons to let users insert those things.
Related
I'm using child mylisting theme on wordpress , is there any way to add a button so that my changes appear on all listing pages between content.
when adding the button shows like this
any way to add button in content area.
Easiest way is to use child theme. You can then copy across the appropriate template and add in the code for the button.
It sounds complicated but it's really quite simple. It's all explained in the theme documentation:
https://docs.mylistingtheme.com/article/installing-child-theme/
I have a Website that is designed on Html and Css. Now I want to make it same as on WordPress. Tell me the best possible options that help me to create same as its style. I also want to add that css on WordPress.
You have several options for that.
1- Create your custom theme. this will allow you to add your HTML and CSS codes.
2- you can use page builders like Elementor and use the HTML element. then by adding your HTML and CSS codes that will render on the page.
Using both above methods will not allow you to edit page as you normally do using page builders. it has to be using HTML and CSS.
3- Re-create your website using page builders on wordpress, it will be easy and fast and you can make future edits easier.
Navigate to your Admin Dashboard.
You can use the WordPress Visual Editor to quickly add HTML files to
your website.
Click Pages in the left sidebar. Next, look at the left-hand
sidebar.
Choose an existing page or create a new one.
Click Add Block.
Add a 'File' block.
Choose your HTML file.
I'm very new to WordPress (tbh, it's my first time working with it). And I need to make a website as my school project using CMS. Creating pages with templates is alright, but I have a lot of troubles with buttons. I found this website, and I can see it using WordPress. I need such buttons as on this page https://movie-chooser.co.ua/random-movie-2/ (they appear when you hover over the image). Is this a default option for buttons in WordPress? If not, is there a plugin for this or what is the way to add them on my images?
First Install Elementor plugin https://wordpress.org/plugins/elementor/
and go to page when you add button and open page with elementor
and do drag and drop any element like button, space, text editor etc.
You have several ways to achieve that:
Overwritting Wordpress CSS
Using a plugin
Create your own shortcode
1 - Overwriting Wordpress CSS
If you manage to display all the elements using wordpress template, and your only issue is to display buttons over the images, then it should only be a matter of CSS
2 - Using a plugin
The idea here is to find a plugin that help you to create/display the informations you need (maybe you'll need to add functionnality to basic post though custom fields or using a custom post type).
Once you find the right plugin, again if the plugin dosen't directly offert some settings on the design then you'll have to overwrite the plugin's CSS rules to display the elements as you want.
3 - Create your own shortcode
If you're new to Wordpress I wouldn't recommend this method as it is kind of advanced, unless you're comfortable with PHP/HTML/CSS (optionaly JS).
This is the more flexible solution as you can basically control anything, but it will require you to understand some core concepts of Wordpress like WP Query and how custom queries works.
The idea here is to create a shortcode.
THis shortcode refere to a custom made PHP function, in which you can create a custom request to fetch the informations you need to display from Wordpress database, and display it in an HTML structure that you decide.
THen angain, you'll just have to customize it though CSS.
Note : no need to create a whole plugin if you decide to create a shortcode, you can use the template functions.php file for that.
I hope I finally found some really plain WP theme with Bootstrap 3, but now I want to format my content in WP' WYSIWYG text editor. For example I need to create grid, table, buttons, etc.
Finding any plugin seems impossible. What is the best practice?
I think your question is very broad.
A easy solution will be to add some buttons to the default editor, see: http://codex.wordpress.org/TinyMCE
Adding Buttons There is a simple (if you understand the Plugin API and
hooks) means of adding your own buttons to TinyMCE in WordPress on the
TinyMCE Custom Buttons page. See also Plugin API Rich Text Editor
Filters for more information.
Or you could great shortcodes for your function and use b.e. http://wordpress.org/plugins/shortcodes-ultimate/ (Allows you to create custom shortcodes, with a additional addon), see: http://gndev.info/kb/how-to-create-custom-shortcode/
I am using asp.net, i have added tinyMCE editor to my page.
I want to add a custom plugin to TinyEditor that display a drop down list with some variable.
And on selecting a variable from variable list that can be added to cursor place in text area.
How can i achive this or make a custom plugin of this type to be added in my TinyMCE.
For that drop down list on that plugin i want to use Jeditable, that display a drop down list.
Here is a moxiecode tutorial on how to write an own tinymce plugin.
The only problem i see is that you cannot use your own mechanism to display a drop down list.
I think you might have to stick witch the regular tinymce drop-down mechanism.