Tag Archives: visual editor

WordPress Plugins: TinyMCE Advanced

The “TinyMCE Advanced plugin” allows for modifications to the visual editor. It allows adding, removing, and rearranging the buttons to accommodate the content creator making it feel more like a word processor.

The Visual Text editor is modified and rearranged.

 

Editor Drop-down MenuDrop down list of the TinyMCE Advanced Toolbar.

 

Add, Remove, and Rearrange

Under settings in “TinyMCE Advanced” there are settings to add, remove, and rearrange the visual editor buttons on the toolbar. The unused buttons are buttons that are not visible on the visual editor  toolbar.

To add an unused button click and drag to the button of choice to the desired location. To remove a button click and drag the button of your choice to the unused buttons. To rearrange a button click and drag to new desired location.

TinyMCE Advanced Settings to allow modification to the visual editor toolbar.

To Install in WordPress

  1. Go to Plugins  tab on the left and click Add New.
  2. Search for “TinyMCE Advanced”
  3. Find and install “Tiny MCE Advanced” by Andrew Ozz.
  4. Once the plugin is installed, open Plugins.
  5. Activate “TinyMCE Advanced” plugin.

Information and Download

For more information and to download visit their official website.

For the WordPress compatible plugin and information visit their website.

 

 

Advertisements

WordPress Words: Visual Editor

The visual editor provides a semi-WYSIWYG (What You See is What You Get) content editor that allows you to easily create, edit, and format your blog content in a view similar to that of a word processor.
WordPress.com Support – Visual Editor

It mimics the behavior of desktop publishing tools such as Microsoft Word and even has many of their features such as a toolbar along the top allowing you to format your content.
WPbeginner – What is Visual Editor in WordPress?

What is the WordPress Visual Editor?

The point of the Visual Editor is to emulate software like Windows Notpad or like Apples TextEdit. It is somewhat basic but has some new features, like adding pictures and videos with in the content. In the editor it shows what the site will or might look like, hence WYSIWYG (What You See is What You Get) or also known as WYSIWYMG (What You See is What You Might Get). It is an easy way to build content without the creator needing to know the raw code.

This is what the Visual Editor looks like when the 2 rows are visible.

WordPress visual toolbar

[YouTube video]

Video Hat tip:T&S Webdesign

References

WordPress Words: HTML

HTML, or Hypertext Markup Language, is a markup language used to describe the semantic content of web pages. It is usually used with CSS and/or JavaScript. WordPress renders web pages to conform to the HTML5 standard. The standard is set by the World Wide Web Consortium.
W3C.org

The term HTML stands for Hypertext Markup Language. This is the language that the browser understands in order to bring you the contents of you web page. According to the article “HTML- HyperText Markup Language” on Webopedia, “HTML defines the structure and layout of a Web document by using a variety of tags and attributes.”

HTML consists of tags that hold the design and structural elements of a web page such as the header, headings, lists, images, and content in general. CSS (Cascading Style Sheets) hold the instructions to design the HTML architecture of a site, influencing colors, positioning, size, and design elements.

HTML in WordPress

HTML is the underlying architecture of a web page. In WordPress, HTML is found in WordPress Themes, holding the PHP and WordPress code to generate and display the web page.

HTML is generated when creating a post or Page in WordPress. The user has two choices when creating content in WordPress, using the Visual Editor that hides the HTML tags, or using the Text Editor that displays the HTML tags.

In the post or Page Edit Screen, there are two tabs above the content and toolbar area to the right labeled Visual and Text. The Visual Editor is where you can type in what it is you would like to say, and then WordPress does all the code for you automatically. The Text tab is the “behind the scenes” of what you’ve written in the visual editor. This will show you where all the tags that are surrounding your tags and giving them certain attributes.

Visual display of where the Text editor and Visual editor are located within WordPress

Screen shot of how the entities show up in the Text editorAdding Some Style

HTML allows you to build a base structure of how you want your page to look. You can think of HTML as the bones of your website. However, without Cascading Style Sheets (CSS) you’re websites appeal may fall flat.  wrote an article for ClarkWP about what CSS is, and what it can do to give your site the extra push it deserves.

More information on HTML

Related Articles:

Installing WordPress on Amazon Web Services

Amazon Web Services  (AWS) offer a way to host your own WordPress sight with no hardware and little to no expense on a small WP blog site. This is ideal if you want to start working with a self hosted WordPress site for developmental purposes, monetization of your blog, or just good ol’ bragging rights.

In this article I will go into an overview of the EC2 service and the various Virtual Machines (referred to as instances from here on out) that are free and paid. Some may be free to download and initially spin up but may incur an additional cost to the AWS price tier even if you are in the Free Tier. Even though I discuss the free tier exclusively and micro-instances it should be mentioned that the AWS allows for scalability of your WordPress site so it can grow as your site(s) grow.

Bitnami Logo for WP instance.There are various pre-made instances for use with your AWS account that are configured for just about “one touch” configuration. Some are free, others are free to upload to AWS but incur a usage cost, and others cost for upload and usage. A few of the providers are; Bitnami, JumpBox, and Turnkey Linux. If you do choose to go with these “one click” solutions be sure to read all the print to verify if there are any charges for the instance or use of and how the charges are calculated. Continue reading Installing WordPress on Amazon Web Services

Domain Name Services: Postman of the Internet

Domain Name Services (DNS) is a service which exist to help us humanize the addresses of networked resources. Humans remember words as a whole easier than numbers representing octal based Internet Protocol addresses of those same networked resources be them across the Wide World Web or just an arms length away on our local network.

That was a mouth full. Essentially through DNS you can type in a URL into your favorite web browser and through the process of name resolution your system contacts a server acting in your behalf to find the correct IP address that matches the human oriented address you type in.

Sounds simple but a lot of chatter between various servers near and far may happen just to pull up that favorite site that you wish to view. First your own system will see if it has the particular IP/URL pairing locally in it’s own tables. On your computer this information will be kept in a host.txt file and depending on the operating system the location varies. Continue reading Domain Name Services: Postman of the Internet

WordPress 3.9 Released

The latest version of WordPress, WordPress 3.9, has been released. It is named in honor of jazz organist Jimmy Smith, continuing the tradition of naming major WordPress releases after jazz musicians.

WordPress 3.8 was released in December 2013, and this push to WordPress 3.9 is part of the new faster release schedule.

As of July 2013, Matt Mullenweg announced that WordPress now powers 18.9% of the web with more than 46 million downloads in ten years. WordPress is also being used by mobile users more than ever before according to a WordPress Community survey that found 31% were using it on their iOS devices, 30% on Android, and 18% on Android tablets. A survey by WP Engine on WordPress adoption and name recognition found 30% of those surveys on the Internet have heard of WordPress.

With so many people embracing WordPress and incorporating it into their lives and businesses as a content management and web publishing system, the improvements the development teams worked on for this new version reflect the growing reliance on WordPress across multiple user types and needs. Continue reading WordPress 3.9 Released

Difference Between Visual and Text Editor

There is a huge difference between the two editors in WordPress. If you are determined to be a serious blogger working with WordPress, you need to understand how both work, why you should use one over the other and when.

In general, if you are a novice blogger, then stick to the Visual Editor. If you wish to be a speed blogger or professional blogger and web publisher, then get comfortable with the Text (HTML) Editor – both editors in fact – because you will be able to publish at high speed. I’ll offer tips and information on both editors to help you learn more about how they work.
Continue reading Difference Between Visual and Text Editor

Poetry Publishing on WordPress

Poetry is an amazing way for a writer to express himself/herself.  There is an internal need for a poet to form both the words on the page and to add the complex formatting.  Writers feel the format of the poem brings just as much meaning to the words as the words themselves.  So it is imperative that both can be accomplished on a post.
Continue reading Poetry Publishing on WordPress

Tips for Using the WordPress Text Editor

I am going to attempt to make your life a little bit simpler with tips on editing your posts and pages on WordPress.com and the self-hosted version of WordPress using the Visual and Text Editors.

Log into your WordPress site and select a post or Page to edit. If you are unsure as to where to find the edit links, you may want to check out “How to Edit a Post or Page” by fellow Clark student Jesse Byars.

If you are a seasoned veteran of HTML, have no fear, you can use HTML to create your posts and pages with the WordPress text editing tab:
Continue reading Tips for Using the WordPress Text Editor

How to Add Posts and Pages in WordPress

So you’ve logged in to WordPress and created a blog. Great! You won’t get very far until your blog has some content, though. In this article, we’ll let you know the various ways you can add content to your site.

Note: There are two basic types of published content on a WordPress site: posts and Pages. If you don’t know the difference, check out “Differences Between Pages and Posts on WordPress” to explain it.

Screenshot of the Admin Bar in WordPress to add a new post.There are multiple ways to add a new post in WordPress.

Once you’ve logged in to WordPress, look at the top bar on the site. You should see your gravatar on the far right. Slide your eyes to the left a bit…aha! “New Post” lurks there.

Do you think that might mean…? It means exactly what you think it means.

Click on New Post.

On the web page that pops up, start your new post with a title and the text. Don’t forget to put the post in a category and add some tags.
Continue reading How to Add Posts and Pages in WordPress