Is it possible to change shortcode appearance in Wordpress TinyMCE editor? One of my clients has no HTML knowledge and it's really hard to explain him what not to edit on subpages.
By default, shortcodes look like this:
And I want to achieve this:
Does TinyMCE support any kind of custom filtering?
Sounds like you should use SyntaxHighlighter plugin with TinyMCE - Adding SyntaxHighlighter to TinyMCE
After you integrate, create new brush that will color [shortcode].
Related
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 would like to add a couple of custom attributes to the link popup on the Gutenberg editor in wordpress. Would like to have something in the following lines:
There is currently a pending issue for the same on the Gutenberg's Github page: https://github.com/WordPress/gutenberg/issues/11599
Is there a way to achieve what I am looking for? Any help would be appreciated.
I'm also looking to extend with new controls the link panel. However, I did not found an easy to understand exemple yet. Here is how the Yoast Seo plugin is doing though.
I am coding WordPress theme and need to create custom CSS box like Addition CSS of BasicStore theme. Please tell me how to do that.
enter image description here
You can do this many different ways
I prefer ACF options page (https://www.advancedcustomfields.com/add-ons/options-page/) but I thinks this available only with POR version.
Then you can use WP options page (https://developer.wordpress.org/reference/functions/add_options_page/)
or customizer (https://codex.wordpress.org/Plugin_API/Action_Reference/customize_register)
How can I add built-in textarea in Wordpress v4 like when I hit Post -> Add new in theme development? I mean textarea with bbcode.
I need to add it to theme options page https://codex.wordpress.org/Creating_Options_Pages
I've used this plugin a ton for things like that.
This will work: https://wordpress.org/plugins/advanced-custom-fields/
Enjoy!
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/