Skip to Content
Last modified by chrisby on 2024/03/30 17:19
From version 3.8
edited by chrisby
on 2023/11/18 14:55
Change comment: There is no comment for this version
To version 4.7
edited by chrisby
on 2024/03/30 15:43
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,32 +60,58 @@
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 -* 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:
64 +* 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.
67 67  
68 -```
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 -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 -```
66 +Here is an example:
72 72  
73 -**Dark Theme**
68 + The contents of this website are available under the <a href="https://creativecommons.org/publicdomain/zero/1.0/deed.en">CC0 1.0 Universal license</a>; additional terms may apply.
74 74  
75 -* Look & Feel > Themes > Color Theme > COLOR_THEMES
70 +###### **Dark Theme**
71 +
72 +* Look & Feel > Themes > Color Theme
76 76   * Manage Color Themes > "Darkly" Theme > Use this theme
77 - * Customize > Advanced > Add the following code at the end and then "Save & View":
74 + * Customize > Advanced > Add the code below at the end and then "Save & View":
78 78  
79 -```CSS
80 -// Own customizations
81 -#var-lessCode,
82 -.macro-parameter-field textarea,
83 -.code span,
84 -.xwikipaneltitle {
85 - color: white !important;
86 -}
76 +Additional CSS::
87 87  
88 -h1, h2, h3, h4, h5, h6 {
89 - color: orange !important;
90 -}
91 -```
78 + // Own customizations
79 + // .code span, // concerns code in 'code' macro
80 + #var-lessCode,
81 + #adminsearchmenu,
82 + .macro-parameter-field textarea,
83 + .form-control, // concerns credentials in login screen
84 + .xwikipaneltitle {
85 + color: white !important;
86 + }
87 +
88 + // Global search bar at the upper right has a white background by default, so the white default font would not make sense here.
89 + #headerglobalsearchinput {
90 + color: black !important;
91 + }
92 +
93 + // Removes white shadow from text in navigation menu
94 + .jstree-anchor {
95 + text-shadow: none !important;
96 + }
97 +
98 + h1, h2, h3, h4, h5, h6 { // All headings in pages
99 + color: orange !important;
100 + }
101 +
102 + #menu-horizontal-Menu-Header-Menu-WebHome a, // The menu below the Crispy Coding header with logo.
103 + .breadcrumb a { // breadcrumb links at the top of every page and in search results
104 + color: #0ce3ac !important;
105 + }
106 +
107 + strong, // all bold text in articles
108 + .search-text-highlight { // Highlight searched words in articles when using the global search bar in the upper right corner.
109 + color: #33ccff !important;
110 + }
111 +
112 + // When being in 'source' mode in editor.
113 + #cke_1_contents textarea {
114 + background-color: #333333 !important;
115 + }