Sample page: Difference between revisions

Jump to navigation Jump to search
← Older edit
No edit summary
No edit summary
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="heading">Page Title</div>
=Formatting a wiki page =
  This page is about the menu {{#fas:cog}} (SETTINGS) PAGENAME > PAGENAME XXX followed by explanation on what to find on this page.  
https://www.mediawiki.org/wiki/Help:Formatting


Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) PAGENAME
Mediawiki automaticallly ceates a title from the name in the URL.


The two elements above are at the top of each page directly after the categories. Next element is the the contents (below).
'''1. First element on a wiki page''' are the categrories the page belongs into and if applicable redirects (see below=


__TOC__
<nowiki>[[Category:xxx]]</nowiki>


=General formatting =
'''2. Second element''' is an explanation what the page is about. If it is a help page for a menu (opening from a ? icon on the top) the path is mentioned.
https://www.mediawiki.org/wiki/Help:Formatting


=Headline 1=
This page is about the menu {{#fas:cog}} (SETTINGS) PAGENAME > PAGENAME XXX followed by explanation on what to find on this page.


=Summary=
Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) PAGENAME
<div class="summarybox">


<div class="warning alert alert-danger">{{#fas:exclamation-triangle}} Format of a warning if required. </div> 
'''3. Some pages have a summary box (used for slide out help) or important things to know'''. This section has a meaningful heading in a h1 = =
</div>


=Zusammenfassung=
Summary / Zusammenfassung heading in a h1 = =
<div class="summarybox">
<div class="summarybox">
 
This is a summary
<div class="warning alert-alert-danger">{{#fas:exclamation-triangle}} Format of a warning if required. </div>   
<div class="warning alert alert-danger">{{#fas:exclamation-triangle}} Format of a warning if required. </div>   
</div>
</div>


=Was Sie wissen und tun sollten, bevor Sie loslegen=
What you should know before you start / Was Sie wissen und tun sollten, bevor Sie loslegen heading in a h1 = =
<div class="bluebox">
<div class="bluebox">
Introductory text if required
Introductory text if required
</div>
</div>


=Was Sie wissen und tun sollten, bevor Sie loslegen=
'''4. Next element is a table of content '''<nowiki>__TOC__ </nowiki> which will be automatically generated from the headlines.
<div class="bluebox">
 
Introductory text if required
'''5. Put the first heading after the table of content'''
</div>
 
= = Heading 1
 
== == Heading 2
 
=== === Heading 3


==Headline 2==
==== ==== Heading 4  
===Headline 3===
====Headline 4====


Put the heading text in the middle. All headings can be seen below.


__TOC__


=Headline 1=
==Headline 2==
===How to format===
====Bold, italic, underline (not used)====
''italic''
''italic''


'''bold'''
'''bold'''


'''''bold & italic'''''
'''''bold & italic'''''


<u>Underline (not used)</u>  
<u>Underline (not used)</u>  


<div class="bluebox">
====Lists====
Before you connect and other highlighted text
Bulleted list:
</div>
 
 
 
<div class="summarybox">
This is the summary
</div>
 
 
 
 
Code:
 
<code>Source code</code> -> used for code examples, on many pages  pre  (blue box) is used for code which should be replaced
 
 
<div style="background-color: #f8f9fa !important; border: 1px solid #eaecf0;border-radius: 2px; padding: 1px 4px;">
<script>
<nowiki>
var addUrlParamsToIframeSrcs = function () {
    const validParameters = ["checkin","checkout","numnight","numadult","numchild","ownerid","propid","roomid","referer","redirect","lang","group","nogroup","category1","category2","category3","category4", "customParameter"];
    const iframeAttrIdentifier = "ourIframe";
    const currentUrl = new URL(window.location.href);
    let parametersString = "";
    validParameters.forEach(parameter => {
        const parameterValue = currentUrl.searchParams.get(parameter);
        if (parameterValue !== null) {
            parametersString += "&" + parameter + "=" + parameterValue;
        }
    });
    const iframes = document.getElementsByTagName("iframe");
    for (let iframe of iframes) {
        if (iframe.getAttribute(iframeAttrIdentifier) !== null) {
            let iframeSrc = iframe.getAttribute("data-src");
            if (!iframeSrc.includes("?")) {
                iframeSrc += "?";
            }
            iframeSrc += parametersString;
            iframe.setAttribute("src", iframeSrc)
        }
    }
}
addUrlParamsToIframeSrcs();
</nowiki>
</script>
</div>
 
:{
::"authentication":
::{
:::"apiKey": "my_very_secret_api_key",
:::"propKey": "secret_key_for_prop_XXXXXX"
::},
::"bookId": "[BOOKID]",
::"invoice":
::[
:::{
::::"description": "Booking.com Commission",
::::"status": "",
::::"qty": "1",
::::"price": "-[COMMISSIONNUM]",
::::"vatRate": "7.00",
::::"type": "0",
::::"invoiceeId": ""
:::}
::]
:}
 
 
*ul list
*:- definition
*:- definition
*ul list
*ul list
Line 130: Line 63:




Numered list
#:- definition
#ol list
#ol list
#ol list
#ol list
Line 136: Line 71:




<nowiki>no [[wiki]] ''markup''</nowiki> used for content which should not show in wiki format i.e. links which should not be clickable.
Horizontal line Text before used on the news to separate the news (first before a line is shown in the news module on the Dashboard)
----
Text after
====Links====
[[Main_Page |internal link (pipe)]]
[[Main_Page |internal link (pipe)]]
[[:Category:Dashboard|Link to category page]]


[https://beds24.com external link (no pipe)]
[https://beds24.com external link (no pipe)]


====Highlights, warnings, icons====
You can add FontAwesome 5 Icons: https://fontawesome.com/v5/search?o=r


<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>  Warning used to point at information which is critical
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>  Warning used to point at information which is critical


<div class="warning">{{#fas:exclamation-triangle}} Format of an important warning</div>   
<div class="warning">{{#fas:exclamation-triangle}} Format of an important warning</div>   


<span style="color: #f3e504; font-size: 150%;" >{{#fas:lightbulb}} </span>  Tip used  for additional functions, references etc.  
<span style="color: #f3e504; font-size: 150%;" >{{#fas:lightbulb}} </span>  Tip used  for additional functions, references etc.  
Line 180: Line 126:
[https://fontawesome.com/v5.15/icons/external-link-alt?style=soli <span style="color:#007bff;“ >{{#fas:external-link-alt}}  </span>  website]
[https://fontawesome.com/v5.15/icons/external-link-alt?style=soli <span style="color:#007bff;“ >{{#fas:external-link-alt}}  </span>  website]


<nowiki>no [[wiki]] ''markup''</nowiki> used for content which should not show in wiki format i.e. links which should not be clickable.  
====Specific CSS====
 
You can apply you own CSS.  
 
Horizontal line Text before used on the news to separate the news (first before a line is shown in the news module on the Dashboard)
----
Text after


<span style="color: #fe746c">Inline style red text </span> used to apply individual css - only for temporary special formatting on the start pages. For other formats classes should be created.  
<span style="color: #fe746c">Inline style red text </span> used to apply individual css - only for temporary special formatting on the start pages. For other formats classes should be created.  
Line 191: Line 133:
<span style="color: #75d5ad">Inline style green text </span>
<span style="color: #75d5ad">Inline style green text </span>


=Hide content which is being worked on =
==Hide content which is being worked on ==
Hide a section NOTE: Hidden content can not have headlines because headlines are not hidden
Hide a section NOTE: Hidden content can not have headlines because headlines are not hidden


Line 198: Line 140:
</div>
</div>


=Collapsible Elements=
====Code snippets====
Used for FAQ, Examples
Code (if you need to quote code snippets or examples):


<div class="mw-collapsible mw-collapsed">
<code>Source code</code> -> used for code examples, on many pages  pre  (blue box) is used for code which should be replaced
<div  class="headline-collapse" >
Example: Headline for collapsible text
</div>
<div class="mw-collapsible-content">


This is  the collapsed text.  
<div style="background-color: #f8f9fa !important; border: 1px solid #eaecf0;border-radius: 2px; padding: 1px 4px;">
</div>
<script>
<nowiki>
var addUrlParamsToIframeSrcs = function () {
    const validParameters = ["checkin","checkout","numnight","numadult","numchild","ownerid","propid","roomid","referer","redirect","lang","group","nogroup","category1","category2","category3","category4", "customParameter"];
    const iframeAttrIdentifier = "ourIframe";
    const currentUrl = new URL(window.location.href);
    let parametersString = "";
    validParameters.forEach(parameter => {
        const parameterValue = currentUrl.searchParams.get(parameter);
        if (parameterValue !== null) {
            parametersString += "&" + parameter + "=" + parameterValue;
        }
    });
    const iframes = document.getElementsByTagName("iframe");
    for (let iframe of iframes) {
        if (iframe.getAttribute(iframeAttrIdentifier) !== null) {
            let iframeSrc = iframe.getAttribute("data-src");
            if (!iframeSrc.includes("?")) {
                iframeSrc += "?";
            }
            iframeSrc += parametersString;
            iframe.setAttribute("src", iframeSrc)
        }
    }
}
addUrlParamsToIframeSrcs();
</nowiki>
</script>
</div>
</div>


https://www.mediawiki.org/wiki/Manual:Collapsible_elements
:{
::"authentication":
::{
:::"apiKey": "my_very_secret_api_key",
:::"propKey": "secret_key_for_prop_XXXXXX"
::},
::"bookId": "[BOOKID]",
::"invoice":
::[
:::{
::::"description": "Booking.com Commission",
::::"status": "",
::::"qty": "1",
::::"price": "-[COMMISSIONNUM]",
::::"vatRate": "7.00",
::::"type": "0",
::::"invoiceeId": ""
:::}
::]
:}


====Tables====
https://www.mediawiki.org/wiki/Help:Tables


=Troubleshooting=
ChatGpt can make wikimedia tables
If there are many issues or the page is already long
<div class="mw-collapsible mw-collapsed">
<div  class="headline-collapse" >"Room code is not unique" warning when saving in Beds24.
</div>
<div class="mw-collapsible-content">
Each Booking.com room id is unique and can be mapped to only one room in Beds24. If you enter the same Booking.com room id more than once the room updates will overwrite each other causing inaccurate information being sent to Booking.com which will cause overbookings.
</div></div>
 
'''If there are only a few'''
xxx
 
=Images =
https://www.mediawiki.org/wiki/Help:Images
Images with a "view large link" - images can be animated gifs
 
[[Image:wizard_calendar.gif|600px|link=]]
[[Media:wizard_calendar.gif|view large]]
 
linked image
 
[[Image:wizard_calendar.gif|600px|link=https://go.expediagroup.com/spotlight-beds24.html]]
 
 
 
Centered
 
[[Image:wizard_calendar.gif|center|400px|link=]]
 
 
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>  You might need to do a couple of hard refreshes to see the uploaded image. Or try a different browser.
 
=pdf=
[[Media:Custom_Invoice.pdf|Download the tutorial]]
 
=Videos =
 
==Youtube==
<embedvideo service="youtube">https://youtu.be/Ohhx1ZfPxNw</embedvideo>
 
 
<embedvideo service="youtube" dimensions="200x120">https://youtu.be/6niW6UZoHOc</embedvideo>
 
==MP4 Upload==
 
[[File:support.mp4|640px]]
 
 
Centered
 
[[File:recovering-Covid19.mp4|center|340px]]
 
=Tables =
https://www.mediawiki.org/wiki/Help:Tables


{| class="wikitable"
{| class="wikitable"
Line 301: Line 234:
|}
|}


=Formatting of content types =
====Examples====
==Examples==
 
Example on  individual page: https://wiki.beds24.com/index.php/Combine_individual_rooms_into_a_roomtype
Example on  individual page: https://wiki.beds24.com/index.php/Combine_individual_rooms_into_a_roomtype


Use "Collapsible" if there are many examples on the page or if examples are long.  
Use "Collapsible" if there are many examples on the page or if examples are long.  


<div class="mw-collapsible mw-collapsed">
====Step by  step instructions====
<div  class="headline-collapse" >
==Headline for collapsible text Make sure you add the correct hierarchy if you want them to show in the agenda==
</div>
<div class="mw-collapsible-content">
 
This is  the collapsed text.
</div>
</div>
 
==Step by  step instructions==
'''Step 1: Summary of what do do'''  
'''Step 1: Summary of what do do'''  


Line 346: Line 267:
#Press SAVE
#Press SAVE
</div></div>
</div></div>
</div>
====Collapsible elements====
Used for FAQ, Examples
<div class="mw-collapsible mw-collapsed">
<div  class="headline-collapse" >
Example: Headline for collapsible text
</div>
<div class="mw-collapsible-content">
This is  the collapsed text.
</div>
</div>
https://www.mediawiki.org/wiki/Manual:Collapsible_elements
If there are many issues or the page is already long
<div class="mw-collapsible mw-collapsed">
<div  class="headline-collapse" >"Room code is not unique" warning when saving in Beds24.
</div>
<div class="mw-collapsible-content">
Each Booking.com room id is unique and can be mapped to only one room in Beds24. If you enter the same Booking.com room id more than once the room updates will overwrite each other causing inaccurate information being sent to Booking.com which will cause overbookings.
</div></div>
==Images and Files==
Reference https://www.mediawiki.org/wiki/Help:Images


=How to=
==Add image==
Add image: http://recordit.co/Y6MG4bnTiR
Add image: http://recordit.co/Y6MG4bnTiR


You can adjust the size.
You can adjust the size by changing the number of px


==Change Image==
Images with a "view large link" - images can be animated gifs
 
[[Image:wizard_calendar.gif|600px|link=]]
[[Media:wizard_calendar.gif|view large]]
 
linked image
 
[[Image:wizard_calendar.gif|600px|link=https://go.expediagroup.com/spotlight-beds24.html]]
 
 
Centered
 
[[Image:wizard_calendar.gif|center|400px|link=]]
 
 
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>  You might need to do a couple of hard refreshes to see the uploaded image. Or try a different browser. Or change the size
 
===pdf===
[[Media:Custom_Invoice.pdf|Download the tutorial]]
 
===Youtube===
<embedvideo service="youtube">https://youtu.be/Ohhx1ZfPxNw</embedvideo>
 
<embedvideo service="youtube" dimensions="200x120">https://youtu.be/6niW6UZoHOc</embedvideo>
 
===MP4 upload===
[[File:support.mp4|640px]]
 
Centered
 
[[File:recovering-Covid19.mp4|center|340px]]
 
===Change file===
If the file is already uploaded and you want to change it open it - if you know the filename you can replace the imagename, then uplaod new.


https://wiki.beds24.com/index.php/file:IMAGENAME.png
https://wiki.beds24.com/index.php/file:IMAGENAME.png


https://wiki.beds24.com/wikiDE/index.php/Datei:IMAGENAME.png
https://wiki.beds24.com/wikiDE/index.php/Datei:IMAGENAME.png
==Make a redirect==
==Make a redirect==
<nowiki>#REDIRECT [[pagename]]</nowiki>
<nowiki>#REDIRECT [[pagename]]</nowiki>
Line 365: Line 346:
https://www.mediawiki.org/wiki/Help:Redirects
https://www.mediawiki.org/wiki/Help:Redirects


=All Pages and categories=
 
Access a redirected page add &action=edit to the pagename of the redirected page
 
==How to==
===Add new user===
Access wiki
https://wiki.beds24.com/index.php/Special:CreateAccount
 
=All pages and categories=
https://wiki.beds24.com/index.php/Special:AllPages
https://wiki.beds24.com/index.php/Special:AllPages


https://wiki.beds24.com/index.php/Special:Categories
https://wiki.beds24.com/index.php/Special:Categories


=CSS =
==Change the general CSS ==
DO NOT CHANGE THE CSS WITHOUT CONSULTING WITH ANNETTE
 
https://wiki.beds24.com/index.php/MediaWiki:Common.css
https://wiki.beds24.com/index.php/MediaWiki:Common.css


https://wiki.beds24.com/wikiDE/index.php/MediaWiki:Common.css
https://wiki.beds24.com/wikiDE/index.php/MediaWiki:Common.css


=Sidebar navigation=
==Change sidebar navigation==
https://wiki.beds24.com/index.php?title=MediaWiki:Sidebar&action=edit
https://wiki.beds24.com/index.php?title=MediaWiki:Sidebar&action=edit


https://wiki.beds24.com/wikiDE/index.php?title=MediaWiki:Sidebar&action=edit
https://wiki.beds24.com/wikiDE/index.php?title=MediaWiki:Sidebar&action=edit


=Sample context help=
==Add new user==
https://wiki.beds24.com/index.php/Special:CreateAccount
 
https://wiki.beds24.com/wikiDE/index.php/Special:CreateAccount
 
=References=
==Sample context help==
https://wiki.beds24.com/index.php/Setting/sample
https://wiki.beds24.com/index.php/Setting/sample


<div class="warning alert alert-danger">{{#fas:exclamation-triangle}} The context helps can not contain any reference to Beds24 as some reseller show them. Use neutral wording "the system".  </div> 
==Recent Changes==
https://wiki.beds24.com/index.php?hidebots=1&limit=50&days=7&enhanced=1&title=Special:RecentChanges&urlversion=2


=All Special Pages=
==All special pages==
https://wiki.beds24.com/index.php/Special:SpecialPages
https://wiki.beds24.com/index.php/Special:SpecialPages
==Mediawiki help==
https://www.mediawiki.org/wiki/Help:Contents
Retrieved from "https://wiki.beds24.com/index.php/Sample_page"