wp visual editors - learning style

18

Upload: orlando-web-wizard

Post on 08-May-2015

145 views

Category:

Technology


1 download

DESCRIPTION

Which Visual Editor can you use for your learning style.

TRANSCRIPT

Page 1: Wp visual editors - Learning Style
Page 2: Wp visual editors - Learning Style

Copy this URL

http://orlandowebwizard.com/wizard/wordcamp

this presentation online PLUS More Info

Page 3: Wp visual editors - Learning Style
Page 4: Wp visual editors - Learning Style

What is the WP Visual Editor?The visual editor is a small WYSIWYG (What You See isWhat You Get) content editor. You use it to create, edit, andformat your content. Similar to that of a word processingprogram.

Page 5: Wp visual editors - Learning Style

Want to Learn More?

http://en.support.wordpress.com/visual-editor/

Page 6: Wp visual editors - Learning Style

Take a Quiz

Learn Your Learning Style

http://www.learning-styles-online.com/overview/

http://www.edutopia.org/multiple-intelligences-learning-styles-quiz

Page 7: Wp visual editors - Learning Style

My Learning Style

Page 8: Wp visual editors - Learning Style

My Quiz Results

Page 9: Wp visual editors - Learning Style

Visual EditorPlugins which aids learning

styles?

Page 10: Wp visual editors - Learning Style

Ultimate TinyMCE

Page 11: Wp visual editors - Learning Style

Ultimate TinyMCE

Are you a visual person? Do the letter combinations "HTML" and "CSS" send you

running? Then this is the plugin for you!

Offers a PRO version

Page 12: Wp visual editors - Learning Style

3D Drag & Drop

Page 13: Wp visual editors - Learning Style

3D Drag & Drop

Are you a hands on person? Do you draw your pages on paper first?

Then this is the plugin for you!

Web site

Page 14: Wp visual editors - Learning Style

TinyMCE Advanced

Page 15: Wp visual editors - Learning Style

TinyMCE Advanced

Are you a problem solver? Do you use a logical system?Then this is the plugin for you!

Page 16: Wp visual editors - Learning Style

Learning Styles

Why should learning styles be important to a WordPress Developer?

Page 17: Wp visual editors - Learning Style

Fontmiester

Gmail log in > API Access > Configure Browser Key for API Project

See Fonts: http://www.google.com/fonts/

https://developers.google.com/console/help/#generatingdevkeys

Page 18: Wp visual editors - Learning Style

Custom Styles In Visual EditorUsing TinyMCE Advanced - Plugin

1. Create a Child Theme http://codex.wordpress.org/Child_Themes

2. Add editor-style.css from the Twenty Ten Theme to your Child Folder

3. Check your plugin Visual Editor theme advanced options to import editor-style.css

4. Add your custom styles