Artisteer: Voeg Widget Area toe

Siplo,

Makkelijk of moeilijk… Het kan allebei…

Moeilijk
Ik ken artisteer maar heel oppervlakkig.
Echter hier geldt dezelfde afweging als voor elke site: ‘verbouwen’ of ‘nieuwbouw’, wat gaat vlotter?

Heb je naast kennis van aristeer, ook enige basiskennis van HTML en CSS? Dan kan je mbv HTML, div’s en CSS, plaatsen om je sidebars te definieren en vorm te geven.
Dat betekent vervolgens ook dat de ‘maatvoering’ moet worden aangepast om de nieuwe situatie te laten passen.

Makkelijker
Het mooie van WP en andere CMS-websites is, dat inhoud = jouw artikelen, en VORM losgekoppeld zijn.
Door het installeren van een andere template heb je vrijwel direct een ‘andere’ site.

Hiervoor kan je elke willekeurige ’theme’ [gratis en betaald] van artisteer of andere thema-bouwers, gebruiken die qua indeling en functies aan je wensen voldoet.
Het uiterlijk [kleuren, lettertypen etc.] kan je eenvoudig naar je hand zetten mbv de theme-options en CSS.

== == == uitleg

1. bepaal wat voor een soort / type site je wilt hebben
2. voor wie de site bedoeld is en welke wensen en eisen je ‘gebruikers’ hebben
3. bekijk welke zaken daarbij horen / passen op het gebied van

• uiterlijk: indeling, vorm, kleuren etc.
• functionaliteit: blog, krant, webwinkel, vereniging etc.
• etc. etc.

• ga op zoek naar een THEMA dat zoveel mogelijk past bij het bovenstaande
• maak je niet druk om kleuren, lettertypen etc. Die zijn eenvoudig aan te passen
• richt je vooral op layout / opbouw van de pagina’s / berichten
• kijk daarna op de benodigde functionaliteit van de meest favoriete thema’s
• probeer wat thema’s uit; WP heeft vele 10.000-den gratis thema’s, die doorgaans van goede kwaliteit zijn. Begin daar maar eens mee.
• Installeer thema’s mbv je dashboard, kijk rond en probeer of ze voldoen aan je wensen, aanpasbaar heid etc.
• ben je niet tevreden? Niks aan de hand! gewoon een volgend thema installeren en activeren om kijken of dat beter is. De INHOUD van je site blijft gewoon in orde… no worries.
• Heb je een mooi thema gevonden? Joepie!
• Tijd om de ’toeters en bellen’ te installeren zoals widgets, social media, formulieren, etc. etc. Leef je uit

== == == leesvoer
http://www.w3schools.com/css/default.asp
http://codex.wordpress.org/Getting_Started_with_WordPress
http://codex.wordpress.org/CSS
http://codex.wordpress.org/Finding_Your_CSS_Styles
http://codex.wordpress.org/FAQ_Troubleshooting
http://codex.wordpress.org/Backing_Up_Your_Database

Natuurlijk zijn er ook trainingen op het internet te vinden

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
KOM JE ER NIET UIT?
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Kom je er niet uit?
Natuurlijk is er altijd nog dit forum!

Geef zoveel mogelijk info!
1. Geef aub de url van je site en het [parent]theme dat je gebruikt.
2. wat je WILT BEREIKEN
3. wat je NIET wilt
4. wat je totnutoe hebt geprobeerd

Job,

OK, moeilijk kan ook… 😉

Suggesties:
== == == MAAK EEN CHILDTHEME
BELANGRIJK
Maak gebruik van een childtheme CT!!
Dat biedt je de mogelijkheid de komende wijzigingen te scheiden van je originele theme!!
Dat houdt de wijzigingen overzichtelijk bij elkaar en eenvoudiger te onderhouden. Bijkomend voordeel is dat als zaken niet direct zo lopen als gewenst, je direct, zonder ‘pijn’weer terug kan naar je origineel [parent].

hoe: zie onderaan!!

== == == sidebars
Als ik me niet vergis, zitten er nu geen sidebars in je pagina.

Je moet dus ‘plaats maken’ voor deze sidebars.
Dat doe je door de maatvoering aan te passen

voorbeelden
Body - breedte [width] 100%]
Kies zo nodig een bredere body dan je nu hebt bijv
art-postcontent - width:62%
sidebar_left:15%
sidebar_right:15%
padding, marges etc. 8%

Natuurlijk kan je met deze maten schuiven, maar het moet wel ‘optellen’ tot 100%. Past ’t niet, dan gaan de elementen plotseling ‘schuiven'[meestal onder elkaar].

== == == Maak div’s voor je sidebars
maak div’s aan voor je sidebars.
Deze blokken gaan de inhoud van deze sidebars bevatten en moeten ‘geplaatst’ worden.
<div id="sidebar_right"> .... </div>
<div id="sidebar_left"> .... </div>

Geef de sidebars hun maten en plek in de ‘syles.css’ van je CT.
bijvoorbeeld:

sidebar_right{
   position: relative;
   width:15%;
   float:right;
   height:600px;
   background-color:#99cc66; /*appelgroen - valt op bij het 'bouwen', later naar wens aanpassen*/
}
sidebar_left{
   position: relative;
   width:15%;
   height:600px;
   float:left;
   background-color:#99cc66; /*appelgroen - valt op bij het 'bouwen', later naar wens aanpassen*/
}

Natuurlijk kan je ook ruimte aangeven voor marges en padding [zie boven.

Nu moet je nog wel een manier zien te vinden die content in de sidebars doet belanden. Ik ken aristeer onvoldoende om daar op in te gaan. Maar je moet dan denken aan php-bestanden.

== == == extra info childtheme
Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.

Alternatief: Voeg veranderingen in je site toe aan style.css en de php-bestanden van je CHILDtheme.
Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

Heb je nog geen childtheme?

1. installeer en activeer ‘one click childtheme’-plug-in
2. activeer de originele theme
3. Dashboard > weergave > child theme
4. beantwoordt de vragen op het scherm
   >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
5. Activeer het childtheme.

==

6. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
   – Maak je aanpassingen in style.css van het childtheme;
   – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

== == == Extra
Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of of rechtsklik en kies ‘element inspecteren’.

Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren, layout etc. aanpassen.

== == == ik wil echt GEEN childtheme [en begrijp het probleem van het aanpassen van het originele theme…]
Zet de veranderingen in de css-code dan ONDERAAN het bestand ‘styles.css’ van je thema. Ververs je browser <CTRL-F5>.
== == ==

== == == huidige site en ‘nieuw alternatief theme’
Kijkend naar de site dan is met name de verandering in de layout en het aanbrengen van de functionaliteit van sidebars [er moet ook nog wat IN die sidebars tevoorschijn komen] niet eenvoudig.

Kijk je naar alternatieven, dan zijn HEEL veel themes standaard al voorzien van de MOGELIJKHEID om twee of meer sidebars aan te brengen, vaak met een paar klikken van je muis.

Als het gaat om het behoud van de ‘look en feel’ van je site, dan valt de kleurstelling en achtergrond het meeste op.
Dat zijn nu juist zaken die je in ELK theme eenvoudig naar je hand kan zetten [itt de verbouwing van je bestaande theme]

Mijn advies [blijft] kies een thema dat qua lay-out en functies aan je toekomstige wensen voldoet en pas eenvoudig het uiterlijk toe dat je nu hebt…

== == == opties:

• kijk of je je eigen aristeer theme kan aanpassen mbv de aristeer software / omgeving
• Kijk of aristeer een leuk gratis theme heeft met twee sidebars
• kies een willekeurig theme dat de lay-out en fucties heeft die je zoekt. Pas het uiterlijk naar jouw wens aan

DEZE opties hebben een grotere kans van slagen in een relatief korte tijd.

== == ==
Moet de site – tijdens de verbouwing – actief blijven?
Overweeg dan je nieuwe site te bouwen mbv een ‘localhost’-versie [xampp / wamp] of in een ‘subdomain’. Is alles dan naar wens, zet dan de boel ‘online’