User Tools

Site Tools


content_wysiwyg

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
content_wysiwyg [2015/06/17 02:23]
christopher Updated image
content_wysiwyg [2020/05/28 19:22] (current)
michaels
Line 1: Line 1:
-====== ​Editing content fields using the content editor ​======+#redirect https://​support.realgeeks.com/​hc/​en-us/​articles/​360043149734 
 +====== ​Content Editor: wysiwyg ​====== 
 +(What you see is what you get)
  
 The content editor works like a stripped-down word processor. Simply type in text, then format it by highlighting it and clicking one of the buttons. The content editor works like a stripped-down word processor. Simply type in text, then format it by highlighting it and clicking one of the buttons.
Line 5: Line 7:
 The best way to learn is to experiment until you achieve the desired formatting. Don't worry, it's pretty easy. Here's a cheat sheet: The best way to learn is to experiment until you achieve the desired formatting. Don't worry, it's pretty easy. Here's a cheat sheet:
  
-{{ ::wysiwyg01.png?direct&800 |}}+{{::editcontent.png?800|}}
  
-The trickiest part is [[uploading|uploading ​images]].+Here, you can learn how to [[uploading|upload your images]].
  
 After the image file has been uploaded, you can [[inserting_images|insert it into the content area]] of a page, sidebar, or footer. After the image file has been uploaded, you can [[inserting_images|insert it into the content area]] of a page, sidebar, or footer.
  
-====== Inserting popup contact form links into your content ======+====== Inserting popup contact/sign up form links into your content ======
  
-If you want to insert a link to a popup contact ​form, copy and paste this special ​code into the editor in HTML mode: +If you want to insert a link to the contact/sign up popups forms, copy and paste these special ​codes into the editor in HTML mode: 
  
 +====Contact Us====
 +Text link:
 <code html> <code html>
 <a class="​popup"​ href="/​member/​contact/">​Contact Us</​a> ​ <a class="​popup"​ href="/​member/​contact/">​Contact Us</​a> ​
 </​code>​ </​code>​
 +
 +Button link:
 +<code html>
 +<a class="​button contact_us popup" style="​background:​ green; color: white;"​ href="/​member/​contact/"><​span>​Contact Us</​span></​a>​
 +</​code>​
 +
 +
 +====Sign up====
 +
 +Text link: 
 +
 +<code html>
 +<a class="​sign_up popup" href="/​member/​signup/"​ target="​_blank"><​span>​Sign Up!</​span></​a>​
 +</​code>​
 +
 +Button link: 
 +
 +<code html>
 +<a class="​button sign_up popup" style="​background:​ #CC6699; color: white;"​ href="/​member/​signup/"><​span>​Sign Up!</​span></​a>​
 +</​code>​
 +
 +You can change the colors of the background or text (labeled: color) from the button link code with this web color reference:
 +
 +http://​www.w3schools.com/​colors/​colors_picker.asp
 +
 +Still have questions? Contact [[https://​www.realgeeks.com/​support/​|Support]] ​
content_wysiwyg.1434507821.txt.gz · Last modified: 2015/06/17 02:23 by christopher