Classic editor – Edit page by HTML

WordPress authors have the option to create pages and posts in a Visual Editor or a Text Editor. While the Visual Editor does a reasonably good job with its toolbar options and easy editing environment, the use of the Text Editor allows maximum flexibility on how to organize content.

Let me explain not just why you’d want to use the Text Editor (in place of the Visual Editor), but how easy it can be to use.

How To Use WordPress HTML Editor image

Why might you prefer the Text Editor?

  • Your content will make more sense for your readers and search engines.
  • You only need to know a few HTML tags to make the Text Editor very useful.
  • You can apply CSS style properties directly to your HTML code.

What Happens When You Use The Visual Editor?

When you add copy, media or links to your Visual Editor you’re really adding HTML to your page or post. It all takes place under the hood.

Not sure what I mean? Try this.

Add some content by copying and pasting something in the Visual Editor. Then select the Text tab. What you’ll be looking at is HTML. Just like with the Visual Editor, you can edit your HTML code directly with the Text Editor.

In fact, you can do a lot more with the Text Editor than you can with the Visual Editor. This makes working in text mode not just more productive but more satisfying too. You’ll be able to more accurately markup your content which will benefit your readers and boost your SEO efforts.

HTML is about as straightforward as it gets. Every web page, including those generated by WordPress, use it.

 

 

 

Elementor – How To Add Video Backgrounds

Section Background Video Options

You can set a video as the background of a Section, enabling you to create interesting hero headers and other engaging areas on your page. The background video options can be found within the section’s Style tab.


Style

Background

  1. Background Type: Click the video icon
  2. Video Link: Enter a YouTube or .mp4 link to the video
  3. Start Time: Specify start time in seconds
  4. End Time: Specify end time in seconds
  5. Background Fallback: Upload a cover image, to replace the background video on mobile and tablet devices, as background videos are disabled on mobile devices to avoid browser restrictions and bandwidth draining.

Mouse Effects in Elementor

Mouse Effects – Mouse Track

Set an element to move in relation to the visitor’s mouse movement.

mouse

Advanced or Style > Background

Motion Effects

  1. Mouse Effects: Slide to ON
  2. Mouse Track: Click pencil edit icon
    Direction: Choose from Opposite or Direct. Opposite will move the element in the opposite direction of the mouse movement. Direct will move the element in the same direction as the mouse movement.
    Speed: Set the speed from 0 to 10
  3. Apply Effects On: Select to apply the motion effects on Desktop, Tablet, and/or Mobile devices.

Embed Content from Ensemble Video

Before you can use the Ensemble Video plugin, you have to have the ‘Classic Editor’ enabled on the page you want to embed Ensemble content.

To find out how to switch to the Classic Editor check out the following link.

Content from Ensemble Video can be embedded into Sites.temple.edu. Playlists, individual videos, or individual audio-only content can be embedded into a page or post.

To add Ensemble Video content, first obtain the Content ID from Ensemble, then embed the content into Sites.temple.edu. Follow the steps below to perform this process.

  1. Log into Ensemble.
  2. Find the content you wish to embed.
  3. Confirm that the content is marked as Ready and Published.
  4. Click the small info icon (Ensemble Info Icon). Copy the Content ID from the popup box.Ensemble Get Content IDEnsemble Content ID
  5. Log into Sites.temple.edu. Note that Ensemble and Sites.temple.edu use Single Sign-On (TUgateway), so you may be logged in automatically.
  6. Create a new post or page in which to embed the content.Add Post
  7. Enter a title for the post or page, then click the Add Ensemble Video button.Add Ensemble Video Button
  8. Select the appropriate tab (Add Video, Add Audio, or Add Playlist).
  9. Paste the Content ID you copied in step 4 into this box and select any appropriate options as desired.Add Ensemble Video Popup
  10. Click the Add Video button.
  11. Preview your post by clicking the Preview button on the right.
  12. When satisfied, publish the post by clicking the Publish button on the right.