How do I manage the layout of text and images in my WordPress posts and pages?

The WordPress world has seen a lot of changes in the past few years, and everything seems new and different. The way the editors work in WordPress has been improved the most. Now everything is done with “blocks”. There are a large number of such blocks. For text with images many options exist. Using the Text and Image blocks is described in more detail here: CloudLadder – Layout with Text and Images.

That article helps you with the basics and allows showing images withing text pretty much as you see in magazines – and other sites. There are many more options and the CloudLadder site has (or will have) additional information.

.:. © 2024 Ludwig Keck

How does a tilt-shift lens correct perspective distortion?

Short answer: It doesn’t. — A tilt-shift lens does not correct the perspective distortion that we often call “falling-over building syndrome”. What it does is to let the photographer avoid the problem.

Here is an illustration of what we are talking about.

The narrowing at the top is just the way imaging works. You see it anytime you look up at a building. Our visual system interprets it for us when we stand in front of the building, but when we see it in a photo it just doesn’t look right.

The problem arises from titling the camera upward. If the plane of the sensor is parallel with the vertical structure, there will be no falling-over building syndrome, “FOBS”.

This photo illustrates how buildings look “right” when the camera is not tilted, held level and aimed so the horizon is in the middle of the frame.

Buckhead

We get way too much sidewalk that way, but it works! Cropping can get us what we want.

Sometimes the camera angle of view does not include all we want when the camera is level. Here is an illustration of that.

The left image models the view with a regular camera lens. The yellow frame simulates the sensor size and shows what the result would be. Note that the building is only partially included.

On the right is an illustration of what shifting of the lens accomplishes. The image is shifted relative to the sensor so all of the building is within the frame. Only the lens shifting is needed for this “correction”, the tilting part of the lens is not used for avoiding the perspective distortion.

There is also a hint there that the image size produced by a tilt-shift lens is much larger than what is produced by a normal lens. The reason, of course, is so different parts of the image can fully illuminate the sensor when the image is moved around. This also makes the optics of such lenses more demanding and expensive.

This is a photo of the Nikon PC Nikkor 19mm 1:4 E ED wide-angle tilt-shift lens. Notice how the whole lens is shifted relative to the lens mount. The range of this lens is 12 mm in either direction. That is half the height of the full frame sensor (about 24 by 36 mm). If you do architectural photography this is a very useful tool.

.:. © 2022 Ludwig Keck

How can I size the logo my way on my WordPress.com site?

WordPress offers an amazing array of features and options on WordPress.com sites. Unless you are using the upgraded, pricey, Business plan (or higher), plugins to provide more options are not available.

Most themes that allow a logo to be displayed have a fixed, dinky, size for the logo. On the Twenty-Twenty-One theme it looks like this {using a a rather wide, low-height logo image):

Without any logo the appearance is plain and uninspiring.

How about using the logo as a background image? That would allow the logo to be sized in the uploaded art and get it just the desired size and placement. That gives us this:

The title block overlays the background image with the site name and menu over the logo art. Not at all acceptable.

Now you may have noticed that when a logo is displayed there is a wide strip provided for it. Can we get that strip even when no logo is used? No, there is no provision for that. However, there is a way!

What if we use a logo that does not show? A transparent image with nothing in it does the trick.

For this site, and this demonstration, I made a 800 pixel square PNG image and made it fully transparent.

And, voile, we have a site with a custom-size “logo”. A transparent image set as the logo in Site Identity and an image with the desired logo set as Background Image. The settings Fit to Screen with position top center and Repeat Background Image unchecked.

Note that the image was wide and not very tall, designed to fit just right.

There you have it. A way to size the logo your way.

.:. © 2021 Ludwig Keck