WordPress Image Wrap-arounds


Most WordPress users will know what I mean when I say that the “Tree” has been taken from us.

I was a great user of the tree whenever I wanted to show an image from another website (normally news sites).

Ok. It has gone and it doesn’t look like restarting so let’s find another way of doing what we want.

I am assuming that there are no problems with the media button and its effect.

To get the above image into the text I made sure the cursor was between the words “the” and “media” then simply Uploaded an image using the media button. I checked the alignment button “None” (which I think was actually the pre-set) and the size button “Full Size” then hit “Inset in post”.

Which is fine for small images which don’t disrupt the text flow to any large degree.

I enjoyed using the tree when I wanted to wrap text around an image.

So now the work around to give us magazine-like layouts. I will use my little dunce from the BBC Quiz. I want to have text wrap around it.

So, I find the image and right click on it, then choose “Properties”on the pop-up menu. As you can see, this is not doing the wrap around thing that I want it to do. But bear with me.

OK, I click on “Properties” and up comes another little window. Oh, I do know that most of us already know this but I am trying to help the beginners who may not have this stuff at their fingertips. The really hard, complicated stuff comes next. No, No, beginners, I’m joking – it isn’t complicated and it isn’t hard. Well, no more so than riding a bike. Anyway, you get a window that looks like this. The first line is the location – but make sure you copy the whole of that location line – it probably goes over the edge of the little window. So ctrl C it.

Now comes the interesting part. The part where everyone who has a mind which goes blank whenever “HTML” is mentioned, starts to get nervous.

Don’t. Get nervous that is. This is a heck of a lot easier than learning French.

Click on the HTML button and find just where you want to insert the image. As in – between which words. Ignore all the odd stuff you see in there. It is that dreaded “HTML” but it isn’t something we need to know about. ##So we want to put our image between the two hash signs. Put the cursor between those hash signs and “paste” (ctrl V) that image location you just copied. so it looks like this -

Sorry it is so small. I had to reduce it down so it would fit in the 470 pixels width I have available in this theme. Anyway, you can see where it goes. Now this is not going to work because the HTML Editor doesn’t know what to do with it. so we have to use those backwards and forwards pointing brackets which are probably on the keys with the period and the comma. I cant show them because that editor is very literal and would think I was telling it something – it is very easy to confuse him.

Anyway, we are not going to confuse him because we are going to give one little and easily remembered command. Things must be done in order – firstly you have to put in an opening bracket. Then you need to give the command – we want to tell the editor where to find that image. The source of the image. So we need to learn a simple HTML command. “img src=”. It is a sort of txt speek. that is it – that is all you have to add. Other than to put a ” straight after the equals sign and another after the end of the “http” stuff – and don’t forget to close with an ending pointy bracket. So now it looks like this. Again, sorry about how small it is.

Of course I have only used those “#” symbols to make it easy to see where I am putting the image.

So – let me do that – I’ll copy  the previous paragraphs and put them in italics.

Sorry it is so small. I had to reduce it down so it would fit in the 470 pixels width I have available in this theme. Anyway, you can see where it goes. Now this is not going to work because the HTML Editor doesn’t know what to do with it. so we have to use those backwards and forwards pointing brackets which are probably on the keys with the period and the comma. I cant show them because that editor is very literal and would think I was telling it something – it is very easy to confuse him.

Ok, it is now in the text but it needs a final touch to make it wrap around. First click on the image so that all the sizing dots and stuff appears, then choose either the right or left alignment button at the top of the composition window.

Sorry it is so small. I had to reduce it down so it would fit in the 470 pixels width I have available in this theme. Anyway, you can see where it goes. Now this is not going to work because the HTML Editor doesn’t know what to do with it. so we have to use those backwards and forwards pointing brackets which are probably on the keys with the period and the comma. I cant show them because that editor is very literal and would think I was telling it something – it is very easy to confuse him.

Ok, it isn’t perfect and while it IS possible to get the neat space between the image and the text by using more html stuff, I don’t think it is worth it. This is a reasonable work around until we can get a big time petition up and running to try to convince the powers-that-be to return our tree. Although I feel there may be a touch of self preservation for WordPress in this action – the tree made it far too easy to jump all over the copyright thingo.

Photo Hunt #104; Glass


This was again an interesting challenge. We often photograph through glass, sometimes we use a reflection on glass but I had nothing in my collection which was satisfying. So I found another source of Glass.

I have quite a collection of dragons. Most of them are regulation dragons, of pewter or gold or stone. Amongst them are three glass dragons.

These first two are laser-created inside glass blocks. Very hard to photograph because the glass keeps attracting any dust in the air.

This is my pugilistic glass dragon. Floats like a butterfly, stings like a bee. Hark, I hear the bell for round one. He is ready for a dust-up!

pugilistic dragon

This is my stary starry glass dragon who has quite a hoard but is always looking for more gems to steal from any unwary dwarves.

stary starry dragon

Lastly, here is my sinuous Eastern dragon. He is a white dragon cut into the surface of a glass block. The White Dragon [Bailong 白龍] aids spirits and virtuous kings. This is a virtuous, vitreous White Dragon.

And while I may sometimes be virtuous, I am never royalty.

sinuous Chinese dragon

Fish-eyed Tree


I have recently purchased a “Fish-Eye” lens for my Pentax istDS.

Having been concentrating on teaching my eye to see the small details with my 28mm-300mm lens now I need to begin seeing the larger picture. To find the unusual and the spectacular in the larger vistas now available to me.

Bear with me while I practice.

treev.jpg

Photo Hunt #103; High


High is all a matter of perspective.

The Shaw River in Australia’s mainly desert Pilbara region was a little high after a cyclone had passed through.

high3.jpg

The bricklayer who added the final bricks on this brick kiln chimney was pretty high up.

high2.jpg

Torn between two cultures, this Martu tribesman from the Great Sandy Desert was high up on one of the landmark hills of his ancestors as he looked across his “country”; the land to which he belongs.

high1.jpg

But for really, really high, I guess you have to look at something like this.

high4.jpg

Succulents in Close-Up


Wandering around Buff’s garden the other day, I was struck by how her succulent collection looked close-up.

I find succulents to be boring and often ugly when viewed from a distance yet looking closely, there is beauty in their form and delicate colours.

succulent1.jpg

succulent2.jpg

succulent3.jpg

Photo Hunt #102, Metal


After spending days looking through my photo collection and finding many images which included metal, nothing really caught me as being “Photo-huntable”.

In the end I decided on another form of metal.

HEAVY METAL

I just happened to be wearing this T-Shirt.

One of my favourite bands. Loud, uncouth and lots of fun!

metal.jpg

Photo Hunt #101; I Spy


Another subject with different points of view.

Firstly, one I took in the desert some time ago. The well camouflaged Rainbow Bee Eater in flight. Normally they are seen from below and beneath their wings they are a brilliant green. In early mornings and evenings they provide sudden flashes of colour as the sun catches their wings in insect-hunting flight.

This one, I spied from above.

ispy5.jpg

Then, as I looked through my collection, I spotted several eyes and I began to wonder at just what they were spying.

Tikaani the Siberian Husky did not look as though she approved of what she was spying.

ispy1.jpg

 

This pigeon was probably eyeing me off and wondering if I was dangerous.

ispy2.jpg

 

Peregrine Falcons enjoy Pigeon Pie and this one was waiting for some lunch to fly past. She had spied me but had decided I was not a suitable dining companion.

ispy3.jpg

 

Follow

Get every new post delivered to your Inbox.

Join 3,138 other followers

%d bloggers like this: