Difference between revisions of "Help:Wiki University VisualEditor--Save Page"

From FamilySearch Wiki
Jump to navigation Jump to search
m (→‎Save changes: remove red border)
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{VisualEditor School}}{{VisualEditor Tutorial Sidebar}}
+
<div style="display:grid; grid-template-columns:1fr 1fr 2fr 2fr 2fr 2fr">
<div style="float:right; width:79%; margin-top:-35px">
+
<!--------------row 1-------------------------->
<table style="width:100%; ">
+
<!--tool bar--------------------------------------------------->
<tr>
+
{{VisualEditor School}}
<td style="font-size:14pt; font-family:arial;">[[Help:Wiki University VisualEditor--Change to Wikitext|&lt;&lt; Previous Chapter]]</td>
+
<!----------------row 2---------------------------->
<td style="font-size:14pt; font-family:arial; text-align:right;"> </td></tr>
+
<!-------------------menu-------------------------------->
</table>
+
<div style="grid-column:1/3; background-color:#FFEDCC; box-shadow:1px 1px 5px #888888">{{VisualEditor Tutorial Sidebar}}</div>
----
+
<!-----------------------main------------------------>
 +
<!-------------------------------chapters top row---------------------------------->
 +
<div style="grid-column:3/8; padding-left:0.5em">
 +
<!-------------------------------chapters top row---------------------------------->
 +
<div style="display:flex; justify-content:space-between; padding:10px; margin-bottom:-1em">
 +
<div style="font-size:1.3em">[[Help:Wiki University VisualEditor--Change to Wikitext|<< Previous Chapter]]</div>
 +
<div style="text-align:right"></div>
 +
</div>
 +
<div style="margin-left:0.5em">
 +
<!-----------------------MAIN MATERIAL BELOW THIS LINE-------------------------------------------->
 
==Visual Editor toolbar==
 
==Visual Editor toolbar==
 
<div style="display:flex">
 
<div style="display:flex">
Line 19: Line 28:
 
<!------------------------------------LINKS------------------------------------------------------------>
 
<!------------------------------------LINKS------------------------------------------------------------>
 
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
<div style="display:flex; transform:rotate(135deg)"><div style="width:10px; height:5px; border:3px solid black; border-radius:8px"></div>
+
<div style="display:flex;">[[File:Link.png|50px]]
<div style="width:10px; height:5px; border:3px solid black; border-radius:8px; margin-left:-8px"></div>
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 40: Line 48:
 
<div style="flex:0.8; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><span style="font-size:1.5vw">Ω</span></div>
 
<div style="flex:0.8; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><span style="font-size:1.5vw">Ω</span></div>
 
<!-------------------------------------------------------------------HELP----------------------------------------------------->
 
<!-------------------------------------------------------------------HELP----------------------------------------------------->
<div style="flex:4; display:flex; align-items:center; justify-content:flex-end; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
+
<div style="flex:3; display:flex; align-items:center; justify-content:flex-end; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"></div>
<div style="display:flex; align-items:center; justify-content:center; border:3px solid black; width:20px; height:20px; border-radius:20px; font-size:1.5em; margin-right:10px">'''?'''</div>
+
<div style="flex:1; display:flex; align-items:center; justify-content:flex-end; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 +
<div style="display:flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:1.5em; margin-right:10px">'''?'''</div>
 
</div>
 
</div>
 
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
Line 51: Line 60:
 
</div>
 
</div>
 
<!-------------------------------------------------------------TO GO WIKITEXT--------------------------------------------->
 
<!-------------------------------------------------------------TO GO WIKITEXT--------------------------------------------->
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><span style="font-size:1.3vw; font-weight:bold">[[ ]]</span></div>
+
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><span style="font-size:1.3vw; font-weight:bold">[[File:VE Switch icon.png]]</span></div>
 
<!--------------------------------------------------------SAVE--------------------------------------------------------->
 
<!--------------------------------------------------------SAVE--------------------------------------------------------->
<div style="flex:2; display:flex; align-items:center; justify-content:center; border:1px solid red; color:white; background-color:lightgray">Save page</div>
+
<div style="flex:2; display:flex; align-items:center; justify-content:center; border:1px solid red; color:white; background-color:lightgray">Save changes...</div>
 
</div>
 
</div>
  
 
<!--visualeditor toolbar------------------------------------------------------------------------------------->
 
<!--visualeditor toolbar------------------------------------------------------------------------------------->
  
==Save page ==
+
==Save changes ==
  
 
<!--detailed explanation of items on VisualEditor toolbar------------------------------------------->
 
<!--detailed explanation of items on VisualEditor toolbar------------------------------------------->
Line 65: Line 74:
  
 
<tr>
 
<tr>
<td style="border:1px solid lightgrey">
+
<td style="border:1px solid red;width:10px;padding:10px">
<div style="display:flex; align-items:center; justify-content:center; height:40px; border:1px solid red; color:white; background-color:lightgray">Save page</div></td>
+
<div style="display:flex; align-items:center; justify-content:center; height:40px; color:white; background-color:lightgray;">Save changes...</div></td>
<td style="border:1px solid lightgrey; padding:10px">Save page</td>
+
<td style="border:1px solid lightgrey; padding:5px;width:10px">Save changes</td>
<td style="border:1px solid lightgrey; padding:10px">[[File:Visualeditor25.PNG|300px|right]]
+
<td style="border:1px solid lightgrey; padding-right:30px">[[File:VE Save Changes.PNG|300px|right]]
#When you click "Save page" in Visual Editor tool bar, the panel to the right appears.
+
*When you click "'''Save changes...'''" on the Visual Editor tool bar, the panel to the right appears.
#Enter description of entries made in "Summary" box.
+
*Enter a short descriptive summary of your changes into the "Summary" box.
#Click "Save page" in panel.
+
*To review your changes, click on the '''Review your changes''' button on the bottom left corner of the panel.
 +
*To save your page, click on the '''Save changes''' button on the top right corner of the panel.
 +
*To cancel out of a page without saving, click the "'''X'''" on the top left corner of the page.
 +
*To exit a page without saving, click the '''Read''' button on the Page toolbar.
 
</td>
 
</td>
 
</tr>
 
</tr>
Line 85: Line 97:
 
::B. False
 
::B. False
 
</div> <div style="background-color:lightgray; width:100%; height:35px; padding-top:10px;"><div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px;">[[FamilySearch VisualEditor Tutorial Answers#Save Page|Check your answers ]] </div> </div> </div>  
 
</div> <div style="background-color:lightgray; width:100%; height:35px; padding-top:10px;"><div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px;">[[FamilySearch VisualEditor Tutorial Answers#Save Page|Check your answers ]] </div> </div> </div>  
<!--BOTTOM links to next chapter and previous chapter--------------------------->  
+
<!---------------------------------END OF MATERIAL------------------------------------------->
{| style="width:100%;"
+
</div>
|-
+
<!-------------------------------chapters bottom---------------------------------------------------->
| <div style="font-size:14pt; font-family:arial;">[[Help:Wiki University VisualEditor--Change to Wikitext|&lt;&lt; Previous Chapter]] </div>  
+
<div style="clear:both"></div>
| <div style="font-size:14pt; font-family:arial; text-align:right;"></div>
+
<div style="display:flex; justify-content:space-between; padding:10px">
|}
+
<div style="font-size:1.3em">[[Help:Wiki University VisualEditor--Change to Wikitext|<< Previous Chapter]]</div>
 
+
<div style="text-align:right"></div>
<br>  
+
</div>
 +
{{reflist}}
 
</div>
 
</div>
__NOTOC__
+
__NOTOC__
[[Category:Wikitext Lessons]]
+
[[Category:Wiki Lessons]]

Latest revision as of 17:52, 18 November 2020

Visual Editor toolbar[edit | edit source]

UndoVE.jpg
RedoVE.jpg
Paragraph
A
Link.png
Cite
Insert
Ω
?
VE Switch icon.png
Save changes...


Save changes[edit | edit source]

Save changes...
Save changes
VE Save Changes.PNG
  • When you click "Save changes..." on the Visual Editor tool bar, the panel to the right appears.
  • Enter a short descriptive summary of your changes into the "Summary" box.
  • To review your changes, click on the Review your changes button on the bottom left corner of the panel.
  • To save your page, click on the Save changes button on the top right corner of the panel.
  • To cancel out of a page without saving, click the "X" on the top left corner of the page.
  • To exit a page without saving, click the Read button on the Page toolbar.

Try these out[edit | edit source]

Tests.gif
Quick Quiz
  • You are encouraged to put a brief statement describing your changes to an article in the Summary box.
A. True
B. False