DnnDeveloper's Contact Us module is a simple module to implement a contact us page along with google map. It can easily integrate into the DotNetNuke portal and can be configured to match the layout/Skin.
DnnDeveloper's Contact Us module is a simple module to implement a contact us page along with google map. It can easily integrate into the DotNetNuke portal and can be configured to match the layout/Skin.
Once you've uploaded the WP Easy Columns plugin, this shows you how to add the content to the code provided to create columns within your posts or pages.
WordPress automatically gives you the Akismet plugin when you upload WordPress into your hosted space. It is a vital facility to protect you from spam. This presentation shows you how to locate your Akismet API key to activate that plugin.
How to give an old blog post a new make-over ready for 2015Fairy Blog Mother
A quick presentation that shows you some cost-effective things you can do to an old blog post to give it a make-over and a new lease of life ready for 2015.
Importance Facebook OG Meta Tags and Twitter OG Meta TagsLaxman Kotte
In Facebook or other social networking sites, if we want to show proper image of the Article, Title of the Article and the Some Description of the Article we should use these tags, it will drive traffic to our websites. There are Facebook Open Graph and Twitter Cards
Image Handling: Understanding the Basics of WordPress MediaRich Plakas
Good photos, logos, icons and other images on a site are key to a website's appeal, popularity and conversion rates. Rich Plakas will review uploading images in pages and posts, including the media settings, size options, as well as default image sizes – resizing images, creating thumbnails and the value of the alt tag and captions for SEO.
The presentation will also demonstrate how to use the WordPress built-in image alignment features and help attendees understand how images interact with the text; and will include wrapping text around images, changing margins, padding and borders around the images within the content and when and how to use the ‘Featured Image’ option. Photoblogs and Galleries will also be discussed, as well as some of the best plugins to use to manage and/or display images. We will close with a Q&A.
This session is designed to support those new to WordPress and is being repeated based on membership requests. Bring your laptops and your questions. See you there!
Reminder: As this is a class designed for those new to WordPress. We will not be discussing advanced image handling techniques. If you have advanced questions please save them for the Q&A at the next general WordPress Meetup. Thanks!
Once you've uploaded the WP Easy Columns plugin, this shows you how to add the content to the code provided to create columns within your posts or pages.
WordPress automatically gives you the Akismet plugin when you upload WordPress into your hosted space. It is a vital facility to protect you from spam. This presentation shows you how to locate your Akismet API key to activate that plugin.
How to give an old blog post a new make-over ready for 2015Fairy Blog Mother
A quick presentation that shows you some cost-effective things you can do to an old blog post to give it a make-over and a new lease of life ready for 2015.
Importance Facebook OG Meta Tags and Twitter OG Meta TagsLaxman Kotte
In Facebook or other social networking sites, if we want to show proper image of the Article, Title of the Article and the Some Description of the Article we should use these tags, it will drive traffic to our websites. There are Facebook Open Graph and Twitter Cards
Image Handling: Understanding the Basics of WordPress MediaRich Plakas
Good photos, logos, icons and other images on a site are key to a website's appeal, popularity and conversion rates. Rich Plakas will review uploading images in pages and posts, including the media settings, size options, as well as default image sizes – resizing images, creating thumbnails and the value of the alt tag and captions for SEO.
The presentation will also demonstrate how to use the WordPress built-in image alignment features and help attendees understand how images interact with the text; and will include wrapping text around images, changing margins, padding and borders around the images within the content and when and how to use the ‘Featured Image’ option. Photoblogs and Galleries will also be discussed, as well as some of the best plugins to use to manage and/or display images. We will close with a Q&A.
This session is designed to support those new to WordPress and is being repeated based on membership requests. Bring your laptops and your questions. See you there!
Reminder: As this is a class designed for those new to WordPress. We will not be discussing advanced image handling techniques. If you have advanced questions please save them for the Q&A at the next general WordPress Meetup. Thanks!
How to place images inside widgets in the sidebars in WordPress
1. How to place an image inside a
widget on your sidebar
http://fairyblogmother.co.uk
2. Go to ‘Appearance’ in the left
sidebar of the Dashboard and
from the menu extension select
‘Widgets’.
Alternatively, click on your
blog’s name at the top left of
the black bar at the top of
the page, and select
‘Widgets’ from the drop
down menu.
4. And drag it into the
position you want it
to be in you sidebar.
5. Once placed into the sidebar, the
widget will automatically open up.
The first field is for the widget’s
title. This will show above the
widget when it is placed in the
sidebar.
6. The second field requires the URL
of the image the sidebar will
display.
Once an image has been uploaded
into the Media Library, it is
allocated a URL or web address
for its own page on the blog.
See how to find the image’s URL
on the next slide.
7. An image’s URL is located by going
to the Media Library, finding the
correct image, and mousing over
the title to bring up the ‘Edit’ link.
On the next page look over to the
Save menu on the top right to find
the URL.
8. The third field contains the
alternative text, which is a
description of the image for the
search engines (who cannot read
images) and also for partially
sighted web users (who require
their computers to read for them).
9. The fourth field contains the
image’s title, which shows up as
the little yellow tag when the
image is moused over. It should
also be descriptive.
10. The fifth field contains the
caption, which is the description
that goes underneath the image.
A point to note is that the caption
is the second thing most likely to
be read after the post’s headline.
16. The alternative widget would
be the text one, but then you
will need to write in some code
to make your images show up,
like these social media icons
here:
17. Here is some simple code that
allows the images to show in the
widget in the sidebar and also
directs that image to a web address
destination.
I will explain it in the next slide.
18. The first thing I want you to
notice is the image’s URL.
It is placed between quotation
marks.
19. Now it has <img src= in front of
it, and /> after it.
This simple code tells the widget
here is an image that needs to
be shown, and where it is kept.
20. This code will
simply show the
image in the text
widget aligned on
the left.
Here it is complete: <img src=“http://alicedesigns.wordpress.com/2009/11/sidebar-twitter.jpg”/>
Show this Open This is the blog The date it The name of Close Finish
image location where it’s kept was uploaded the jpeg location imag
e
21. But if you want your image to be a
link to somewhere else, you need
more code before and after it.
Type in the destination URL the
image is directed to in front of the
image code.
It should also be inside quotation
marks.
22. Now put in <a href= before
it immediately in front of
the quotation mark.
And a > before the <img
which you will recognise as
the beginning of the image
code.
You are enclosing the
destination URL in between
the <>
23. But you need to cancel the
instructions to redirect the
image to another location at
the end of the code, so don’t
forget to add </a> at the end
of all the code.
The <a href= and </a> is the
code for the link, and the
image code is placed inside it.
Also note / cancels out an
instruction.
Now this Twitter image is
linked to my Twitter profile.
24. Now do the same for the other images
and their destinations, and they will sit
side by side inside the text widget.
NB: It is advantageous to make your
images the correct size before uploading
and inserting them into your widgets.
Sophisticated stuff:
If you want your images to be on separate
lines, add a <p> in between each of their
complete codes.
If you want the image to open up on a
separate browser page, add this code
before the > for the link: target=“_blank”.