oscommerce Handleiding

Maat: px
Weergave met pagina beginnen:

Download "oscommerce Handleiding"

Transcriptie

1 oscommerce Handleiding

2 Introductie...3 Installatie Procedure...4 Base Directory...4 Catalog Directory...4 Customisatie Handleiding...8 Het toevoegen van blocken en links...9 Achtergrond Afbeeldingen Toevoegen aan Favorieten code Alleen IE Box hoeken veranderen...14 Winkel breedte veranderen Checkout_succes.php checkbalk kleur Order velden veranderen...16 Kolom Bewerking...23 Code Conventies en Algemene concepten...24 Credit Cards bewerken Download Toevoegingen Extensies Toevoegen...26 Header Logo Naar Home Site...26 Afbeeldingen in Box Header...27 Producten gelimiteerd op New Products...27 Missende grafische afbeeldingen op de pagina...28 Lengte van Product ID nummer veranderen...28 Product nummers verwijderen/kolom verbreden...29 Stylesheet Bewerkingen...29 Belasting Setup...31 Tell a friend ook naar eigenaar...32 Tekst veranderingen...33 Uploading Afbeeldingen

3 Introductie OSCommerce Installatie en Modificatie Handleiding. Datum 06/17/2002 Door Martijn van Amerongen (vertaling Nederlands) Copyright 2002, Martijn van Amerongen (NL), Micheal Sasek. Dit is een handleiding over hoe je het uiterlijk van OSCommerce, de open source e-commerce oplossing, kan veranderen. Deze handleiding gaat er vanuit dat je een goede basiskennis hebt omtrent HTML en weet hoe het werkt. Als u deze kennis niet hebt, is het verstandig om een een goed referentie boek te kopen. Zodat u dit snel kan gaan leren. Dit is absoluut geen uitgebreidde resource, maar is bedoeld om gebruikt te worden als startpunt. Let op; OSCommerce staat onder constante ontwikkeling, hierdoor verandert de code bijna dagelijks. Met dit gezegd, zal de handleiding een handige hulp zijn om je naar de juiste bestanden en locaties, binnen de bestanden, te wijzen voor modificaties. Als u deze handleiding behulpzaam gevonden heeft en u wilt ons uw werk laten zien of wilt meedoen in een technische contributie aan deze handleiding, kunt u ons bereiken op respectievelijk de volgende adressen: 3

4 Dit is de installatie procedure voor het installeren van OSCommerce 2.2 (CVS) in de catalog en/of base directory Systemen kunnen anders zijn, hou er rekening mee dat dit alleen maar een handleiding is. Base Directory Installeer in de Base Directory. Kopieer de admin mapnaar de jouw base directory, net zoals installeren in de catalog sectie. Kopieer de catalog map naar de base directory (Alleen de bestanden). Vervolgens tik in je browser: vervang jouwserver met uw domeinnaam. Bewerk na de installatie het volgende bestand: catalog/includes/configure.php Verander de lijn in de configure.php: define( DIR_WS_CATALOG, /catalog/ ); // absolute path required in define( DIR_WS_CATALOG, / ); // absolute path required en verander deze lijnen: define( DIR_FS_DOCUMENT_ROOT,$DOCUMENT_ROOT); in define( DIR_FS_DOCUMENT_ROOT, /home/servergebruikersnaam/public_html ) Deze: define('dir_fs_catalog',dir_fs_document_root. DIR_WS_CATALOG); in define('dir_fs_catalog', '/home/serverusername/public_html/'); Verander de admin/includes/configure.php ook. De lijnen in admin/includes/configure.php moeten er zo komen uit te zien: define('dir_fs_document_root', $DOCUMENT_ROOT); // waar jou pagina s op de server staan, als $DOCUMENT_ROOT niet overeenkomt met jouw wensen, vervang deze dan met een lokaal pad. (bv, /usr/local/apache/htdocs) define('dir_ws_admin', '/admin/'); define('dir_ws_catalog', '/'); Catalog Directory Cart Installatie Procedure 1. De catalog en de admin komen in deze volgorde: Catalog Catalog Admin Admin Je wilt de onderste mappen kopiëren naar je server root directory, zoals hier staat weergegeven: 4

5 Root Catalog Admin Je zult merken dat alle bestanden zich bevinden in de onderste of tweede mappen genaamd catalog en admin. 2. Om er voor te zorgen dat we geen fout meldingen krijgen wanneer we de cart aan het installeren zijn, moeten we de permissies veranderen. Stel deze permissies in voordat je gaat installeren en nadat alles naar de server is gekopieerd. admin/includes/ = 755 admin/includes/configure.php = 777 catalog/includes/ = 755 catalog/includes/configure.php = 777 images/ = 777 Maak in de admin map een directory aan genaamd backups (dit zorgt ervoor dat je geen foutmelding krijgt wanneer je een backup wilt maken van de database. De melding die je dan te zien krijgt is deze: Error: Backup directory doesn t exist. Please set this in configure.php) /admin/backups/ =777 Permissies instellen kan op twee manieren: 1. Via een ftp-client. Doe dan een eigenschappen van het desbetreffende bestand of map en stel de permissies in comform het gene wat er gevraagd of nodig is. 2. Met een sh-commando. chmod ### <bestand/map> waar ### het bovengenoemde nummer is. Ga nu naar je internet browser en tik in: Vervang jouwserver met je eigen domiennaam. Dit zal het installatie script starten en je door de cart installatie heen helpen. NEW INSTALL Dit is de tekst die je zult zien op de installatie pagina. De tekst in vet is wat je moet invullen in de kaders. 1. Please customize your new installation with the following options. (Pas je nieuwe installatie aan met de volgende opties) Import Catalog database Importeer de catalog database structuur inclusief tabellen en voorbeelden. Automatic Configuration De informatie die jij stuurt omtrent de webserver en database server zal in zowel de catalog als de administratie tools configuratie bestanden automatisch worden opgeslagen. 5

6 2. Please enter your website server information: Please Note that /public_html and /www and /web are different versions/names of the same directory. (Vul hier je website server informatie in: Hou er rekening mee dat /public_html en /www en /web verschillende versies/namen zijn voor dezelfde directory.) WebserverRoot Directory De directory waar jouw webpagina s gehosted worden, meestal is dit: /home/mijnnaam/public_html (of waar je je bestanden ook hebt staan) WWW Catalog Directory De virtuele directory waar de OSCommerce Catalog module staat, meestal is dit: /catalog/ WWW administration Tool Directory De virtuele directory waar OSCommerce Administratie Tools zich bevindt, meestal is dit, /catalog/admin/ 3. Please enter your database server information. (Vul hier je database server informatie in.) Database server De database server kan in de vorm zijn van een IP-adres ( ) of een hostname (db1.mijndatabase.com). In mijn geval is dit: localhost Username De gebruikersnaam wordt gebruikt om een connectie te leggen met de database server Een voorbeeld van een gebruikersnaam is: mysql_10 Let op: Als de catalog geïmporteerd moet worden (zoals bovenaan is geselecteerd), moet het account permissies hebben om Drop en Create functie uit te voeren. Password Het wachtwoord is nodig om samen met de gebruikersnaam connectie te leggen met de database server. Je wachtwoord Database De database die gebruikt wordt om de catalog data op te slaan. Bijvoorbeeld: mysql_catalog 6

7 Ik raad je aan om bekend te worden met de werking van de cart. Maak ook een backup van je complete cart, niet aangepast, zodat als je iets verkeerds hebt gedaan (en geloof me dat gebeurt), dat je het originele bestand terug kan zetten en de boel weer werkend hebt. Dit weet ik uit ervaring! Er zijn nog een paar configuratie handelingen die je op de server moet doen voor de cart beveiliging. Je moet.htaccess in je /admin directory neerzetten zodat deze directory afgeschermd is met een wachtwoord. Je kan je wachtwoord manager gebruiken van je account als je een cpaneel hebt of één van de andere. Je moet default.php toevoegen aan je directory index listing in httpd.conf bestand voor apache als je apache gebruikt. Dit zorgt ervoor dat je niet het hele webadres hoeft in te vullen: in plaats van: Je kan deze wijziging zelf aanbrengen door het bewerken van het apache configuratie bestand /usr/local/apache/conf/httpd.conf Je moet het bestand bewerken op de server door in te loggen als root en het volgende commando gebruiken: pico /usr/local/apache/conf/httpd.conf Zorg er wel voor dat je een backup maakt van dit bestand voordat je het gaat bewerken. Voeg deze zin toe: DirectoryIndex defaut.php Aan de <IfModule mod_dir.c> sectie van jouw httpd.conf bestand. Plaats in de catalog directory een leeg html bestand genaamd index.html. Dit zorgt ervoor dat apache stopt met het sturen van de directory boom en staat niet toe dat mensen ongeoorloofd kunnen bladeren door jouw bestanden. Dit zijn de correcte configuraties voor de verschillende mappen na de installatie. admin/includes/ = 755 admin/configuration.php = 644 admin/includes/configure.php = 644 catalog/includes/ = 644 catalog/includes/configure.php = 644 images/ = 777 Verwijder je install directory: cd catalog rm r install 7

8 Introductie Specifieke voorbeelden en procedures. Let op: Dit gedeelte is gemaakt met behulp van veel bronnen, te veel om een ieder persoonlijk te bedanken. Ook de oplossing van de problemen zijn met behulp van de verschillende mensen aangeboden. Ik wil iedereen bedanken voor de tijd en de moeite die ze hierin hebben gestoken om deze handleiding compleet te maken. Als een zogenaamde OSCommerce ontwerper, moet je bekend worden met de bestanden die het eigenlijke uiterlijk van OSCommerce bepalen. De manier waarop OSCommerce zijn pagina dynamisch gegenereerd, houdt het in ieder geval een consistent bewerk proces. Je kan dezelfde code veranderen op een gelijkwaardige locatie voor alle benodigde bestanden. Dit zijn de bestanden die je nodig hebt om jezelf bekend te laten worden om het uiterlijk van OSCommerce te kunnen aanpassen. /catalog/ /catalog/includes/ /catalog/includes/languages/ stylesheet default.php Zo n beetje elk.php bestand heeft een duplicaat HTML dat het uiterlijk gegenereerd van de site en moet bewerkt worden om het uiterlijk te veranderen in elk bestand. application_top.php column_left.php column_right.php configure_phpfooter.php header.php English.php../languages/english All.php files in this directory. Hieronder staat een lijst met andere belangrijke locaties per directory: /catalog/images/ -catalog afbeeldingen anders dan de navigatie knoppen, bv, product afbeeldingen /catalog/includes/languages/english/ -Taal vlag icon /catalog/includes/languages/english/images/buttons -navigatie knoppen voor de site /catalog/includes/boxes/ -Bestanden die de boxen aan de zijkant definiëren the side boxes en wat ze doen. Voordat we verder gaan, maak een backup van alle files hierboven, voor het geval je een fout maakt en werk niet met een site die al in gebruik is. Je kan de cart verknallen en eindigen in een onbruikbare chaos. Ik raad aan om gebruik te maken van een aparte ontwikkel omgeving waarmee je kunt werken. Dit kan zo simpel zijn als een andere directory of een subdomein op dezelfde server. Het bestand stylesheet.css is een zogehete cascading style sheet, hier staan zo n beetje alle lettertypen en kleuren van de gehele winkel in gedefinieerd. Ik raad aan om deze een uurtje ofzo door te nemen 8

9 om bekend te worden met alle instelling in deze style sheet. De meeste instellingen spreken voor zich. En als dat niet zo is, vandaar die instelling maar, dan zie je vanzelf wat het doet. Open dit bestand dan wel in een goede style sheet editor (bv, Topstyle), dit maakt het bewerken ervan een stuk gemakkelijker. In dit.pdf bestand is een stuk van de stylesheet toegevoegd en wordt er globaal gekeken wat de meeste instellingen doen. Het bestand default.php is de hoofdpagina die je te zien krijgt als je de winkel binnen komt. We gaan ons bemoeien met het html gedeelte in dit bestand. Er zijn verschillende secties die o.a. de breedte en verschillende tabel structuren bijhouden. Elke sectie moet aangepast worden om een andere uitstraling van jouw site te creëren. Ik raad aan dat je alle veranderingen markeert, zodat je ze later terug kan vinden. Ook is het een goed idee om de aangepaste bestanden op te slaan als orginelenaam 1.php of iets vergelijkbaars. Dit is je kruimel spoor, zodat je later alle veranderingen kunt kopiëren en plakken naar het origineel. Dit kan ook gedaan worden wanneer je besluit om over te gaan naar een nieuwe versie van OSCommerce. Dan vind ik het knap als je dan nog twee lijnen kunt terugvinden die je 6 maanden geleden had aangepast Het toevoegen van blocken en links Het toevoegen van blocken en links We zullen gaan kijken hoe we onze eigen boxen, links, pagina s, en afbeeldingen kunnen toevoegen. Als extra zullen we leren hoe we items aan de kolommen kunnen toevoegen, maar buiten de eigenlijke boxen. Al deze handelingen zijn vrij simpel uit te voeren. Maar spreken niet voorzich!! Laten we beginnen. De bestanden die we nodig hebben zijn: /catalog/includes dir: column_left.php column_right.php /catalog/includes/boxes dir: alle bestanden hier Open het bestand information.php in een tekst editor (wordpad) en sla deze op als test.php. Dan in column_left.php voegen we deze lijn toe: require(dir_ws_boxes. 'test.php'); Direct daaronder deze lijn: require(dir_ws_boxes. 'information.php'); Sla column_left.php op aan de serverkant en vernieuw de hoofdpagina van catalog. Je zult nu 2 information boxen zien aan de linkerkant van de pagina. De tweede box hebben we met 1 lijn van code toegevoegd. Dit is het gemakkelijke deel. Zie de screen shot hiernaast. 9

10 De volgende stap is om deze box aan te passen naar onze wensen, om dit te kunnen doen, moeten we wat meer bestanden aanpassen. Ik de titelbalk van onze nieuwe box veranderen, danwel de links maken naar de nieuwe custom pagina s die ik zal gaan maken. Dit proces is meer omslachtiger, maar we moeten ons er aan houden. De bestanden en hun padnamen staan hieronder aangegeven: Bijvoorbeeld: Ik wil vier links maken naar de pagina s die heten testpage1.php, testpage2.php, testpage3.php en testpage4.php in het nieuwe information block die we zojuist gemaakt hebben op de hoofdpagina. Ik gebruik mijn originele shipping.php bestanden voor mijn basis template. Gebruik dit voorbeeld om mee te beginnen. Dit proces is hetzelfde voor de andere blocken, je moet dan de juiste bestanden identificeren om te kopiëren en aan te passen. Verward? Mooi, laten we verder gaan Nu zal ik stap voor stap uitleggen wat je moet doen. 1. Open de volgende bestanden in wordpad of een andere tekst editor die de code niet aantast en je de mogelijkheid geeft om te zoeken en te vervangen (search and replace) /catalog/includes/application_top.php /catalog/includes/languages/english.php /catalog/includes/languages/english/shipping.php /catalog/shipping.php /catalog/includes/boxes/test.php 2. In het bestand /catalog/includes/application_top.php vind je een sectie die gemarkeerd is als define filenames used in the project. In deze sectie, kopieer één van deze definities en plak ze dan als een nieuwe regel, gelijk na degene die je hebt gekopieerd. Nu moet je geplakte regel aanpassen tot op het punt van testpage1 Zie het voorbeeld hieronder: Kopieer de eerste regel die je tegen komt: define('filename_account', 'account.php'); Plak deze regel dan gelijk onder de regel die je net hebt gekopieerd, en doe dit vier keer. Pas deze regels dan zo aan dat ze verwijzen naar de testpagina s: define('filename_testpage1', 'testpage1.php'); define('filename_testpage2', 'testpage2.php'); define('filename_testpage3', 'testpage3.php'); define('filename_testpage4', 'testpage4.php'); Nu kan je /catalog/includes/application_top.php opslaan. Deze stap is nodig om ervoor te zorgen dat de bestandsnaam definities gemaakt worden. Zodat OSCommerce zijn links kan bouwen. 3. Vervolgens, in het bestand /catalog/includes/languages/english.php, vind je een sectie die gemarkeerd is met: information box text. Kopieer de volledige sectie en plak het eronder. Verander de sectie om er zo te laten uitzien: 10

11 // information box text in includes/boxes/test.php define('box_heading_test', 'Test Box'); define('box_test_link1', 'Test Link 1'); define('box_test_link2', 'Test Link 2'); define('box_test_link3', 'Test Link 3'); define('box_test_link4', 'Test Link 4'); Sla english.php op. Deze stap maakt de link tekst die aan elke nieuwe link die jij maakt wordt gegeven. 4. Bewerk in het bestand /catalog/includes/languages/english/shipping.php het volgende: define('navbar_title', 'Shipping & Returns'); define('heading_title', 'Shipping & Returns'); define('text_information', 'Enter your shipping info here'); Zodat het er zo uit komt te zien: define('navbar_title', 'Test Page 1'); define('heading_title', 'Test Page 1'); define('text_information', 'This is an added sample page'); Sla dit bestand dan op als /catalog/includes/languages/english/testpage1.php. Herhaal deze stap nog drie keer voor de andere test pagina s (2, 3 en 4). Deze stap maakt de eigenlijke tekst die zal verschijnen op elk van de nieuwe pagina s. 5. Vervang (met behulp van de zoek en vervang functie) in /catalog/shipping.php de tekst: Vervang dit: FILENAME_SHIPPING Met dit: FILENAME_TESTPAGE1 En sla dit bestand op als /catalog/testpage1.php. Herhaal ook deze stap drie keer voor de andere resterende pagina s (2, 3 en 4). Deze stap maakt de eigenlijke pagina s waar de links naartoe wijzen. Uiteindelijk gaan we /catalog/includes/boxes/test.php bewerken om het er zo te laten uitzien (verander het gemarkeerde stuk tekst): <?php $info_box_contents = array(); $info_box_contents[] = array('align' => 'left', 'text' => BOX_HEADING_TEST ); new infoboxheading($info_box_contents, false, false); $info_box_contents = array(); $info_box_contents[] = array('align' => 'left', 'text' => '<a href="'. tep_href_link(filename_testpage1, '', 'NONSSL'). '">'. BOX_TEST_LINK1. '</a><br>'. '<a href="'. tep_href_link(filename_testpage2, '', 'NONSSL'). '">'. BOX_TEST_LINK2. '</a><br>'. 11

12 '<a href="'. tep_href_link(filename_testpage3, '', 'NONSSL'). '">'. BOX_TEST_LINK3. '</a><br>'. '<a href="'. tep_href_link(filename_testpage4, '', 'NONSSL'). '">'. BOX_TEST_LINK4. '</a>' Dit verandert de tekst die je te zien krijgt in je browser. Op dit punt zijn we klaar met het bewerken van de bestanden. Upload de bestanden naar de juiste directory s, omdat sommige bestanden dezelfde naam hebben. Bekijk de catalog in je browser en de nieuwe links moeten nu zichtbaar zijn in je nieuwe block. Zie de afbeelding hiernaast. Natuurlijk mag je ook links of normaal html toevoegen aan de rechterof linkerkolom, zoals button adverteren, logo s of iets anders waaraan kan denken. Dit is een andere makkelijke bewerk opdracht en vergt alleen wat meer code bij de column_left.php en/of column_right.php. Hieronder is een voorbeeld code die toegevoegd kan worden kan worden na het sluitende php commando?> <tr> <td><img src="http://www.link-to-sampleimage.com"></td> </tr> Of laat de <tr> en de <td> tag weg en de afbeelding zal aan de bovenkant van de kolom verschijnen. <img src="http://www.link-to-sampleimage.com"> Bekijk de screenshot voor alle veranderingen tot dusver, je zult zien dat de Thawte afbeelding buiten de boxen en geheel op zichzelf staat: 12

13 Achtergrond Afbeeldingen. Achtergrond afbeeldingen in de linker- en de rechterkolom. Dit is hoe je een achtergrond afbeelding toevoegt in de linker en de rechterkolom in OSCommerce versie 2.2 CVS. Voeg het volgende stuk code toe aan de default.php pagina en elke andere pagina onder de /catalog directory. <!-- body //--> <table border="0" width="100%" cellspacing="0" cellpadding="3"> <tr> <td width="<?php echo BOX_WIDTH;?>" valign="top" background="images/left_column.jpg" bgcolor="#5a6ba5"><table border="0" width="<?php echo BOX_WIDTH;?>" cellspacing="0" cellpadding="8"> <!-- left_navigation //--> Toevoegen aan Favorieten code Alleen IE. Toevoegen aan Favorieten. Dit zogenaamde stuk Bookmark code werkt alleen samen met Internet Explorer. Na de php intro maak je de volgende tags aan <head> </head> plaats het volgende stukje code tussen de <head> tags van de Header.php pagina. <script language="javascript"> <!-- var bookmarkurl="http://www.domain-to-be-bookmarked.com/" var bookmarktitle="title of the bookmark-domain & short description!" function addbookmark(){ if (document.all) window.external.addfavorite(bookmarkurl,bookmarktitle) --> </script> Plaats dan het volgende stuk ergens in de header.php pagina. Op die plek zal de bookmark tekst tevoorschijn komen. <a href="javascript:addbookmark()"><font color="white" face="verdana, arial" size="1"><b> Bookmark Us</b></font></a> 13

14 De code zou er zo uit kunnen zien: <td align="right" class="headernavigation"><?php if (tep_session_is_registered('customer_id')) {?><a href="<?php echo tep_href_link(filename_logoff, '', 'SSL');?>" class="headernavigation"><?php echo HEADER_TITLE_LOGOFF;?></a> <?php?><a href="<?php echo tep_href_link(filename_account, '', 'SSL');?>" class="headernavigation"><?php echo HEADER_TITLE_MY_ACCOUNT;?></a> <a href="<?php echo tep_href_link(filename_shopping_cart, '', 'NONSSL');?>" class="headernavigation"><?php echo HEADER_TITLE_CART_CONTENTS;?></a> <a href="<?php echo tep_href_link(filename_checkout_payment, '', 'SSL');?>" class="headernavigation"><?php echo HEADER_TITLE_CHECKOUT;?></a> <font color=#ff6600> </font><a href="javascript:addbookmark()"><font color="white" face="verdana, arial" size="1"><b> Bookmark Us</b></font></a> </td> </tr> Dit stuk code plaatst een verticale balk ( ) een oranje kleur na de checkout link boven aan de linker top balk van jouw winkel. De Bookmark link is wit van kleur tegen een donkere achtergrond in dit geval. Dit zou het moeten doen. Ik raad aan om een icoon te gebruiken, deze is makkelijker te vinden. Proces voor het maken een cursor. Ja kan een afbeelding gebruiken en deze converteren naar een icoon (.ico). Aan te raden is het shareware programma IconForge. Zorg ervoor dat de.ico is ingesteld op 16x16 en sla het.ico bestand op. Upload dit bestand naar je begin map. En plaats deze tekst boven de bookmark code. <link rel="shortcut ICON" href="/favicon.ico"> DOWNLOAD URLS: Box hoeken veranderen Box hoeken kunnen ook rond zijn. De box hoeken kunnen worden veranderd in /catalog/includes/boxes. Daar zul je zoiets als het volgende te zien krijgen: new infoboxheading($info_box_contents, false, false); Verander beide false in true van jouw box, om ook ronde hoeken te krijgen aan de linker en rechterkant. 14

15 Winkel breedte veranderen. Instellen van de tabel breedte. Dit gedeelte illustreert hoe je de breedte van je winkel kunt veranderen. Dit is terug te zien in je browser. Het is vrij gemakkelijk te doen. Open default.php in Dreamweaver of een andere goede tekst verwerker. In Dreamwaever zie je de code en het design, wat heel handig is voor veranderen van de tabel structuur. Je ziet de veranderingen gelijk met het aanpassen. Met een tekstverwerker moet je de code iets meer begrijpen, maar met beide zul je hetzelfde resultaat krijgen. Je zoekt naar het html gedeelte die de attributen van de master tabel controleert. Je bent geïnteresseerd in het vet gedrukte gedeelte hieronder: Verander dit: <!-- body //--> <table border="0" width="100%" cellspacing="3" cellpadding="3"> <tr> <td width="<?php echo BOX_WIDTH;?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH;?>" cellspacing="0" cellpadding="2"> In dit: <!-- body //--> <table border="0" width="750" cellspacing="1" cellpadding="1" align="center"> <tr> <td width="<?php echo BOX_WIDTH;?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH;?>" cellspacing="0" cellpadding="2"> Deze verandering zal de breedte van je tabel aanpassen naar 750 pixels en deze centreren in het midden van het browser scherm. Het reduceert ook de padding en spacing naar 1 pixel. Stap 1 is gedaan. Je moet deze verandering ook doen voor header.php en footer.php in jouw /catalog/includes directory. Stap 2 is dan ook gedaan. Zie screenshot 15

16 Checkout_succes.php checkbalk kleur. Verandert de gekleurde balk voor notificatie op uitchecken. In /catalog/checkout_success.php zul je het volgende vinden. <?php if ($global['global_product_notifications']!= '1') { echo TEXT_NOTIFY_PRODUCTS. '<br><p style="background: E1F0FF">'; Verander E1F0FF in elke kleur die jij wilt. Order velden veranderen. Bekijk de screencaptures en de code delen hieronder. We zullen laten zien hoe je de ordervelden van de My Account box kunt veranderen. Ik ga de volgende van de rood gemarkeerde items veranderen. De standaard volgorde is niet vanzelfsprekend (voor de Engelstalige landen). Ik ga ze in een, voor engelse, vriendelijkere volgorde zetten. Te noemen City, State, Postcode en Country. Om dit te doen moet ik het bestand account_edit.php openen en ga zoeken naar de sectie die overeen komt met de nevenstaande output. Ik weet dat dit de <!-body_text//--> sectie is, dus het moet niet al te moeilijk zijn om deze vinden. Ok, ik heb hem dus niet gevonden Maar wat ik wel heb kunnen vinden is dit stukje code (let op het gemarkeerde deel): 16

17 <?php $account_query = tep_db_query("select c.customers_gender, c.customers_firstname, c.customers_lastname, c.customers_dob, c.customers_ _address, a.entry_company, a.entry_street_address, a.entry_suburb, a.entry_postcode, a.entry_city, a.entry_zone_id, a.entry_state, a.entry_country_id, c.customers_telephone, c.customers_fax, c.customers_newsletter from ". TABLE_CUSTOMERS. " c, ". TABLE_ADDRESS_BOOK. " a where c.customers_id = '". $customer_id. "' and a.customers_id = c.customers_id and a.address_book_id = '". $customer_default_address_id. "'"); $account = tep_db_fetch_array($account_query); require(dir_ws_modules. 'account_details.php');?> Die regel require(dir_ws_modules. 'account_details.php');, wijst ons naar de juiste richting. Wanneer je een stuk php code ziet met require kijk dan eerst in die directory of bestandsnaam in de parentheses, in dit geval, DIR_WS_MODULES en account_details.php. Dit vertelt mij dat ik moet kijken in de modules directory, zoals gespecificeerd in configure.php en om account_details.php te vinden. Mooi! Na het openen van account_details.php in een tekstverwerker, zoek voor alles dat je in de juiste kosterijen brengt. In dit geval, zoek naar een variabele of een stuk tekst dat refereert naar City, State, enz, omdat ik deze items wil verplaatsten. Ik gebruik geregeld het zoeken commando. In mijn tekstverwerker, zodat ik niet al te moeilijk hoef te doen. Met deze methode heb ik nul in de code blocken die het formulier output genereren voor City & voor State. Hier is wat ik heb gevonden, Het html is groen en php oranje van kleur. <tr> <td class="main"> <?php echo ENTRY_CITY;?></td> <td class="main"> <?php if ($is_read_only) { echo $account['entry_city']; elseif ($error) { if ($entry_city_error) { echo tep_draw_input_field('city'). ' '. ENTRY_CITY_ERROR; else { echo $HTTP_POST_VARS['city']. tep_draw_hidden_field('city'); else { echo tep_draw_input_field('city', $account['entry_city']). ' '. ENTRY_CITY_TEXT;?> </td> </tr> Zie je hoe dit een mooie modulair block van code maakt. De <tr> en de <td> tags zijn je kolom en je rij verdeling en deze cell vind je het php script, welke de output van de cityname direct in de cell zet. Het enige wat je vanaf hier hoeft te doen is deze php code te selecteren en te knippen om dan deze selectie te plakken boven het block dat zich identificeert als ENTRY_POST_CODE. Zoek nu het block dat ENTRY_STATE definieert. Knip de code en plak dit ook boven de ENTRY_POST_CODE, maar onder het ENTRY_CITY block. Zie de code vergelijking op de volgende pagina. 17

18 De originele code (ik heb elk modulair block gemarkeerd met een kleur); <tr> <td class="main"> <?php echo ENTRY_STREET_ADDRESS;?></td> <td class="main"> <?php if ($is_read_only) { echo $account['entry_street_address']; elseif ($error) { if ($entry_street_address_error) { echo tep_draw_input_field('street_address'). ' '. ENTRY_STREET_ADDRESS_ERROR; else { echo $HTTP_POST_VARS['street_address']. tep_draw_hidden_field('street_address'); else { echo tep_draw_input_field('street_address', $account['entry_street_address']). ' '. ENTRY_STREET_ADDRESS_TEXT;?></td> </tr> <? if (ACCOUNT_SUBURB == 'true') {?> <tr> <td class="main"> <?php echo ENTRY_SUBURB;?></td> <td class="main"> <?php if ($is_read_only) { echo $account['entry_suburb']; elseif ($error) { if ($entry_suburb_error) { echo tep_draw_input_field('suburb'). ' '. ENTRY_SUBURB_ERROR; else { echo $HTTP_POST_VARS['suburb']. tep_draw_hidden_field('suburb'); else { echo tep_draw_input_field('suburb', $account['entry_suburb']). ' '. ENTRY_SUBURB_TEXT;?></td> </tr> <??> <tr> <td class="main"> <?php echo ENTRY_POST_CODE;?></td> <td class="main"> <?php if ($is_read_only) { echo $account['entry_postcode']; elseif ($error) { if ($entry_post_code_error) { echo tep_draw_input_field('postcode'). ' '. ENTRY_POST_CODE_ERROR; else { echo $HTTP_POST_VARS['postcode']. tep_draw_hidden_field('postcode'); 18

19 else { echo tep_draw_input_field('postcode', $account['entry_postcode']). ' '. ENTRY_POST_CODE_TEXT;?></td> </tr> <tr> <td class="main"> <?php echo ENTRY_CITY;?></td> <td class="main"> <?php if ($is_read_only) { echo $account['entry_city']; elseif ($error) { if ($entry_city_error) { echo tep_draw_input_field('city'). ' '. ENTRY_CITY_ERROR; else { echo $HTTP_POST_VARS['city']. tep_draw_hidden_field('city'); else { echo tep_draw_input_field('city', $account['entry_city']). ' '. ENTRY_CITY_TEXT;?></td> </tr> <tr> <td class="main"> <?php echo ENTRY_COUNTRY;?></td> <td class="main"> <?php if ($is_read_only) { echo tep_get_country_name($account['entry_country_id']); elseif ($error) { if ($entry_country_error) { tep_get_country_list('country', $HTTP_POST_VARS['country'], (ACCOUNT_STATE == 'true')? 'onchange="update_zone(this.form);"' : ''); echo ' '. ENTRY_COUNTRY_ERROR; else { echo tep_get_country_name($http_post_vars['country']). tep_draw_hidden_field('country'); else { tep_get_country_list('country', $account['entry_country_id'], (ACCOUNT_STATE == 'true')? 'onchange="update_zone(this.form);"' : ''); echo ' '. ENTRY_COUNTRY_TEXT;?></td> </tr> <?php if (ACCOUNT_STATE == 'true') { $customers_state = ($account['entry_state'])? $account['entry_state'] : JS_STATE_SELECT;?> <tr> <td class="main"> <?php echo ENTRY_STATE;?></td> <td class="main"> <?php if ($is_read_only) { 19

20 echo tep_get_zone_name($account['entry_country_id'], $account['entry_zone_id'], $account['entry_state']); elseif ($processed) { echo tep_get_zone_name($http_post_vars['country'], $HTTP_POST_VARS['zone_id'], $HTTP_POST_VARS['state']). tep_draw_hidden_field('zone_id'). tep_draw_hidden_field('state'); else { echo tep_get_zone_list('zone_id', $account['entry_country_id'], $account['entry_zone_id'], 'onchange="resetstatetext(this.form);"'); echo ' '. ENTRY_STATE_TEXT;?></td> </tr> --> Nu hoef je alleen nog maar de kleuren in de juiste volgorde te zetten. De kleuren beginnen met groen, oranje, blauw, grijs, paars, goud. Verander de volgorde in: Groen, oranje, grijs, goud, blauw en paars. Zie hier: <tr> <td class="main"> <?php echo ENTRY_STREET_ADDRESS;?></td> <td class="main"> <?php.if ($is_read_only) { echo $account['entry_street_address']; elseif ($error) { if ($entry_street_address_error) { echo tep_draw_input_field('street_address'). ' '. ENTRY_STREET_ADDRESS_ERROR; else { echo $HTTP_POST_VARS['street_address']. tep_draw_hidden_field('street_address'); else { echo tep_draw_input_field('street_address', $account['entry_street_address']). ' '. ENTRY_STREET_ADDRESS_TEXT;?></td> </tr> <? if (ACCOUNT_SUBURB == 'true') {?> <tr> <td class="main"> <?php echo ENTRY_SUBURB;?></td> <td class="main"> <?php if ($is_read_only) { echo $account['entry_suburb']; elseif ($error) { if ($entry_suburb_error) { echo tep_draw_input_field('suburb'). ' '. ENTRY_SUBURB_ERROR; else { echo $HTTP_POST_VARS['suburb']. tep_draw_hidden_field('suburb'); else { echo tep_draw_input_field('suburb', $account['entry_suburb']). ' '. ENTRY_SUBURB_TEXT;?></td> 20

LES 11: VAN LOKAAL NAAR ONLINE. Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting

LES 11: VAN LOKAAL NAAR ONLINE. Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting LES 11: VAN LOKAAL NAAR ONLINE Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting Tijd: 10 minuten Doel: Aan het einde van de les kun je de lokale

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien. Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te

Nadere informatie

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren Inleiding Voor u ziet u de handleiding van TYPO3 van Wijngaarden AutomatiseringsGroep. De handleiding geeft u antwoord geeft op de meest voorkomende vragen. U krijgt inzicht in het toevoegen van pagina

Nadere informatie

Handleiding om uw website/webshop aan te passen

Handleiding om uw website/webshop aan te passen Handleiding om uw website/webshop aan te passen ONDERWERP PAGINA 1. Hoe moet ik inloggen in het beheer? 2 2. Hoe pas ik een bestaande pagina aan? 2 3. Hoe plaats ik een afbeelding? 3 4. Hoe maak ik een

Nadere informatie

Admin handleiding. Essentius Dropbox handleiding. Pagina 1

Admin handleiding. Essentius Dropbox handleiding. Pagina 1 Admin handleiding Dropbox kun je vanaf elke computer met een internetverbinding gebruiken. Met behulp van een e- mailadres maak je je eigen dropbox aan. Dropbox stelt gratis 2 gb opslagruimte ter beschikking,

Nadere informatie

De tekstverwerker. Afb. 1 de tekstverwerker

De tekstverwerker. Afb. 1 de tekstverwerker De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de

Nadere informatie

11. Website controleren

11. Website controleren 11. Website controleren 11.1 Website controleren op verschillende browsers Het blijkt nog altijd nodig te zijn een website te controleren. De website zoals deze er in Kompozer uit ziet, ziet er op internet

Nadere informatie

Globale kennismaking

Globale kennismaking Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

Nadere informatie

Handleiding Content Management Systeem

Handleiding Content Management Systeem Handleiding Content Management Systeem Inhoudsopgave Inhoudsopgave... 2 1. Inloggen... 3 2. Paginavolgorde... 3 3. Pagina en menutitel... 3 4. Pagina s bewerken... 4 5. De tekstverwerker... 4 6. Interne

Nadere informatie

Die vraag krijg ik regelmatig. De meest voorkomende situaties zijn deze:

Die vraag krijg ik regelmatig. De meest voorkomende situaties zijn deze: Hoe verhuis je een WordPress website? Die vraag krijg ik regelmatig. De meest voorkomende situaties zijn deze: Iemand heeft een WordPress website en stapt over naar een andere webhost (meestal blijft het

Nadere informatie

De WordPress 3.5 Beginners Handleiding

De WordPress 3.5 Beginners Handleiding De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april 13 Inhoud Introductie... 2 Inloggen... 3 Het dashboard... 5 Berichten en pagina's... 6 Nieuw Bericht... 6 Nieuwe Pagina... 8 Afbeeldingen,

Nadere informatie

Handleiding ESS na de upgrade People Inc. versie 3.5.0

Handleiding ESS na de upgrade People Inc. versie 3.5.0 Handleiding ESS na de upgrade People Inc. versie 3.5.0 I Handleiding ESS na de upgrade People Inc. versie 3.5.0 Inhoudsopgave Hoofdstuk 1 1 1.1 ESS... Iconen selecteren 1 1.2 ESS... Inlog scherm tekst

Nadere informatie

Sick Beard installeren en configureren voor gebruik in combinatie met SABnzbd+...

Sick Beard installeren en configureren voor gebruik in combinatie met SABnzbd+... pagina 1 van 6 Sick Beard installeren en configureren voor gebruik in combinatie met SABnzbd+ (Windows) Introductie Sick Beard is een stukje software wat heel wat werk uit handen kan nemen. Het weet welke

Nadere informatie

- Plan Zo kun je een. website bouwen!

- Plan Zo kun je een. website bouwen! - Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een

Nadere informatie

Handleiding: CitrixReceiver installeren voor thuisgebruik.

Handleiding: CitrixReceiver installeren voor thuisgebruik. Handleiding: CitrixReceiver installeren voor thuisgebruik. Deze handleiding is gemaakt om een privé pc geschikt te maken om op het netwerk van MEE te kunnen werken. Zodra het met de onderstaande stappen

Nadere informatie

Badge it. Inhoudsopgave. 1. Installatie... 3

Badge it. Inhoudsopgave. 1. Installatie... 3 Badge it voor Windows 95/98/NT/2000/XP Inhoudsopgave 1. Installatie... 3 2. Start... 4 2.1. Nieuwe database maken... 5 2.2. De geselecteerde database openen... 5 2.3. De naam van de geselecteerde database

Nadere informatie

Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline

Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline Werken met de website basisonline Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline - login met de verkregen inlognaam en wachtwoord - je inlognaam is jouw emailadres

Nadere informatie

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland Handicom Symbol for Windows Image Manager (Versie 4) Handicom, 2011, Nederland Inhoud Inleiding... 2 1. Image Manager hoofdscherm...3 1.1 Onderdelen van het venster...3 1.2 Het scherm veranderen...3 1.2.1

Nadere informatie

De Kleine WordPress Handleiding

De Kleine WordPress Handleiding Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling

Nadere informatie

Navigator CMS 2009. Beknopte handleiding v1.0

Navigator CMS 2009. Beknopte handleiding v1.0 Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...

Nadere informatie

Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.

Om het Elektronica thema te installeren gaat u naar Theme Store in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden. Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in

Nadere informatie

Website met Wordpress

Website met Wordpress Website met Wordpress 5. Tabellen Onderwerpen van deze les: Editor Tiny MCE toevoegen Tabellen maken met TinyMCE WP-Table reloaded installeren en gebruiken Excel importeren in WP-Table reloaded Content

Nadere informatie

Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail.

Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. INLOGGEN Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle login

Nadere informatie

Kies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site

Kies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site Kies File>New>Blank Page>PHP Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site Geef de site een passende naam. Kies ook de juiste map voor de webdocumenten.

Nadere informatie

Augustus& Handleiding - Publisher Tool 3

Augustus& Handleiding - Publisher Tool 3 Augustus& 15 16 Handleiding - Publisher Tool 3 Inhoudsopgave 1. Welkom... 3 1.1 Inloggen... 3 1.2 Dashboard... 4 2. Boeken... 5 2.1 Boeken aanmaken... 5 2.2 Het bewerken van boekinformatie.... 7 3. Verrijkingen...

Nadere informatie

Handleiding DirectAdmin

Handleiding DirectAdmin Handleiding DirectAdmin Heeft uw hostingpakket het control panel DirectAdmin dan leest u in deze sectie hoe u uw pakket kunt beheren. Dat doet u via : http://www.uwdomein.nl:2222. 1 Inloggen Voordat u

Nadere informatie

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind

Nadere informatie

Inhoudsopgave. versie 0.8

Inhoudsopgave. versie 0.8 JOOMLA! INSTALLATIE HANDLEIDING versie 0.8 Inhoudsopgave Stappenplan...3 Inrichten database...4 Configuratiecentrum cpanel...4 Aanmaken van een database gebruiker...5 Aanmaken van een database...6 Gebruiker

Nadere informatie

Websites i.s.m. Service @ School

Websites i.s.m. Service @ School Websites i.s.m. Service @ School Inhoudsopgave Introductie...3 Inloggen in het Beheer Panel...3 Aanpassen van de tekst op de pagina s...4 Nieuwe pagina maken...5 Toelichting op enkele knoppen...6 Een link

Nadere informatie

1. Gebruik van de online tekstverwerker op de schoolwebsite.

1. Gebruik van de online tekstverwerker op de schoolwebsite. 1. Gebruik van de online tekstverwerker op de schoolwebsite. Stap 1: aanmelden op de schoolwebsite Gebruik je gebruikersnaam zoals in SchoolOnline. Stap 2: ga naar jouw leerjaar in het menu bovenaan. Klik

Nadere informatie

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

Nadere informatie

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 1 Inhoudsopgave Toevoegen nieuw artikel, of wijzigen...3 Extra web-functionaliteit...4 toevoegen van een foto/plaatje...4 toevoegen

Nadere informatie

1) Inloggen op beheer omgeving a. Aanmelden b. Wachtwoord vergeten 2) Berichten a. All posts

1) Inloggen op beheer omgeving a. Aanmelden b. Wachtwoord vergeten 2) Berichten a. All posts 1) Inloggen op beheer omgeving a. Aanmelden b. Wachtwoord vergeten 2) Berichten a. All posts b. Nieuw bericht c. Categories d. Tags 3) Media a. Bibliotheek b. Nieuw bestand 4) Pagina s a. All pages b.

Nadere informatie

Test Joomla op je PC 1

Test Joomla op je PC 1 1 Disclaimer Bij de samenstelling van dit ebook is de grootst mogelijke zorg besteed aan de juistheid en correctheid van de informatie die in dit ebook wordt verstrekt. De auteur van dit ebook kan op geen

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde

Nadere informatie

1 BUSINESS INTERNET SUPPORT

1 BUSINESS INTERNET SUPPORT Versie 1 BUSINESS INTERNET SUPPORT Yoron Dot Net Stap voor stap Handleiding YORON DOT NET BEHEER V1.X Stap voor stap handleiding YORON Het Wielsem 10 s-hertogenbosch Inhoudsopgave Opstarten Yoron DotNet

Nadere informatie

Central Station. CS website

Central Station. CS website Central Station CS website Versie 1.0 18-05-2007 Inhoud Inleiding...3 1 De website...4 2 Het content management systeem...5 2.1 Inloggen in het CMS... 5 2.2 Boomstructuur... 5 2.3 Maptypen... 6 2.4 Aanmaken

Nadere informatie

WordPress Handleiding

WordPress Handleiding Algemene Informatie Disclaimer: Bij het samenstellen van dit boek is de grootst mogelijke zorg besteed aan de juistheid van de opgenomen informatie. Wij kunnen echter niet verantwoordelijk gesteld worden

Nadere informatie

Installeren van het programma:

Installeren van het programma: Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp.net Datum: 20-2-2011 Inhoudsopgave Installeren van het programma:...3 Configureren van het programma:...7 Mappen aanmaken:...9 Groepen

Nadere informatie

Zimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat.

Zimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat. Een website maken met ZIMPLIT. Geen kennis van html nodig. www.acc.dds.nl/lesonline/zimplit/ Download Zimplit handleiding pdf Download de Zimplit bestanden Zimplit CMS Handleiding Zimplit is een CMS (content

Nadere informatie

Formulieren maken met Dreamweaver CS 4/CS 5

Formulieren maken met Dreamweaver CS 4/CS 5 Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit

Nadere informatie

Handleiding: Whitelabel Customersite

Handleiding: Whitelabel Customersite ARGEWEB B.V. Handleiding: Whitelabel Customersite Controlportal.nl Argeweb Support 8-1-2009 Handleiding voor het gebruik maken van de Whitelabel Customersite op controlportal.nl, door Resellers van Argeweb.

Nadere informatie

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript Gebruikershandleiding voor: Beperkte Password protectie met JavaScript URL: http://home.hccnet.nl/s.f.boukes/html-2/html-202.htm INHOUD : 1. Structuur van een beveiligde site 2. Login-formulier 3. Login

Nadere informatie

Handleiding teksteditor

Handleiding teksteditor In deze handleiding leggen we de werking van de teksteditor uit. De teksteditor wordt gebruikt voor het bewerken van tekst. Uw tekstpagina s bewerkt u met deze editor, maar u vindt m op vele plekken terug.

Nadere informatie

Handleiding invoegen afbeeldingen en downloadlinks t.b.v. het CMS

Handleiding invoegen afbeeldingen en downloadlinks t.b.v. het CMS Handleiding invoegen afbeeldingen en downloadlinks t.b.v. het CMS Het blijkt dat we de nodige moeite hebben met het invoegen van afbeeldingen en het maken van downloadkoppelingen binnen ons CMS. Er moet

Nadere informatie

Inloggen. Open Internet Explorer en vul het adres: http://webmail.kpoa.nl in de adresbalk in.

Inloggen. Open Internet Explorer en vul het adres: http://webmail.kpoa.nl in de adresbalk in. Inhoudsopgave Inhoudsopgave... 1 Inloggen... 2 Inloggen... 2 Wachtwoord wijzigen... 3 Postvak IN... 4 Controleren op nieuwe E-mail... 4 Bericht schrijven... 5 Ontvangers toevoegen... 5 Antwoorden... 10

Nadere informatie

Gebruiksaanwijzing om de nieuwspagina van uw peuterspeelzaal online aan te kunnen passen. Hiervoor heeft u een internetverbinding nodig!

Gebruiksaanwijzing om de nieuwspagina van uw peuterspeelzaal online aan te kunnen passen. Hiervoor heeft u een internetverbinding nodig! Gebruiksaanwijzing om de nieuwspagina van uw peuterspeelzaal online aan te kunnen passen. Hiervoor heeft u een internetverbinding nodig! Hoe gaat u te werk? 1. Start de website op www.psz- steenwijkerland.nl

Nadere informatie

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast

SELECTEER EEN PAGINA TEMPLATE EN HOOFD VOOR DE PAGINA: Selecteer, in de PAGINA ATTRIBUTEN module rechts naast OPMAKEN VAN BERICHTEN EN PAGINA S ONE PAGER Berichten en pagina s worden op dezelfde wijze opgemaakt. Voor het opmaken van een bericht ga je in het navigatiemenu (afbeelding rechts) naar BERICHTEN > NIEUW

Nadere informatie

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager, Handleiding Dododent Beste tandarts of praktijkmanager, Hartelijk dank voor de aanschaf van een website bij Dodoworks. Hieronder volgt een uitgebreide handleiding van het Dododent systeem waarmee de website

Nadere informatie

Handleiding Concrete5 website. Outbound Media

Handleiding Concrete5 website. Outbound Media Handleiding Concrete5 website Outbound Media In deze handleiding behandelen we de basis benodigdheden om uw website up-to-date te kunnen houden. We behandelen: Inloggen editen (bewerken) van tekst een

Nadere informatie

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd Introductie Deze handleiding heeft tot doel een eenvoudige stap voor stap handleiding te zijn voor eindgebruikers van CMS Made Simple

Nadere informatie

HTML Editor: tabellen en hyperlinks

HTML Editor: tabellen en hyperlinks LES 19 HTML Editor: tabellen en hyperlinks In deze les leert u nog iets meer over HTML en de HTML Editor van OpenOffice.org. U leert hoe u absolute en relatieve hyperlinks maakt. We staan even stil bij

Nadere informatie

Links controleren met Xenu s Link Sleuth

Links controleren met Xenu s Link Sleuth 1. Introductie 2. Xenu downloaden 3. Voorkeursinstellingen aanpassen 4. Links controleren 5. Het gebruiken van de Xenu rapporten 6. Het controleren van niet werkende links op de website 1. Introductie

Nadere informatie

Inhoud. Installatie. Functies

Inhoud. Installatie. Functies Inhoud Installatie Functies Instellingen Achtergrond Blokken, knoppen Korting Footer Header, left column Main navigation Modules Price categories, Producten Text Contact 3 4 5 5 6 7 8 9 10 11 12 13 14

Nadere informatie

Trippeltrap Content Management System

Trippeltrap Content Management System Handleiding Trippeltrap Content Management System versie 2.4 Aanmelden Voordat u de tekst op uw webpagina kunt aanpassen, moet u zich eerst aanmelden. Bovenaan de pagina vindt u een link naar het intranet.

Nadere informatie

Formulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen...

Formulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen... Formulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen... 4 Bewerken formulier in formulierbeheer... 4 Bewerken formulier -

Nadere informatie

Handleiding Website Laatste update: april 2014

Handleiding Website Laatste update: april 2014 Laatste update: april 2014 1. Google Search Tijdens de ontwikkeling van uw website werd er veel aandacht besteed aan optimalisatie voor zoekmachines zoals Google. Dit onder andere door de broncode technisch

Nadere informatie

Uw eigen tekst en foto s op uw site bijhouden

Uw eigen tekst en foto s op uw site bijhouden Uw eigen tekst en foto s op uw site bijhouden Voorbereiding U heeft een cd ontvangen met een aantal bestanden erop. O.a. de website, dreamweaver en 2 tekstbestanden genaamd s/n en inloggegevens. De website

Nadere informatie

Handleiding Website beheersysteem

Handleiding Website beheersysteem Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8

Nadere informatie

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for

Nadere informatie

Op de Virtual Appliance is MySQL voorgeïnstalleerd. MySQL is momenteel de meest gebruikte database op het internet.

Op de Virtual Appliance is MySQL voorgeïnstalleerd. MySQL is momenteel de meest gebruikte database op het internet. Het installeren van WordPress Nu je een volledig werkende virtuele server hebt is het tijd om er een applicatie op te installeren. We beginnen met de blogtool WordPress. De database De eerste stap is het

Nadere informatie

Handleiding DirectAdmin

Handleiding DirectAdmin Handleiding DirectAdmin Heeft uw hostingpakket het control panel DirectAdmin dan leest u in deze sectie hoe u uw pakket kunt beheren. Dat doet u via : http://www.uwdomein.nl:2222. Handleiding DirectAdmin

Nadere informatie

Mei. Handleiding - Publisher Tool 1

Mei. Handleiding - Publisher Tool 1 Mei 15 Handleiding - Publisher Tool 1 Inhoudsopgave 1. Welkom... 3 1.1 Inloggen... 3 1.2 Dashboard... 4 2. Boeken... 5 2.1 Boeken aanmaken... 5 2.2 Het bewerken van boekinformatie.... 7 3. Verrijkingen...

Nadere informatie

!!!!!!!!!!!! Handleiding website! VV Den Ham

!!!!!!!!!!!! Handleiding website! VV Den Ham Handleiding website VV Den Ham versie 1.1 1 van 26 " Stand Template Team foto s Template Team Template " Spelers Template Topscorers Template 9 van 26 6.5 Download template De download pagina bestaat uit

Nadere informatie

Handleiding wordpress

Handleiding wordpress Handleiding wordpress Wordpress versie 3.0.4 Handleiding versie 1.1 Auteur Website Geert Hoekzema www.geerthoekzema.nl www.geerthoekzema.nl geert@geerthoekzema.nl 1 Inhoudsopgave Inleiding... 3 Beginnen

Nadere informatie

Hiervoor heeft u toegang nodig met uw persoonlijke account. Vraag uw account aan, aan de hoofd beheerder.

Hiervoor heeft u toegang nodig met uw persoonlijke account. Vraag uw account aan, aan de hoofd beheerder. Handleiding Gebruik Download Chrome voor de beste compatibiliteit Aanmelden link: http://www.omegabelgium.com/cms/ Hiervoor heeft u toegang nodig met uw persoonlijke account. Vraag uw account aan, aan

Nadere informatie

Quick Reference Card. Activiteiten

Quick Reference Card. Activiteiten Quick Reference Card Activiteiten 1) Een bestaande pagina bewerken 2) Voeg een vertaling toe 3) Het toevoegen van een afbeelding 4) Het hergebruiken van content 5) Het maken van een nieuws- of agenda-item

Nadere informatie

TeD Tekst en Design. Basisinformatie voor klein gebruik van het cms Made Simple

TeD Tekst en Design. Basisinformatie voor klein gebruik van het cms Made Simple Basisinformatie voor klein gebruik van het cms Made Simple 1 Inhoud Inhoud 2 Inleiding 3 Inloggen in het CMS 3 Teksten plaatsen/aanpassen 4 Een link aanmaken 4 Gebruikers toevoegen/ verwijderen 5 Werken

Nadere informatie

Handleiding Webwinkel

Handleiding Webwinkel Handleiding Webwinkel Inhoudsopgave Login... 2 Instellingen aanpassen... 3 Pagina beheer... 6 Producten beheer... 13 Bestellingen beheer... 18 Betalingen beheer... 21 Vervoerders beheer... 23 Bestands

Nadere informatie

Lined Content Management System v.2 (LCMS 2)

Lined Content Management System v.2 (LCMS 2) Lined Content Management System v.2 (LCMS 2) Inhoudsopgave Lined Content Management System v.2 (LCMS 2)...2 Wat is LCMS 2?...3 Hoe gebruik ik LCMS 2?...3 De modules...4 Instellingen...4 Gebruikers...4

Nadere informatie

HANDLEIDING CMS. v.0.0.1

HANDLEIDING CMS. v.0.0.1 HANDLEIDING CMS v.0.0.1 0.0 Inhoudsopgave 0.0 Inhoudsopgave...2 1.0 Het inlogscherm......3 1.1 Inloggen...3 1.2 Wachtwoord vergeten?...4 2.0 CMS onderdelen...4 2.1 Quicklinks...4 2.2 Pagina's...5 2.2.1

Nadere informatie

Publiceren met WordPress

Publiceren met WordPress Publiceren met WordPress Peter Osterop Tweede herziene editie 1. Installatie van WordPress 2. Configuratie van WordPress 3. Het uiterlijk van WordPress 4. Pagina s en berichten maken in WordPress 1 Installatie

Nadere informatie

Als je geen email-adres hebt kun je bij Google een gmail account aan maken. Als je niet weet hoe dat moet klik dan op: Gmail account aanmaken

Als je geen email-adres hebt kun je bij Google een gmail account aan maken. Als je niet weet hoe dat moet klik dan op: Gmail account aanmaken Om het online programma te kunnen gebruiken het je een account nodig. Wat heb je nodig om een account voor Photo Collage te kunnen aanmaken: Username (gebruikersnaam) Email account Password (wachtwoord

Nadere informatie

EEN WEBSITE MAKEN MET WEEBLY

EEN WEBSITE MAKEN MET WEEBLY EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5 hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina

Nadere informatie

Handleiding. Beheeromgeving

Handleiding. Beheeromgeving Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3

Nadere informatie

Handleiding Wordpress CMS 4-5-2015

Handleiding Wordpress CMS 4-5-2015 Handleiding Wordpress CMS 4-5-2015 Inhoud 1. Het dashboard.... 3 2. Een pagina of bericht aanpassen.... 5 3. Een nieuw bericht toevoegen... 6 4. Een pagina maken... 7 5. Website met sitebuilder... 8 6.

Nadere informatie

Handleiding MOBICROSS actie banners

Handleiding MOBICROSS actie banners Handleiding MOBICROSS actie banners Met de kant & klare MOBICROSS actie banners vergroot jij je kans om sneller je netwerk te bouwen. Je kunt je eigen campagne maken door de banners op je website te plaatsen,

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen

Nadere informatie

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/.

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Handleiding website In deze handleiding staat alles wat u nodig heeft om een bericht op de website van de Reddingsbrigade Aoreven Heythuysen te plaatsen. Alles wordt in woord en beeld uitgelegd. Inloggen

Nadere informatie

Het dashboard bestaat daarnaast uit een aantal vensters. De vensters kun je bedienen met het knopje (rechtsboven)

Het dashboard bestaat daarnaast uit een aantal vensters. De vensters kun je bedienen met het knopje (rechtsboven) Handleiding Websites voor Fotografen INLOGGEN * HOE LOG IK IN? Type achter je domeinnaam wp admin (bv www.websitesvoorfotografen.nl/wp admin)je kunt nu de inloggegevens die je gekregen hebt invullen. *WAT

Nadere informatie

Template maken voor Webshops van FreeWebShop

Template maken voor Webshops van FreeWebShop Template maken voor Webshops van FreeWebShop Versie 1 Peter Jan van Tuil Maart 2011 info@van-tuil.info De uitdaging. Een kennis die een site wil hebben, een webshop. Het grafisch ontwerp is er al. Voor

Nadere informatie

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op 1 Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP.... 8 Joomla installeren op XAMPP... 15 Handige links... 16 2 Disclaimer Bij de samenstelling

Nadere informatie

NACSPORT TAG&GO HANDLEIDING. 3.2.1. Eigenschappen knop

NACSPORT TAG&GO HANDLEIDING. 3.2.1. Eigenschappen knop Handleiding NACSPORT TAG&GO HANDLEIDING 1. Introductie 2. Configureren en bestellen 3. Sjabloon (categorieën en descriptors) 3.1 Lijst sjablonen 3.2 Sjablonen bewerken 3.2.1. Eigenschappen knop 4. Analyseren

Nadere informatie

Extra: Hoe u uw website met HTML kunt verbeteren

Extra: Hoe u uw website met HTML kunt verbeteren Extra: Hoe u uw website met HTML kunt verbeteren HTML is een afkorting van Hyper Text Markup Language. Zoals de term al zegt is het een "opmaak taal", dat wil zeggen het vertelt de browser door middel

Nadere informatie

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Laatst bijgewerkt: 17 mei 2008

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Laatst bijgewerkt: 17 mei 2008 Handleiding website Laatst bijgewerkt: 17 mei 2008 In deze handleiding staat alles wat u nodig heeft om een bericht op de website van de Reddingsbrigade Aoreven Heythuysen te plaatsen. Alles wordt in woord

Nadere informatie

Een website maken met Weebly

Een website maken met Weebly Een website maken met Weebly Bron: http://flippenindeklas.weebly.com/uploads/1/1/8/6/11865400/weebly_ handleiding.pdf (26-08-2016) Inhoudsopgave 2. Een account aanmaken voor weebly.... 3 STAP 1... 3 STAP

Nadere informatie

Handleiding bij de onderhoudsmodule van de Hermes CMS website.

Handleiding bij de onderhoudsmodule van de Hermes CMS website. Handleiding bij de onderhoudsmodule van de Hermes CMS website. Voor wie? U wilt uw bedrijf professioneel voor stellen? U wenst uw website graag zelf te onderhouden? U wenst het budget laag te houden? Wat?

Nadere informatie

Greet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord.

Greet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord. Greet Verhelst 2011-2012 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign In. In het volgende scherm log je in met je gebruikersnaam of e-mailadres

Nadere informatie

Handleiding Vedor-editor

Handleiding Vedor-editor Handleiding Vedor-editor Mei 2007, versie 0.9 Inhoudsopgave Inleiding... 3 Aanmelden... 4 De werkbalk... 5 Het context menu... 6 Navigeren binnen je website... 7 Tekst toevoegen en bewerken... 8 Afbeeldingen

Nadere informatie

Uitleg site maken. Stap 2) Nu kiezen we de lay-out. Je kunt het aantal kolommen kiezen. Je kiest nu de eerste. Maar dit kun je later veranderen

Uitleg site maken. Stap 2) Nu kiezen we de lay-out. Je kunt het aantal kolommen kiezen. Je kiest nu de eerste. Maar dit kun je later veranderen Uitleg site maken Hier vind je een uitleg hoe je bij Google een site kunt maken. Maak eerst een map bij je Favorieten en zet daar onderstaande sites in. Later zet je daar ook je eigen site in. Handig om

Nadere informatie

Het installeren van de software.

Het installeren van de software. Inhoudsopgave Inhoudsopgave... 1 Het installeren van de software.... 2 De Printserver Bekabeld Configureren... 8 Instellen van je IP adres... 10 Netwerk poorten configureren... 12 Een printer Toevoegen....

Nadere informatie

Foto s Plaatsen op Rallykaart.nl

Foto s Plaatsen op Rallykaart.nl Foto s Plaatsen op Rallykaart.nl [Geef tekst op] 1. Inloggen Ga naar: http://www.rallykaart.nl/g2 Klik rechtsboven op Inloggen Voer de gebruikersnaam en het wachtwoord in dat u van ons hebt ontvangen en

Nadere informatie

DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS. Auteur: Harriet Damen SURFnet BV

DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS. Auteur: Harriet Damen SURFnet BV DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS Auteur: Harriet Damen SURFnet BV Versie 1.1 11 augustus 2010 1 DRAAIBOEK CURSUS 21EDINGEN OP DE EIGEN INSTELLING Benodigde kennis om te starten met 21eDingen:

Nadere informatie

Handleiding DirectAdmin

Handleiding DirectAdmin Handleiding DirectAdmin Uw hostingpakket heeft het control panel DirectAdmin, u leest in deze pdf hoe u uw pakket kunt beheren. Dat doet u via : http://www.uwdomein.be:2222. 1 Inhoudsopgave Handleiding

Nadere informatie

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010 Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management

Nadere informatie