editing_source
Differences
This shows you the differences between two versions of the page.
| Next revision Both sides next revision | |||
|
editing_source [2015/06/17 03:02] christopher created |
editing_source [2015/06/18 01:53] christopher Drafted instructions |
||
|---|---|---|---|
| Line 7: | Line 7: | ||
| Often it is as simple as finding the relative position that you would like to insert an element. It can also accomplish complex tasks such as editing the size and function of a particular element on the page. The freedom of the WYSIWYG editor allows you to play it safe by just working with text or the advanced functions of editing the source directly. | Often it is as simple as finding the relative position that you would like to insert an element. It can also accomplish complex tasks such as editing the size and function of a particular element on the page. The freedom of the WYSIWYG editor allows you to play it safe by just working with text or the advanced functions of editing the source directly. | ||
| - | How to insert HTML code into the editor: | + | ===== How to work directly with the source ===== |
| - | Go to yourwebsite.com/admin | + | Any page on your website that uses the WYSIWYG editor can have the source code pulled up to work directly within it. This includes your main home page, content and area pages, blog entries and even custom content boxes in your sidebar or footer. |
| - | Find and click on “Content pages” | + | - From within any editable page, focus on the WYSIWYG edit box. |
| - | + | - Locate the "Source Code” button in the list of tools. It will look like this: <>{{ ::sourcecode01.png?direct&400 |}} | |
| - | Scroll down to Content | + | - A pop up window will display on top of the current page, displaying the raw source of the page.{{ ::sourcecode02.png?direct&400 |}} |
| - | + | - Find the location in the source where you would like to work with. You can add a variety of items: | |
| - | Locate the "source code” tab (<>) | + | - Social Media Widgets |
| - | + | - Embed YouTube videos | |
| - | Copy and paste the HTML code into the editor and click “OK” | + | - Add images |
| - | + | - Insert retargeting pixels | |
| - | Don’t forget to Scroll down to the bottom of the page and click “Save” | + | - Many more! |
| - | + | - Once you are finished arranging the code in the source, don't forget to save the page! | |
| - | ***This could also be geared toward the retargeting conversion tracker in the footers | + | |
editing_source.txt · Last modified: 2020/05/28 19:23 by michaels
Page Tools
