Website – Opzet subsite

Let op maak gebruik logische namen voor de onderdelen. Bijvoorbeeld voor de Zaterdagmiddagverkenners de publike naam “ZaMiVerko” en de interne site naam “zamiverko”.

Onderdeel	Publieke naam	interne naam
Donderdagavondverkenners	DOAV	doav
Dindagavondverkenners	DIAV	diav
Zaterdagmiddagverkenenners	ZaMiVerko	zamiverko
Bevers	Bevers	bevers
Bevers Middag	Middagbevers	middagbevers
Zeeverkenners	Zeeverkenners	zeeverkenners
Luchtverkenners	LuchtVerko	luchtverko
Ochtend Esta’s	Oestas	oestas
Middag Esta’s	Mestas	mestas
Chriet Titulaerhorde	Chriet	chriet
HolbiHorde	HolbiHorde	holbi
Paradijsvogels	Paradijsvogels	paradijsvogels
Maandag Explorers	Maav	maav
Vrijdag Explorers	Explosies	explosies
Vrijdag Stam	Vrijdag Stam	vrijdagstam
Woensdag Stam	Woensdag Stam	woensdagstam

---

Stap 1: Categorie maken

Onder “Content” -> “Categories” maken we 2 artikel categorieen.
1 -> Static – Onderdeelnaam
2 -> Nieuws – Onderdeelnaam
(Waarbij onderdeelnaam veranderd wordt door het desbetreffende onderdeel.)

---

Stap 2: Lokale groepsmap aanmaken

Onder “Content” -> “Media” gaan we een aantal folders aanmaken.
We maken 1 folder genaamd “grp_onderdeelnaam” met daarin 2 mappen “header” en “nieuws”.
De map “header” is voor opslag van header foto’s en logo’s.
De map “nieuws” is voor foto’s die bij nieuws artikelen horen.

---

Stap 3: maken van het menu

Onder “Menus” -> “Manage” en klikken dan op “New”.
Title: “Onderdeelnaam”
Menu Type: “onderdeelnaam” 

---

Stap 4: Template instellen

Onder “Extensions” -> “Template” -> “Scowo – 2017” zodra dat open is heb je rechtbovenin “Outlines” daar klik je op. Vervolgens dupliceren we de “ScoWo – ZaMi Verkos” template en geven deze een nieuwe naam. opmaak naam is “ScoWo – Onderdeelnaam – 2017” en deselecteren “Inherit”

Onder styles passen we alle Bruine kleuren (#9d552d) aan naar een kleur die bij het onderdeel past. In “Page Settings” bij “Assets” passen we ook de regels in “Custom CSS” aan waar die kleurcode in staat naar dat wat van toepassing is.

Onder Layout passen de de foto’s van de “slideshow” aan deze fotos moeten uit de lokale map komen “/grp_onderdeelnaam/header/*.jpg of .png”

Onder “Logo / Image” koppelen we het logo van de groep.
Logo van de groep maken we op de volgende site “http://www4.flamingtext.com/” op die site vullen de de onderdeelnaam in we gebruiken het lettertype “Wrooom!” en klikken op “Get Started” .

Onder “Navigation” -> “Menu” selecteren we het menu dat in stap 3 gemaakt is.

Onder “Sidebar” hebben we een aantal module posities die naam moeten we even wijzigen. 
1 -> onderdeelnaam-randomimg.
2 -> onderdeelnaam-twitter.
Mocht er nou nog een extra module bij komen beginnen we weer met “onderdeelnaam-wat” zodat alle identiek blijft.

---

Stap 5: Menuopmaak goedzetten

Voor elk menuitem moeten de devolgende dingen instellen.
Dropdown Style: “Simple”.
Dropdown Direction: “Keep Centred”.
Dropdown Width: “20rem”.
CSS Classes: “menuitem”.
Icon: selecteer een uit de lijst.

Stap 5 herhalen voor elk menuitem dat extra gemaakt wordt.

Users:
Er zijn een paar gebruikers toegevoegd om eventueel dingen te testen. Hieronder staan de gebruikers die daarvoor gebruikt kunnen worden.

Testleider:	U: testleider P: SAG Wachtwoord inloggen op leiding niveau
Testeditor:	U: testuser P: SAG Wachtwoord inloggen op een hoger leiding niveau waarbij alle paginas kunnen worden aangepast.

Onderdelen Website:
Voor onderdelen kan een eigen website gemaakt worden binnen de huidige joomla installatie. 
Let wel op bij het importeren van Content dat van een ondere joomla installatie komt dat je het wel en in de goed categorie stopt check eerst de catergie dus waar je in gaat uploaden.

Kaderlijst:
URL: http://hosting.scowo.nl/index.php/leiding/kaderlijst

Strict Standards: Only variables should be assigned by reference in /var/www/www.scowo.nl/components/com_kaderlijst/views/kaderlijst/view.html.php on line 26

Inlogform:
URL: http://hosting.scowo.nl/index.php/component/users/?view=login

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/www.scowo.nl/plugins/user/ldap/ldap.php on line 63

(FIXED) Mailinglist (Adminomgeving):
URL: http://hosting.scowo.nl/administrator/index.php?option=com_mailinglists

Strict Standards: Declaration of mailinglistsController::display() should be compatible with JControllerLegacy::display($cachable = false, $urlparams = Array) in /var/www/www.scowo.nl/administrator/components/com_mailinglists/controller.php on line 40

(FIXED) Kaderlijst (Adminomgeving):
URL: http://hosting.scowo.nl/administrator/index.php?option=com_kaderlijst

Strict Standards: Declaration of KaderlijstController::display() should be compatible with JControllerLegacy::display($cachable = false, $urlparams = Array) in /var/www/www.scowo.nl/administrator/components/com_kaderlijst/controller.php on line 40

Emergency Root rechten
Mochten we op een of andere manier de inlog van root vergeten zijn kunnen we op deze manier een gebruiker root maken.
https://docs.joomla.org/How_do_you_recover_your_admin_password?

---

Voorpagina script

Dit script zorgt ervoor dat op de voorpagina het artikel op speciaal wordt gezet.

<script type="text/javascript">
voorpagina = document.getElementById('jform_featured');
options = voorpagina.getElementsByTagName('option');
for(var i = 0; i < options.length; i++)
{
options[i].selected = (options[i].value == '1');
}
</script>

Extensies -> Templates -> Onder het tablekopje “Hassium” Vervolgens zal daar een mapje zijn “ScoWo” met daarin een css file “scowo_css.css” hier staan de standaard css opmaak invoor scowo templates. Als een template gekopieerd wordt voor een ander onderdeel staat dit al goed en hoeft alleen de “Cusom CSS” aangepast te worden.

* { 
  	font-family: Quattrocento Sans;
}

.textaligncenter { 
	text-align: center; 
}

.headerlogo {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 20%;
    text-align: center;
    color: white;
}

.headerlogoimg {
    width: 100% !important;
    height: 100% !important;
}

.sticky {
    -webkit-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.75) !important;
}

.g-menu-item-container .fa {
  	color: white !important
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
	color: #333 !important;
}

.g-menu-parent-indicator {
    border-radius: 0.1875rem !important;
    margin: -0.2rem 0 -0.2rem 0.5rem !important;
    padding: 0.2rem !important;
	text-align: center !important;
}

.g-menu-parent-indicator .menuitem {
	background: white !important;	
}

.g-menu-item-title, .g-menu-item-subtitle {
	color: white !important
}

i.menuitem {
	color: white !important
}

.btn{
	color: white !important;
}

.btn:hover{
  	color: white !important;
}

img {
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
}

.menuitem {
   	color: white !important;
 	font-weight: bold;
}

.item-title {
 	font-weight: bold;
}

.menulogin a {
    color: white !important;
    font-weight: bold !important;
}

.scowo-block {
    margin-top:12px;
    margin-left: 5px;
    margin-right: 5px;
    background:white;
    padding:10px;
    border-style: solid;
    border-width: 1px;
    border-color:#cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.items-leading {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color:#cccccc;
    margin-left: 5px;
    margin-right: 5px;
    padding:10px;
}

/*.items-row .span12 {
  	margin-top:12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color:#cccccc;
    margin-left: 5px;
    margin-right: 5px;
    padding:10px;
}*/

.scowo-block .article-info {
    padding:7px;
    color:black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.menuitem:hover{
    color:black !important;
    font-weight: bold;
}

.active {
	color:green !important;
	font-weight: bold;
}

a {
	font-weight: bold !important;
}

a:hover {
	font-weight: bold !important;
}

Geupdate : 17 April 2017 21:19