Adsense deel 2: van wordpress naar Blogspot? (blogger.com)

Gisteren heb ik aangegeven om Adsense te willen gaan uitproberen. Ja, reclames kunnen heel vervelend zijn en dat wil ik mijn bezoekers niet aandoen. Dus: mocht u als lezer vervelende reclame tegenkomen op een website van mij, dan zou ik het op prijs stellen als u dat zoudt willen doorgeven.

Stap 1: integreren Adsense in website

Om se Adsense advertenties te laten verschijnen binnen mijn websites, moest ik wat code plaatsen. Niet alleen html maar ook eens script (logisch). In joomla betekent dat ik gebruik maak van een aparte module die dit mogelijk maakt en die voorkomt dat het script geschrapt wordt. Direct plaatsen binnen een artikel  is niet mogelijk. Via een aparte module wel (insert module). Voorbeeld: zie www.dewebmeester.nl onderaan of www.projektduga.nl aan de rechterkant. Vervolgens heb ik advertentie code geplaatst binnen een startpagina van me op intrastart.nl (webdesign.intrastart.nl). Dat is me gelukt via de categorie beschrijving waar ik de script code direct heb kunnen plaatsen. Wat betreft een zelfgehoste WordPress website zie ik veel verschillende opties. Ik kan bijvoorbeeld een html widget plaatsen met de code (eventueel tussen <div></div> tags maar ik kies er voor om functions.php aan te passen en zo een shortcode te creeren waardoor ik via [adsense] op elke willekeurige plaats op een pagina of blogpost Adsense advertenties kan weergeven.

Ik schrok wel even: op mijn nogal serieuze website http://www.dewebmeester.nl verschijnen reclames van dating website of een oproep om een gratis spelletje te doen. Dat wil ik niet. En die optie zet ik makkelijk UIT in de Adsense settings binnen mijn account.

Stap 2: Bekijken en evalueren van statistieken

Via mijn Adsense account kan ik direct zien welke website welke inkomsten genereert. Dat viel me niet tegen. Aan het einde van de dag lijk ik 1,43 Euro verdient te hebben. Natuurlijk zijn er op de Android market leuke applicaties te verkrijgen om dit allemaal live op de telefoon te volgen en de snelste lijkt mij: Adsense360. Vervolgens is het de vraag welke website het beste presteert en hoe de statistieken te verbeteren. Mijn probleem: dit blog is een WordPress.com blog en daarin in Adsense reclame niet toegestaan (en ook technisch onmogelijk). Maar dit blog is mijn meest bezochte website. Hoe los ik dit op?

Stap 3: exporteren van blogposts van WordPress naar Blogger

Ja, het gevaar van “duplicate content” bestaat maar zover ik begrepen heb straft Google dit niet meer af. Google geeft gewoon in de zoekresultaten de oorspronkelijke website weer met de oorspronkelijk inhoud. Kortom: mijn dewebmeester.blogspot.nl (dewebmeester.blogspot.com) zal in de zoekresultaten van Google mogelijk wat minder voorkomen dan dewebmeester.wordpress.com maar dat kan ik mogelijk op een andere manier oplossen. Eerst even proberen te exporteren en importeren. Dat gaat snel en is eenvoudig. Eerst exporteer ik de complete inhoud van mijn WordPress blog, sla op op computer, zet dit bestand om naar een Blogger bestand via: http://wordpress2blogger.appspot.com/ en importeer dit complete bestand via mijn blogger.com account settings. En zo heb ik binnen tien minuten een compleet extra blog, inclusief inhoud waarbinnen Adsense advertenties weergegeven kunnen worden. Zie voorbeeld: dewebmeester.blogspot.nl

Meerdere gebruikers, 1 website, verschillende opties (WordPress)

Dit is een belangrijk concept en iets dat een webdeveloper in veel situaties nodig heeft: een website die de mogelijkheid biedt aan andere gebruikers (klanten) om zelf een website te onderhouden of te bouwen. Nu lijkt dat makkelijk te realiseren met een (open source) CMS maar algemene probleem lijkt mij dat medegebruikers standaard dezelfde mogelijkheden hebben als de administrator en de andere gebruikers. Bijvoorbeeld: zowel bij Joomla als WordPress hebben mede gebruikers beschikking over dezelfde templates en thema’s als de andere gebruikers. Het is nog niet zo makkelijk om verschillende gebruikers binnen 1 website, verschillende websites te laten bouwen en te onderhouden. Dewebmeester.nl onderzoekt de mogelijkheden en de beste worden op de markt gebracht. Deze week is dat het concept van http://www.mobilewebbuilder.nl : een website waar verschillende gebruikers allemaal verschillende mobiele websites kunnen maken en onderhouden.

In mijn vorige blogpost heb ik aandacht gegeven aan een mogelijkheid om een WordPress plugin beschikbaar te stellen aan andere gebruikers zonder hen toegang tot thema’s of posts van anderen te geven. Dat kan werken voor bepaalde plugins maar zal niet voor alle plugins even makkelijk werken. En in het geval van http://www.mobilewebbuilder.nl (www.mobielesitebuilder.nl) leidde dit niet tot een afdoende oplossing. Want de bedoeling is dat een gebruiker een unieke mobiele website maakt en onderhoudt, via de CMS publiceert en dat die website door een andere gebruiker uiteindelijk niet te bewerken is. En indien elke gebruiker toegang krijgt tot dezelfde plugin (een Mobiele Site Builder plugin), dan zijn die websites door alle andere gebruikers binnen de dashboard via de plugin te benaderen en aan te passen. Dat moet niet.

De oplossing (en ook voor veel andere gelijkende problemen)

De oplossing heeft “Multisite”. Deze optie kan tijdens de installatie van een WordPress geactiveerd worden of eventueel later (zie bijvoorbeeld deze blogpost). De Mulisite optie lost eigenlijk al onze problemen op zoals hierboven uitgelegd. Deze optie maakt ook de “Hack” zoals genoemd in de vorige blogpost onnodig. Dat is mooi omdat we nu geen files hoeven aan te passen (en opnieuw moeten aanpassen na elke update van de plugin). Maar we hebben nu wat andere problemen.

Wat is opgelost:

1. elke gebruiker heeft een eigen dashboard en geen toegang tot dashboard van andere gebruikers
2. dus elke gebruiker heeft alleen toegang tot posts van zichzelf en niet van anderen
3. elke gebruiker heeft toegang tot plugins.

Nieuwe problemen:

1. elke gebruiker heeft toegang tot alle templates en thema’s en dat lijkt me wat teveel luxe.
2. elke gebruiker heeft toegang tot alle geactiveerd plugins en ook dat is wat teveel luxe.

Vandaag los ik alleen dit eerste probleem op: ik wil binnen de hoofdwebsite (http://www.mobilewebbuilder.nl) een mooi premium design installeren en kies hiervoor WowWay. Maar vervolgens kan elke medegebruiker (elke klant) ook gebruik maken van dit thema zonder deze template te hoeven kopen en dus zonder een gebruikers licentie te hebben. Nee, dat wil ik niet. De oplossing is de volgende code in wp-config.php:

define(‘WP_DEFAULT_THEME’, ‘wowway’);

Vervolgens activeer ik de template voor het hele netwerk, ga naar dashboard van eigen website en activeer dit thema. Daarna ga ik teru gnaar Network dashboard en deactiveer ik het thema voor het netwerk. Probleem opgelost: mijn eigen site heeft een mooi design, de andere gebruikers hebben niet de beschikking gekregen over dit thema maar kunnen wel aan het werk met de Mobiele Sitebuilder.

Gecontroleerde en beperkte toegang voor gebruik plugin in WordPress

Dit was een nieuwe avontuur voor me. Ik ben bezig met een nieuw concept voor dewebmeester.nl: een online website builder tool waarmee klanten zelf een mobiele website kunnen maken of onderhouden. Dat concept is al aardig uitgewerkt maar hoe geef ik klanten nu beperkte toegang tot het gebruik van deze WordPress plugin?

Situatie:

• Ik heb een WordPress website met verschillende thema’s, plugins, pagina’s enzovoorts.
• Nu wil ik 1 plugin beschikbaar stellen voor gebruik aan klanten van dewebmeester.nl
• WordPress biedt standaard eigenlijk maar twee mogelijkheden wat betreft gebruikers: 1) Een gebruiker is een administrator en heeft toegang tot alles of 2) een gebruiker is geen administrator en heeft al dan niet toegang tot de content (blog posts) van de website.
• Kortom: WordPress biedt standaard niet de mogelijkheid om een gebruiker beperkte toegang te geven tot back -end (dashboard). Je hebt of helemaal toegang, of helemaal niet.

Het heeft me wel enige uren geduurd voor ik de oplossing gevonden heb en hem verschillende plugins geprobeerd zoals: – s2members -, – members – en – user role editor – maar die bieden allemaal niet de mogelijkheid om administrators (degenen die toegang tot dashboard hebben) verschillende permissies te geven. De scheiding blijft: of wel, of geen toegang tot dashboard. Maar ik wil een gedeeltelijke toegang tot dashboard.

De oplossing:

Elke plugin definieerd voor zichzelf de toegangs permissies. En WordPress plugins maken allemaal standaard gebruik van de WordPress settings: alle administratoren hebben toegang tot alle plugins. Hier stappenplan om tot andere situatie te komen:

1. Download de complete plugin folder naar de harde schijf
2. Open deze plugin folder met het programma EditPadPro en zorg dat het programma alle files uit de subfolders opent (geweldig dat EditPadPro dit kan!)
3. Zoek vervolgens naar alle verwijzingen naar – manage_options – binnen deze files en:
4. Om Editors toegang tot de plugin te verlenen, verander  ‘manage_options’ in ‘edit_pages’.
   Om Authors toegang tot de plugin te verlenen, verander  ‘manage_options’ in ‘publish_posts’.
   Om Contributors toegang tot de plugin te verlenen, verander  ‘manage_options’ in ‘edit_posts’.
   Om Subscribers toegang tot de plugin te verlenen, verander  ‘manage_options’ in ‘read’.

Ik heb in de options.php file van de plugin – manage-options – verandert in – edit_pages – en elke gebruiker die Editor is krijgt vervolgens onderstaand dashboard te zien na inloggen:

Netjes toch? De Editor heeft toegang gekregen tot de Mobile Site Builder van http://www.mobilesitebuilder.nl maar kan geen enkele post aanpassen die hijzelf niet eerst gemaakt heeft. Zelfs tools zijn niet beschikbaar (behalve Press This). De Editor kan de Mobiele Site Builder gebruiken, zijn eigen posts aanpassen en eventueel wat gegevens in zijn profiel aanpassen. Ik ben blij.

Foto album met preview afbeeldingen bij mouse on hover zoals op Facebook…..

Nou, deze blogpost lijkt mogelijk op Arabisch meer de functie is dat ik hier mijn gedachten en ideeen probeer weer te geven betreffende een opdracht in de hoop dat ik dit opdracht succesvol zal kunnen uitvoeren:

Opdracht: klant heeft WordPress website en een leuke gallery via een gallery plugin. Nu is hij daar niet tevreden mee. Hij wil extra functionaliteit. De home pagina van de gallery toont een aantal categorieen. Die kunnen we beschouwen als fotoalbums over een bepaald onderwerp. Hij wil dat als de bezoeker met zijn muis over de voorkant van dit fotoalbum beweegt, dat dan automatisch, achter elkaar, een preview getoond wordt van de afbeeldingen binnen dat fotoalbum. Nee, niet onmogelijk. Maar wel moeilijk. Om het nog leuker te maken heeft hij een voorbeeld: de weergave van de fotoalbums in Facebook.

Spioneren van de code binnen Facebook
Dat doe ik meestal: even spieken binnen de code van de website waar de klant het voorbeeld gevonden heeft. Facebook in dit geval. Wat zie ik:

<div id=”u_0_3b” class=”_30l”><span id=”u_0_2f” aria-label=”Photo” class=”uiMediaThumb _30m uiMediaThumbMedium” style=”opacity: 0;”><i class=”uiMediaThumbImg” style=”background-image: url(http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/p206x206/530465_10151320424569284_27191678_n.jpg);”></i></span><span id=”u_0_2g” aria-label=”Photo” class=”uiMediaThumb _30m uiMediaThumbMedium” style=”opacity: 0;”><i class=”uiMediaThumbImg” style=”background-image: url(http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc6/p206x206/603007_10151320424504284_10063898_n.jpg);”></i></span><span id=”u_0_2h” aria-label=”Photo” class=”uiMediaThumb _30m uiMediaThumbMedium” style=”opacity: 0;”><i class=”uiMediaThumbImg” style=”background-image: url(http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash4/p206x206/318068_10151320424509284_1098475204_n.jpg);”></i></span><span id=”u_0_2i” aria-label=”Photo” class=”uiMediaThumb _30m uiMediaThumbMedium” style=”opacity: 0;”><i class=”uiMediaThumbImg” style=”background-image: url(http://sphotos-c.ak.fbcdn.net/hphotos-ak-ash3/p206x206/582526_10151320424494284_1473985989_n.jpg);”></i></span><span id=”u_0_2j” aria-label=”Photo” class=”uiMediaThumb _30m uiMediaThumbMedium” style=”opacity: 1;”><i class=”uiMediaThumbImg” style=”background-image: url(http://sphotos-b.ak.fbcdn.net/hphotos-ak-prn1/p206x206/47666_10151320427084284_424829715_n.jpg);”></i></span></div>

Mooie code maar de vraag is nu waar die naartoe verwijzen. Oftewel: in welke file of binnen welk script staat bijvoorbeeld het volgende gedefinieerd?:

class=”uiMediaThumb _30m uiMediaThumbMedium”

Nee, lijkt me op zich niet erg relevant. Dit is tenslotte verwijzing naar css code en betreft niet een script. Code geeft alleen de output weer van het script. Maar welk script genereert deze output? Maar even googlen op: “load preview images mouse on hover”. Geen succes. Of: “how to have images load on mouse over in wordpress plugin”. Veel informatie, nog geen antwoorden.

Mijn test op jsfiddle.com

Openen video’s van youtube in Lightbox binnen WordPress slider

Vandaag bijt ik mijn tanden in een nieuwe opdracht van tweaky.com: De klant wil dat video’s geopend worden in een Lightbox binnen dezelfde pagina. Het probleem lijkt me dat de video al geintegreerd is in een slider en niet in een bericht. Mijn stappenplan:

1. – plugin lightbox video installeren (WP Video Lightbox)
2. – testen binnen een WordPress bericht
3. – code controleren en kijken of dit te integreren is in slider. Deze slider is overigens onderdeel van de template en heeft een eigen beheerspanel en de klant wil natuurlijk het beheer over deze video’s binnen dit beheerspanel behouden. Kortom: ik moet niet teveel in de broncode gaan veranderen maar zoveel mogelijk werken binnen bestaande admin panel van WordPress.

Na stap 1 ga ik eerst naar de support pagina van deze plugin: http://www.tipsandtricks-hq.com/wordpress-video-lightbox-plugin-display-videos-in-a-fancy-lightbox-overlay-2700#!prettyPhoto . Daar vind ik een demonstratie van de werking van de plugin en kijk via Firebug naar de code (mogelijk kan ik stap 2 overslaan?) en dan zie ik dit:

<!—<a title=”” href=”” rel=”wp-video-lightbox”><img class=”video_lightbox_anchor_image” alt=”” src=”http://www.tipsandtricks-hq.com/wp-content/uploads/2010/08/wp-video-lightbox-demo.png“></a>—>

Deze code plak ik in een Notepad+ document om te bestuderen.

Binnen de slider applicatie is een mogelijkheid om aan te geven welke image getoond moet worden en waar die image bij klikken naartoe moet leiden. Image laat ik staan en als link plaats ik de YouTube video link. Vervolgens moet ik de rel=”wp-video-lightbox” nog ergens plaats. Ik probeer die te plaatsen naast de link binnen de slider applicatie maar zonder succes. In Firebug houd ik bij hoe de code verandert en ja, ik zie de link en zelfs rel= maar code wordt toch steeds weer door elkaar gegooid door de slider applicatie. Toch maar naar de broncode van de slider?
Ook dat probeer ik. Dat had moeten werken maar kan niet goed bepalen waar ik de — rel=”wp-video-lightbox” –moet plaatsen.

De oplossing
Tjonge wat ben ik dan weer blij als het lukt. Deze keer heeft het me 2 uur gekost. Oplossing lijkt simpel: bij de slider is er een optie om een “Caption” te plaatsen. Met een beetje geluk betekent dit dat er plaats is om html te plaatsen. En dus plaats ik de hele link, inclusief rel=”wp-video-lightbox” in de Caption (de titel, of eventueel in de beschrijving). Dat ziet er zo uit:

<a href=”” rel=”wp-video-lightbox”> <em><font face=”times new roman,times,serif” size=”6″>Click to Play</font></em></a>

Het resultaat is een mooie link onderaan de foto die getoond wordt met de titel “Click to Play” en bij klikken hierop wordt de video geopend in een mooie Lightbox overlay. Zie: http://www.speedvertu.com
Hartelijke groeten.
Ook interesse in het openen van video’s in Lightbox? Neem even contact op me:— info —

debugmeester.nl, dewebmeester repareert via tweakweb.nl

Sinds een week ben ik als ontwikkelaar werkzaam bij tweaky.com. Een grappige uitdaging gezien het feit dat ik tweaky.com op mijn eigen website benoem als concurrent met 3 maal zo hoge tarieven als dewebmeester. (Zie: http://www.dewebmeester.nl/index.php/tarieven-overzicht-van-opties) Hun werkwijze spreekt mij echter erg aan en ook na afronding van de eerste opdrachten ben ik erg te spreken over het idee achter tweaky.com.

Idee: iedereen met een website heeft zo nu en dan een ontwikkelaar nodig om kleinere aanpassingen of reparaties te doen. Dan wil men niet direct teveel uitgeven maar heeft ment nog wel 39 Euro over voor zo’n aanpassing. Zo’n aanpassing heeft een Tweak en ik ben dus een Tweaker. Daarom begin ik direct met een eigen concept en dat heet tweakweb.nl.

Via de opdrachten die bij tweaky.com binnenkomen (en waar je dus 3 maal zoveel betaald om vervolgens door dezelfde persoon – “dewebmeester”- geholpen te worden), is veel te leren. Elke opdracht is een ontdekkingstocht. Dus dacht ik: laat ik nou eens uitleggen via dit blog hoe ik als dewebmeester tot oplossingen kom. Omdat ik ongeveer elke werkdag 1 tot 2 tweaks afhandel, kan dat leiden tot 1 a 2 extra blogposten per dag. Naar mijn verwachting betreft het problemen en bugs waar heel veel anderen mee te maken krijgen die een eigen website beheren. En zo wordt dewebhulp.nl (dit blog) mogelijk nog meer een webhulp. Even een lijstje met tweaks die ik ben tegengekomen:

1. uitlijnen van widget in WordPress
2. validatie volgens W3 en errors oplossen
3. lightbox laten werken in WordPress, en dan ook voor de video’s
4. plaatsen Facebook button
5. aanpassen kleuren
6. plaatsen tekst binnen Shopify theme
7. maken clickable map
8. contactformulier repareren
9. 4ormat website layout aanpassen
10. update problemen WordPress
11. tot en met 1001: alle frustraties waar u zelf tegen aan loopt bij het werken aan een website.

Bedenk hierbij dat een tweak geen 39 Euro hoeft te kosten. Diezelfde tweak kan ook 9,90 kosten. Maar dan wel alleen via een abonnement van  www.dewebmeester.nl

Hartelijke groeten,

Meindert A. Jorna

Javascript toevoegen aan blog posts (berichten) en pagina’s WordPress

Nee, dat is standaard niet mogelijk volgens WordPress. Zie bijvoorbeeld: http://codex.wordpress.org/Using_Javascript Ja, het is blijkbaar toch mogelijk en daarvoor is niet eens een aparte plugin nodig. Stel ik ga naar een bericht of ik maak een nieuw bericht aan in WordPress en vervolgens schakel ik naar html view, plak het script (chat, webshop API of in dit geval: een javascript clickable map) binnen de html code, sla bericht op en bekijk bericht. Resultaat is: niets….. Want alle javascript code wordt gefiltert en geschrapt door de WordPress editor. Maar vandaag ontdek ik een simpele oplossing:

Script plaatsen in html widget en html code in bericht of page code
Ik plaats een nieuwe html widget binnen (bijvoorbeeld) de sidebar en plak daarin het script. Ja, nu werkt het wel maar wordt de code mogelijk niet op de juiste plaatst geactiveerd. Nee, we willen echt binnen een bericht de code laten zien. Geen nood. Na activeren van deze html widget (inclusief <head> script) plaats ik de html code die bepaalt hoe en waar mijn applicatie getoond moet worden, binnen de html van het nieuwe (of oude) bericht en vervolgens publiceer ik dit. En ja, nu verschijnt de javascript applicatie binnen het bericht. Logisch: de code uit de widget (sidebar) is oproepbaar binnen de pagina en kan niet door de editor gestript worden.

Niet simpel? Wilt u liever dewebmeester.nl dit laten doen? Stuur dan even een email naar info@dewebmeester.nl
Groeten!

Frustratie: een simpele Facebook like button op een WordPress website

Tjonge, wat kan iets simpels soms moeilijk te realiseren zijn. Een Facebook Like button bijvoorbeeld binnen een WordPress website.

Om een Faceboot button te plaasten binnen een (gewone) website, is het aan te raden de developers versie te gebruiken die door Facebook zelf onderhouden wordt:
http://developers.facebook.com/docs/reference/plugins/like/ Makkelijk te maken en niet moeilijk te integreren. Voor een WordPress website denk je al snel aan een kant en klare plugin of widget. Ja die zijn er genoeg: “Facebook button plugin” of “Facebook widget”of “Facebook likebox”. Zie de onderstaande afbeelding:

Zo, wat is dan het probleem? Het probleem is dat het niet werkt. Of de layout is niet goed, of er wordt niets getoond of de button werkt niet. Ja, de eerstgenoemde in de afbeelding (“Facebook”) lijkt te werken. Ja die werkt. Enige probleem is mogelijk dat ik even geen optie kan vinden om de button gewoon binnen een widget te laten verschijnen. Ook worden “faces”niet getoond en is het vrij ingewikkeld om de applicatie te laten werken want: er moet eerst een Facebook applicatie aangemaakt worden en gekoppeld worden aan applicatie domein etc. Het LIJKT te werken want na klikken op “like”, krijgt de like button counter + 1 maar deze like is vervolgens niet terug te vinden op mijn profiel in Facebook. Dat zou toch moeten?

Uiteindelijk val ik weer terug op de standaard Facebook developers code: http://developers.facebook.com/docs/reference/plugins/like/ , maak de parameters aan en plaats gegenereerde code binnen een html widget. Ja, de button wordt netjes getoond. Nee, de button werkt niet. De send button lijkt overigens wel prima te werken. Tenminste iets. Probeer de script code van Facebook te plaatsen achter <body> tag van header.php maar dat verandert niets. Helaas. Nog steeds niet naar behoren opgelost. Maar moet nu eerst even werken aan belastingaangifte voordat ik hier mee aandacht aan kan geven. Reacties, adviezen en andere commentaren zijn gewenst.

Aanvulling: twee problemen ontdekt

En zo heb ik tenminste alweer twee problemen opgelost:

1) De Facebook pagina id was fout. Die is op zich makkelijk te vinden door naar de pagina te gaan en op de timeline foto of profiel foto te klikken. Dan verschijnt er in de browser iets als: http://www.facebook.com/photo.php?fbid=424986770863567&set=a.424986767530234.107018.139250686103845&type=1&theater waarbij het laatste getal de facebook pagina id is, in dit geval: 139250686103845

2) De klant blijkt nog helemaal geen Facebook pagina te hebben en zijn profiel pagina aan mij doorgegeven te hebben. Nee, voor profielpagina’s kun je geen “likes”verzamelen omdat het geen pagina is. Dus wel eerst even een pagina aanmaken.

facebook logo (Photo credit: marcopako )

Related articles

• How To Add the Facebook Like Button to Your Website (epiphanysolutions.co.uk)

Verhuizen WordPress website van lokale (localhost) naar online server

Dat bleek weer eens veel ingewikkelder dan ik dacht. En uiteindelijk is het mogelijk ook weer veel makkelijker dan het lijkt (leek). Hierbij mijn ervaring:

Adviezen op Google duiden vaak op de noodzaak om binnen phpmyadmin in bijvoorbeeld de wp_options tabel zaken aan te passen en daarnaast de site url binnen wp-config.php aan te passen. Dat lijkt logisch maar dit alles raad ik u nu even af. Het makkelijkste lijkt mij op dit moment:

1. Alle bestanden binnen wordpress installatie op computer in te pakken in een zip bestand
2. Zip bestand uploaden naar server en uitpakken binnen gewenste folder bijvoorbeeld http://www.uwwebsite.nl/wordpress1
3. Binnen hostingaccount nieuwe mysql database aanmaken en gebruikersnaam en wachtwoord noteren.
4. Ga naar phpmyadmin van localhost (op uw computer) en exporteer het bijbehorende database bestand als .sql bestand
5. Open dit .sql bestand in Notepad+ en zoek naar http://127.0.0.1:serverport/folder (:serverport is bijvoorbeeld :4001 en /folder de folder waarbinnen de wordpresswebsite lokaal geinstalleerd staat; Deze gegevens zijn ook makkelijk binnen .sql bestand te vinden door gewoon naar beneden te scrollen en te zoeken binnen bijvoorbeeld wp_posts tabel omdat alle urls van de posts beginnen met http://127.0.0.1 :…. etc. ); Vervang deze urls door de nieuwe url op de live site (bijvoorbeeld: http://www.decmsmeester.nl/snippets ) via de “replace” functie binnen Notepad+
6. Importeer dit nieuwe .sql bestand via phpmyadmin binnen de nieuwe mysql database
7. Verwijder de wp-config.php file binnen de files op de server
8. Open de live link naar uw nieuwe website (in mijn voorbeeld http://www.decmsmeester.nl/snippets) en u krijgt de melding dat wp-config.php niet aanwezig is en dat nieuwe installatie nodig is. Volg gewoon de stappen en vul de database gegevens in. Nadat u aankomt bij de button “install” krijgt u de melding dat er al een installatie is gedetecteerd. Prima. Gewoon alles in tact laten. De wordpress website is nu verplaatst of eerder: gekopieerd.

Reacties, vragen en wensen doorgeven hieronder als “reactie” maar u kunt mij ook direct schrijven naar info@dewebmeester.nl

 

WordPress is fantastisch zegt de webmeester.nl!! Multi sites optie

Gisteravond heb ik een blogpost geschreven waarin ik enkele positieve zaken wilde uitleggen betreffende WordPress. Dewebmeester.nl geeft aandacht aan WordPress en werkt met WordPress maar mogelijk wat te weinig. Want: ik ben opnieuw erg enthousiast! Hieronder een paar extra redenen:

Multisite opties
Het begon weer met frustraties. Ik heb een prachtige WordPress site onder www.dewordpressmeester.nl ; Nu ben ik voor onze stichting (zendingsproject in Kroatie voor jongeren en ouderen) bezig om een soort “Gebedsmuur” te installeren binnen de bestaande Joomla website: www.projektduga.nl . Ik zal te “knoeien” met de “Joomlaxtc contactwall” maar die werkte niet zoals ik wilde en het werd een lang verhaal om de html en css en js van deze module zo in te stellen dat het zou doen wat ik wilde. Toen bedacht ik me dat www.dewordpressmeester.nl een prachtig design is voor zo’n gebedsmuur: gewoon allemaal plaatjes en korte blogposten netjes naast en onder elkaar. Net zoals een muur. Maar: deze wordpress website wordt dus gebruikt voor andere doeleinden (voor promotie van de WordPress dienstverlening door dewebmeester.nl.

En zo stuitte ik als eerste op de beperkingen van WordPress. Ik kan wel een extra pagina aanmaken binnen WordPress maar dan kan ik die niet dezelfde layout geven als de voorpagina. Vreemde zaak. Ik kan ook de homepagina niet kopieeren en vervolgens een nieuwe inhoud geven aan deze nieuwe pagina. Vreemd. Ik kan wel een aparte categorie aanmaken (“Jongeren”), daarin posts plaatsen en vervolgens een menu item aanmaken waardoor de categorie “Jongeren” geopend wordt binnen de bestaande home pagina maar dan is de pagina titel niet aangepast en zijn ook de Social Buttons niet aangepast. Dat is wel nodig. In WordPress kan ik ook niet een widget toewijzen aan een bepaalde pagina zoals in Joomla met modules wel kan. En zo was ik al begonnen om een extra WordPress installatie te doen om daarin vervolgens een nieuwe website te maken met dezelfde layout en functionaliteit als www.dewordpressmeester.nl

En toen stuitte ik op “Multi sites”……. Oftewel: een netwerk binnen WordPress. Dat heb ik geinstalleerd binnen www.dewordpressmeester.nl en vervolgens heb ik daarin een nieuwe website aangemaakt, met een nieuwe gebruiker, nieuwe site titel, zelfde theme maar andere inhoud. Resultaat:
http://dewebman.nl/wordpress1/gebedsmuur/ verwijst naar de nieuwe gebedsmuur website
http://dewebman.nl/wordpress1/ is de oorspronkelijke website van www.dewordpressmeester.nl

Haleluja!

Stappenplan voor installatie Multi Sites in WordPress
Zie vooral ook: http://codex.wordpress.org/Create_A_Network
1) Backup config.php en .htaccess
2) Open config.php in Notepad+ en plaats volgende code boven
/* That's all, stop editing! Happy blogging. */

/* Multisite */
define(‘WP_ALLOW_MULTISITE’, true);

3) Ververs browser en onder tools zie je nu Netwerk setup en daar gebeurt het verder allemaal.

Zoals altijd geldt: dewebmeester.nl kan de informatie zoals hier weergegeven ook toepassen binnen uw website project tegen gegarandeerd lage prijzen die passen bij uw budget. Stuur even een mailtje met vragen naar info@dewebmeester.nl