Skip to Content
Last modified by chrisby on 2024/03/30 17:19
From version 3.5
edited by chrisby
on 2023/10/04 12:16
Change comment: There is no comment for this version
To version 3.12
edited by chrisby
on 2024/03/29 15:44
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,54 +1,52 @@
1 1  Here is a summary of the steps I took to configure this XWiki website via GUI. The configurations required for your XWiki website may vary depending on your needs. Being logged in as the admin user, the **Administration** page can be found here: Triple bar icon (upper right corner) > Administer Wiki. Here you can find the different options like **Look & Feel** or **Extensions**.
2 2  
3 -### Measures
3 +###### Delete non-required extensions
4 4  
5 -**Delete non-required extensions**
6 -
7 7  * Extensions > Extensions > In the selection menu, select "Installed Extensions" > Search for "Tour Application", "Help Application" and "Sandbox Application" and uninstall them
8 8  
9 -**Upload Logo** (displayed in the upper left corner of the website)
7 +###### Upload Logo (displayed in the upper left corner of the website)
10 10  
11 11  * Look & Feel > Themes > Color Theme > COLOR THEME > Customize > Logos > Choose an attachment > Browse > Upload and select > Safe & View
12 12  
13 -**Add a tab bar below the website header**
11 +###### Add a tab bar below the website header
14 14  
15 15  * Look & Feel > Menus > Add new entry > (create a menu, for example "Header Menu")
16 16  * Add links to each bullet point so that users who click on the tab are directed to the appropriate page.
17 17  * At the bottom of the Menu page: Menu Display Location = After the page header; Menu Visibility Scope = Global.
18 18  
19 -**Adapt navigation panel items to your needs** (the boxes at the edges like "Navigation" or "Recently Created")
17 +###### Adapt navigation panel items to your needs (the boxes at the edges like "Navigation" or "Recently Created")
20 20  
21 21  * Look & Feel > Panels > Panel List
22 22  
23 -**Change browser tab title**
21 +###### Change browser tab title
24 24  
25 25  * Look & Feel > Presentation > Header > Title > Remove the " - XWiki"
26 26  * Change favicon: Look & Feel > Themes > Skin > Customize > Edit > Logo > Choose Attachment > Browse > Select the image you want to have as a favicon. Make sure that the name of the image matches the names mentioned in the [documentation](http://sandbox.xwiki.org/xwiki/bin/view/FAQ/How+do+I+add+a+favicon+for+my+wiki). For example, svg files must be named "icons.xwiki.favicon.svg". > Upload and select image > Save & View
27 27  
28 -**Enable justification in editor**
26 +###### Enable justification in editor
29 29  
30 -* Editing > WYSIWYG Editor >
28 +* Editing > WYSIWYG Editor
31 31   * Default WYSIWYG Editor > CKEditor > Save (Note: There are two "Save" buttons on this page.)
32 32   * CKEditor > Disables Plugins > Open selection of disabled plugins > uncheck "justify" plugin > click on "Save" button **below**
33 33  
34 -**Disable registration of new accounts**
32 +###### Disable registration of new accounts
35 35  
36 36  * Users & Rights > Rights > XWikiAdminGroup > Add a check at "Register". Implicitly all other groups (including unregistered users) lose their right to register new accounts. See the [docs](https://www.xwiki.org/xwiki/bin/view/Documentation/AdminGuide/Access%20Rights/) for further details.
37 37  
38 -**Allow comments feature for unregistered users**
36 +###### Allow comments feature for unregistered users
39 39  
40 40  * Users & Rights > Rights > Remove the "Comment" check for each group. This implicitly allows all groups (including unregistered users) to use the comments feature.
41 41  
42 -**Set up mailing**
40 +###### Set up mailing
43 43  
44 44  * Mail > Mail Sending > Email address to send from > (enter the necessary fields to enable XWiki's mailing functionality)
45 45  * Users & Rights > Registration > User Email verification > Yes
46 46  
47 -**Adapt the timezone**
45 +###### Adapt the timezone
48 48  
49 49  * Content > Localization > Date/Time > Timezone
50 50  
51 -**Use Markdown as page editing syntax**
49 +###### Use Markdown as page editing syntax
52 52  
53 53  * Extensions > Extensions > Install CommonMark Markdown Syntax 1.2.
54 54  * Edit > Syntax > Disabled syntaxes
... ... @@ -60,7 +60,7 @@
60 60   * Go to the page to edit > Information > SYNTAX > click the "Edit" icon > select "CommonMark Markdown 1.2". > A "Syntax Conversion" popup appears - click "Yes" > click the "Confirm" icon. You should now be able to edit the page in Markdown.
61 61   * Sometimes manual adjustments are required after conversion, as it does not always work as desired.
62 62  
63 -**Adapt the footer** - Hide XWiki version and add copyright information.
61 +###### Adapt the footer - Hide XWiki version and add copyright information.
64 64  
65 65  * Look & Feel > Presentation > Footer > Here you can find the fields "Copyright" and "Version".
66 66  * Since an empty "Version" field results in the current XWiki version being displayed, I left the "Copyright" field empty and entered the license in the "Version" field. Here are two examples when using Markdown syntax as described above:
... ... @@ -69,3 +69,48 @@
69 69  The contents of this website are available under the [CC0 1.0 Universal license](https://creativecommons.org/publicdomain/zero/1.0/deed.en); additional terms may apply.
70 70  The contents of this website are available under the [Attribution 4.0 International](https://creativecommons.org/licenses/by/4.0/); additional terms may apply.
71 71  ```
70 +
71 +###### **Dark Theme**
72 +
73 +* Look & Feel > Themes > Color Theme
74 + * Manage Color Themes > "Darkly" Theme > Use this theme
75 + * Customize > Advanced > Add the following code at the end and then "Save & View":
76 +
77 + // Own customizations
78 + // .code span, // concerns code in 'code' macro
79 + #var-lessCode,
80 + #adminsearchmenu,
81 + .macro-parameter-field textarea,
82 + .form-control, // concerns credentials in login screen
83 + .xwikipaneltitle {
84 + color: white !important;
85 + }
86 +
87 + // Global search bar at the upper right has a white background by default, so the white default font would not make sense here.
88 + #headerglobalsearchinput {
89 + color: black !important;
90 + }
91 +
92 + // Removes white shadow from text in navigation menu
93 + .jstree-anchor {
94 + text-shadow: none !important;
95 + }
96 +
97 + h1, h2, h3, h4, h5, h6 { // All headings in pages
98 + color: orange !important;
99 + }
100 +
101 + #menu-horizontal-Menu-Header-Menu-WebHome a, // The menu below the Crispy Coding header with logo.
102 + .breadcrumb a { // breadcrumb links at the top of every page and in search results
103 + color: #0ce3ac !important;
104 + }
105 +
106 + strong, // all bold text in articles
107 + .search-text-highlight { // Highlight searched words in articles when using the global search bar in the upper right corner.
108 + color: #33ccff !important;
109 + }
110 +
111 + // When being in 'source' mode in editor.
112 + #cke_1_contents textarea {
113 + background-color: #333333 !important;
114 + }