About Lorelle VanFossen

Lorelle VanFossen is co-founder, director, and producer of Educators in VR and a founding member of the WordPress community. An educator, keynote speaker, trainer, author, producer, and consultant in virtual reality and XR/VR/AR, VR event productions and classes, as well as WordPress, User Experience (UX), virtual reality, blogging, social media, and online business, Lorelle is a passionate advocate human rights including copyrights and freedom of speech. She travels the world speaking at conferences and to businesses about her passion for digital storytelling and helping people have their say online.

Tutorial on Creating Footnotes in WordPress

Featured

Footnotes are often requested in my workshops and classes. I’ve published “Creating Footnotes in WordPress” explaining how to do this in WordPress on .

Footnotes have been replaced by links, but there may be times when you wish to link to a footnote in a blog post.

Here is a list of the pros and cons of using footnotes from the article.

Links cover one or more words thus are easier to see and easier to click over a larger area. Footnote links are tiny, hard to see, and hard to click, especially if you have mobility issues.

Footnotes are familiar to academics, scientists, and researchers. If you are publishing such papers or writing for that audience, it would be natural to include traditional footnotes.

There are also times when you may need to cite a source that isn’t online. How would you site a paper or reference that is not online? A footnote serves to cite the source while not interrupting the natural flow of the content with explanations in parentheses.

Three techniques are described in the article.

You may use WordPress Plugins that make adding footnotes to posts easier, or you can create them manually.

The process of adding footnotes manually to WordPress involves using jump or page links with the footnote numbers within the content to “jump” down to the footnote list at the bottom of the post.

I’ve included an example of how to create footnote jump links to take the reader to the footnote list and not a specific item in the list, and how to create a footnote jump link to a specific footnote in the list if there are many footnotes in the article.

Family History Blogging Resources and Tips

Knapp family of Taylor Rapids, Wisconsin, Ed, Lloyd, Melvin, Emma, Glenn, Nora, circa 1924 - Lorelle VanFossen archives.The following information are resources, tips, techniques, and instructions for starting and developing a Family History blog. These resources are for Lorelle’s family history blogging workshops, classes, and presentations. The focus of these resources are on blogging your family history, not about genealogy research, though it is often hard to separate the two.

This resource list will help you learn more about using , the self-hosted version of WordPress, and , the hosted verion of WordPress, as well as how to publish multimedia, gedcom files, and share the stories and tales of your family’s history. It also includes information on privacy and other legal policies as relates to family history research and blogging.

Family History Blogging Articles by Lorelle VanFossen

The following links are to articles I’ve written on family history blogging, including an ongoing series on genealogy blogging.

Resources on Blogging Your Family History

The following are articles and tutorials on how to blogging your family history. Continue reading

How to Add Images in Your Post Content

Round beach rocks in shade - photography by Brent VanFossen.Images, graphics, photographs, drawings, cartoons, badges…our websites are filled with imagery.

This article addresses the techniques used by WordPress for aligning images and image sizing and links in published content. Check your publishing platform for their methods.

Image Terminology in WordPress

There are several terms we need to develop to help you understand how images are used in WordPress. The most important terms describe the images within WordPress based upon how they are used and generated: original image, published image, media file, and attachment image.

The image uploaded to your site is called the original image or image file. When uploaded to WordPress, a minimum of three sizes are automatically created and stored in the wp-content/uploads/ directory on the server. The images are grouped by year then month by default.

The image sizes available for displaying in your content are thumbnail, medium, and full-size. Depending upon the image’s original size, large and x-large may be available. Full-size is the original uploaded image size.

When an image is used on a web page in WordPress, it is typically viewed within the content area of a post or Page. For the sake of this tutorial, we will called this the published image. WordPress makes available the three size options by default.

Image Sizes and Links

WordPress Media Uploader featuring multiple images - screencap by Lorelle VanFossen.

The WordPress Media Uploader redesigned in 2012 now features Attachment Display Settings options. They include setting the alignment of the image, the size of the published image, and the Link To feature. Continue reading

What is a Properly Formed Link?

I talk about properly formed links or proper HTML anchor tags in all of my articles, workshops, and classes. This article serves as a tutorial and reference guide on the proper formation of HTML links.

Links tie the web together, linking one site to another, one web page to another. They are critical to helping us find information and understand what is being written.

In “What You Must Know About Writing on the Web,” I describe a link dump:

Ugly is as ugly does. Don’t clutter up your site with ugly link dumps.

A link dump is when the blogger is lazy and just pastes the link into their post such as https://lorelleteaches.com/2012/10/14/what-you-must-know-about-writing-on-the-web/ instead of the properly formed What You Must Know About Writing on the Web.

Which is easier to read?

A properly formed link makes it not just easier to read the post, it is clean and presents professional looking content. It invites the reader to click.

How to Create a Properly Formed HTML Link

To create a properly formed link, you may use the Visual Editor toolbar button called link or Hypertext Link.
Continue reading

Exploring the New WordPress Media Manager

WordPress 3.5 is due December 5, 2012, and brings with it the new Media Manager, a much anticipated improvement to the Media Uploader and Media Library in WordPress.

Check Out the New Media Manager in WordPress is an extensive article and review I’ve published on . It features a step-by-step tutorial on using the new Media Manager for uploading and managing your images, video, and audio on WordPress, as well as a few of the unusual quirks in the new feature.

If you have a WordPress.com site, you will be able to test drive the new WordPress Media Manager. Those with the self-hosted version of WordPress will need to wait until December 5 when WordPress 3.5 is released or become a beta tester.

The Skills You Need for Mobile and Web Programming and Development

What it’s like to work as a mobile app developer” by TechRepublic is a simple but solid list of what it takes to be a mobile application developer, but also a programmer, web designer, and web developer.

The skills mentioned include persistence, ability to keep up with trends and changes in the fast pace of technology, testing to the extreme, and the understanding that this is a new and evolving industry and be ready for the shifting terrain in and around you.

I’d like to add two big skills missing from this list, without which makes the difference between a savvy developer and programmer and a mediocre one. It is the ability to pay attention to details and not make excuses.

It is always the details that bite you back. A missed semi-colon, a misnamed variable, a loop that doesn’t close right, validation errors, little simple things that should be a part of the testing environment but slip by.

I’ve seen many programmers and designers, including myself, blaming the software, the code, everyone else except the person who screwed up and missed the detail that caused the issue. Then the excuses start coming out. Not enough sleep, too much pressure, too many interruptions, trouble at home, traffic jam driving into work, family problems…the list is long and all of these can get in the way of your work.

When we let the excuses consume us, we negative the good work we’ve done. A lot of successes happened in the code before the mistake. Yet we spend a lot of energy on the excuses for that mistake instead of recognizing it as something fixable, a lesson learned or relearned, and move on.

We all have the same excuses. We’d all like them to go away so we could have a perfect working environment. They won’t go away so our ability to handle them must improve.

The first step is to acknowledge that we all have interference in our lives, so let them not interfere. Continue reading

This is an Example of a Blockquote

According to Lorelle:

We are all born with two ends. One is used for sitting. The other is not. Success in life depends upon which one you use the most. Heads you win. Tails you lose.

This is great wisdom of the ages, applicable to everyone, especially students.

I’m reminded of the old Hillbillies television show. There was an episode with the son, Jethro, where he decided, after jumping into the cement pond and bashing his head on the bottom, that he had a light bulb idea. He wanted to go to a fancy universiteee and become a world-famous neurosurgeon. His dad took one look at his son, trying to find a reason to feel pride and stay politically correct, and said, “Ain’t hope wonderful.”

Don’t be a Jethro.

PDX WordPress Meetups in November 2012

The next Portland WordPress Meetup group sessions are:

Monday, November 12, 2012
Scaling Digital Trends
For advanced WordPress users. Brandon Clark of Digital Trends will discuss how to scale WordPress for enterprise sites.

Monday, November 26, 2012
What’s Coming in WordPress 3.5
For all levels of WordPress. WordPress 3.5 is due soon and this is a chance to see what’s coming out with the next big release of WordPress.

You can get more details and information on their official site, Portland WordPress Meetup.

The PDX WordPress Meetup group meets the fourth Monday of every month for presentations and Q&A on all aspects of WordPress. The group recently added a second monthly meeting for more experienced WordPress users wishing to dive deeper under the hood.

All meetings are start at 6:30 and are held at the U.S. Bancorp Tower Conference Rooms, 111 SW 5th Avenue, Portland, Oregon. The conference rooms are on the north end of the building near the security desk.

While the meetings are free, an RSVP with Portland WordPress Meetups is required so they can provide enough seats.

Clients From Hell

A group of web designers and developers have taken to the video waves and created a Vimeo channel called “ClientsFromHell.” Here is their first video to help you get a feel for what we face on a daily basis from clients.

I wish these were really jokes. 😀

Clients From Hell from ClientsFromHell on Vimeo.

Hattip: Philip Dews

WordPress Featured on Wall Street Journal Business International

Featured

of , , the self-hosted version of , was featured today on the Wall Street Journal Business talking about the fact that WordPress now supports 14% of all websites in the world, approximately 1 in 6 globally.

Matt Mullenweg interviewed by Wall Street Journal international business about WordPress.

Click to view video on Wall Street Journal site.

In my own research on WordPress stats, 25% of all websites are published with WordPress, though this is based upon the statistic that more than half of these are on WordPress.com, where people come and go and set up test sites on a regular basis and abandon them, so Matt’s number may represent a more accurate number of active sites.

Matt Mullenweg and Toni Schneider were interviewed by Forbes in September talking about the impact of 60 million websites running WordPress. They also covered how WordPress makes money and why there is not WordPress “office” for their employees scattered around the world.

I discuss this in a little more detail in “WordPress Featured in Wall Street Journal” on .

The Open Access Publishing Explained for Scientific Papers

Nick Shockey and Jonathan Eisen of PHDComics tackle the subject of open access for the publishing of scientific and research papers, helping us better understand how this all works, and publishing when publishing is not limited by professional journals.

How to Add HTML in a WordPress Blog Post

Most WordPress users spend their blogging life in the Visual Editor, the WYSIWYMG editor. Yes, it is the What You See is What You MIGHT Get editor.

While WordPress does what it can to make the Visual Editor emulate what your content will look like once published within your WordPress Theme, it has limits.

One of the limits is that is appears hard to publish HTML in a blog post. It isn’t. You just need to switch to the HTML or Text Editor on the Post/Page Panel.

Before you can publish code on your WordPress blog, there are some things you must know.

  1. WordPress automatically fixes poorly formed code. If you mess up a link or HTML element, WordPress doesn’t recognize it as properly formed code so it will “fix” it for you by replacing < with &lt; or change other code to make it appear as text.
  2. WordPress automatically strips out unwanted or broken code. If you are on , you are not permitted to publish JavaScript, PHP, or other code within your blog posts or elsewhere. But you can publish HTML if you have written it properly in the HTML/Text Editor.
  3. The WordPress Visual Editor expects everything within it to be publishable text or a shortcode, code that displays video and other media or features.
  4. The WordPress HTML/Text Editor expects everything within it to be HTML or something WordPress can use to generate HTML.
  5. WordPress recently changed the name of the HTML editor to Text editor in WordPress.com. This change may be in an upcoming release of WordPress.

There are 66 HTML codes permitted in WordPress posts, Pages, and widgets, codes you can use to make lists, links, blockquotes, images, headings, whatever content you wish to add to your site. Continue reading