Help:Wiki University HTML-- Misc

From FamilySearch Wiki
Jump to: navigation, search
MAIN PAGE
WIKI
WIKITEXT
HTML/CSS
FAMILY HISTORY CENTERS
VISUAL EDITOR

Lessons


Flexbox/CSS Grid

Additional Helps

MISC STUFF

The following is some misc items you might find useful and helpful in your editing of Wiki articles. They are not in any order of importance. Some you might use often and others maybe never. Feel free to add to this page if you have an item you think might make editing in the Wiki easier.

GOOGLE MAPS

Google maps are external links. Implant the URL of the address between single square brackets as normal with a space then the whatever label you want to use for Google maps. Example:

Google map to Family History Library Salt Lake City, Utah

[https://www.google.com/maps/place/Family+History+
Library/@40.7701968,-111.8944993,15z/data=!3m1!5
s0x8752f507bc1d3425:0xcac55179e9f08ee8!4m2!
3m1!1s0x8752f507bbf8ff95:0x85fe85e1775a0db1
?hl=en Google map to Family History Library Salt Lake City, Utah]

TOOLTIPS

Handcart pioneers

Tooltips are the little box that appears when you move your mouse over a link and if coded over an image. for example:

  • They are also created when you flank a word or phrase with the abbr attribute as follows: FHC
<abbr title="FamilyHistory Centers">FHC</abbr>

  • NOTICE the dotted line under a word or phase is an indication that has a tooltip attached.
  • Very useful when initials or an acronym is used for instead of spelling out the whole name.
  • Tooltip also appears when you put your mouse if there is a name put on a external or internal link.

PAGENAME

When creating "breadcrumb trails" you can use {{PAGENAME}} instead of typing in the last item which would be the page you are on. PAGENAME automatically inserts the name of the page you are on in the space where PAGENAME template appears. Be sure to use only capital letters.

HORIZONTAL LINES

Sometimes a horizontal line is useful when separating sections of an article as you see on this page. They are created by typing four dashes in a row ----. A horizontal line will appear going across the entire page.

CONTROL F

If you are looking for a word or phrase, etc on a page, you can have the browser look for you. Just press Ctrl and the F key or Command F on a mac. A little box will appear in the upper right hand corner. Type in what you are looking for and the browser will find it and mark them for you. Very handy when looking for things on very long pages of code.

KEYBOARD SHORTCUTS

Instead of dragging your cursor over areas you want to highlight to copy, etc, try these keyboard tricks.

Keyboard strokesEffect
Control + AHighlights entire page
Control + HomePut cursor on end of a paragraph and it will highlight the entire paragraph
Control + EndPut cursor on beginning of a paragraph and it will highlight the entire paragraph
Shift + down keyHighlights from where the cursor is down the page until you stop pressing shift key.
Shift + up keyHighlights from where the cursor is up the page until you stop pressing shift key.
Shft + right keyHighlights from where the cursor over a sentence moving to the right until you stop pressing shift key.
Shft + left keyHighlights from where the cursor over a sentence moving to the left until you stop pressing shift key.
Ctrl + Shift + TWill reopen a tab that you may have closed inadvertently.
Ctrl + ZBring back the last thing that you may have deleted in error.
Ctrl + plus keyWill magnify the image on your screen.
Ctrl + dash keyWill reduce the magnification of the image on your screen.
Ctrl keyIf you cannot find your cursor on your monitor, push the Ctrl key and a circle will appear around it.


For a very useful list of other keyboard shortcuts see list

NOWIKI

If you do not want a bit of code to execute and want to show the actual code in your article, you will need to surround the code with opening and closing <nowiki> and </nowiki> tags. Here is an example:

<nowiki><h1>FamilyHistory Centers</h1></nowiki>

  • And you will then be able to show the actual code in the article:
<h1>Family History Centers</h1>

NOINCLUDE

If you want a code to execute but not show the result in your article, surround your coding with opening and closing <noinclude> and </noinclude> tags. Here is an example:

<noinclude>[[Category:Cateogry name]]</noinclude>

  • This is useful if you want to categorize an article but do not want the category to show at the bottom of the page.

CIRCLES, SQUARES, TRIANGLES, ETC

To create these and other shapes see this website: How to create shapes in CSS. Just copy and paste the coding between the {} symbols into your div tag inside the style code.

TRY THESE OUT . . . .

Quick Quiz
  • If I want to copy the name of the article someplace in the article, you would use [[NAMESPACE]]
A. True
B. False
  • To recover something you may have deleted accidentally, you would hit the control key and the D key.
A. True
B. False
  • To search for a word in an article, you would hit the control key and the S key.
A. True
B. False
  • To highlight an entire page, you would bit the Control and W key
A. True
B. False
  • If you want exhibit code in an article, you would use opening and closing noinclude tags.
A. True
B. False

Navigation menu