This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
content_wysiwyg [2012/05/17 06:43] kevin |
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: | ||
- | {{:wysiwyg.jpg|}} | + | {{::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]] |