Plugins such as that typically add widgets at Dashboard > Appearance > Widgets, then you drag the plugin’s widget to wherever you would like it to appear. In some cases, plugins either also or only have shortcodes — [display me] — you can add just about anywhere (and maybe even in a text widget) to make their outputs appear.
Thanks, I think I’m beginning to understand I need to research them more and try a few on my site.
Tony
note: With a plugin such as Google XML Sitemaps, it writes and places a sitemap file that can only be viewed by a human or robot going to its actual domain.com/sitemap.xml link.
Just one other question. I tried adding Google maps and a contact form on a contact page. However the first line of the title for the first box of the contact form appeared alongside the map and not underneath it. The only way I could get that right was to make the map fill the whole page! Is there some code I can add after the plugins code on a page to force a parabreak? I’ve tried adding a return and using
code but neither work. So it’s a question of how do I separate the plugins when there is more than one on a page?
Thanks
Tony
Some plugins such as for a contact form have built-in options for custom styling (CSS), but virtually anything displayed at your site can be custom-styled in a Child Theme. For example:
/* center SM Gallery plugin display */
body #content .ad-gallery {
height: auto;
margin: 0 auto !important;
width: auto;
max-width: 100%; }
To do that where desired or necessary, you first make a Child Theme and then either begin learning CSS (if you do not already know) or have someone else do that for you.
Thanks for that. I had come across Child Theme’s. I don’t know about CSS files yet, but I see I need to learn about them, although that may take me a while as my 69 year old brain doesn’t work as fast as it used to :-)! My past experience is all in HTML files.
However, I’m not sure what I want to do requires the theme style changing? What I have is two plugins on a page, Google maps and a contact form. So the code on my page is [wpgmza id=”1″]for the Google map and [contact-form-7 id=”37″ title=”Contact form 1″]
for the contact form. I just want to know how to make the contact form sit beneath the Google map widget and not along side it? Isn’t there a bit of code I could add to create a paragraph break after the Google map widget to force the contact form to appear underneath it (in HTML I would use
)? Is there an equivalent code snippet for WordPress?
Is it really necessary to edit the css style sheets for the widgets to make that happen?
Thanks
Tony
Take a look here:
http://www.nnysandbox.net/page-nine/
I do not know how that will actually look with your plugins displaying on your own page, but using the Page Editor can at least “style” their shortcodes to be as you want them…and with the Page Editor in “Text” mode, that portion of that page looks like this:
<p style="text-align: center;">[wpgmza id="1"]</p>
<p style="text-align: center;">[contact-form-7 id="37" title="Contact form 1"]</p>
I don’t know about CSS files yet… My past experience is all in HTML files.
I do not know all the terms and applications, but my 63-year-old brain thinks the above is done the same way in HTML. CSS simply means “Cascading Style Sheet”.
I’m not sure what I want to do requires the theme style changing?
If the above does not work, then the style.css sheet in a Child Theme is where you would tell your theme what to do when it encounters those shortcodes.
Great, Lee that worked perfectly!
Thanks for your help.
Tony
