Include any widget in a page for any theme. [do_widget widgetname ] or [do_widget "widget name" ] [do_widget id=widgetnamedashed-n ]or inc
PLEASE get your widgets working in a sidebar BEFORE activating this plugin, and PLEASE read https://wordpress.org/plugins/amr-shortcode-any-widget/installation/ and the settings page before asking any questions.
Widget help, the widget is doing this, when it should do that
Please get the widget working first in a normal sidebar without this plugin and ask for support on the widgets forum it is does not work in a normal sidebar.
How to identify widget
To identify your widget in the shortcode, use the NAME or the ID.
The name is the generic NAME like "tag cloud".
The id is how wordpress identifies the instance of the widget. The id is visible at the bottom of the widget settings box.
Styling, your theme, css, overriding
Yes anything could happen wrt the appearance.(There are tens of 1000s of themes and widgets. Multiply out the possible combinations. Add in css specifity, inheritance and cascading rules. Consider you are moving the widget out of the sidebar where the the theme and widget plugin expect it to be. ) The effects are very dependent on how your theme has specified the css that may apply to widgets and sidebars/widget areas.
It may work beautifully and have the content looking like it belongs with your theme.
This plugin tries to help encourage that 'belonging' look. If it fails then it offers ways to switch the html and/or the classes being generated.
Examples: * you may have undesired effects applying that do not work in the main content area * You may have desired effects not applying because the css is specific to a themes sidebar and does not apply to the html in a page.
The plugin can help a bit - Via the plugin you can do the following to affect styling:
Remove the general wordpress 'widget' class from the widgets wrapping html and the 'widget_title' from the title html. ([do_widget widgetname widget_classes=none]
Change the 'wrap' html and the title html with parameters wrap=div title=h3. See the settings page.
Apply an existing class in your theme. Use [do_widget widgetname class=yourclass].
Use the additional class 'amr-widget' provided to specify alternate css in your themes stylesheet or with something like wordpress custom css.
One of the new features is as a default setting is that the plugin will try have your current themes first sidebar styling apply to the widgets inserted into a page via the shortcode.
Many folks requested this, insisting that absolutely this is what should be happening and why didn't it? Well..This could be great - Imagine: a plugin that can pick up the theme styling and change it as your theme changes.
The success of this depends very much on how your theme specifies it's css. Does it always use classes ? - more css will apply. Does it lock the css down by sidebar-id: that css will not apply.
It also depends on what the original widget plugin does with css and js. It may have done something thinking that the widget will always be inside a sidebar and not anticipated being in a page. This the shortcde-any-widget plugin has no control over.
For example: An unwanted effect could be white text on a white background as in the twenty fourteen theme.
If you have an undesired styling effect with the default settings:
You need to learn the joys of the 'inspect element' tools in various browsers or browser web developer, firebug add-ons, so you can see what css is applying to what html. Then you can either change some of the html or override or change the css.
Options if you don't like the default result:
Use the 'amr-widget' class that has been added to the widget wrapping html to override any css.
eg: .amr-widget [ color: #000000; }
Tap into a class you already have in your theme:
Change the html that the shortcode-any-widget plugin will use.
eg: don't like the h3.widget-title styling ? change the title html to h2 in the shotcode parameters
eg: don't like the 'aside' wrapping html styling? change the wrapping html:
If you only using widget, maybe inserting the whole sidebar or widgertarea would give an interesting effect. Sidebar background css may apply.
Compatible up to: 4.7 alpha
Last Updated: 7 months ago
Active Installs: 70,000+
1 of 5 support threads in the last two months have been marked resolved.
Got something to say? Need help?