27 berichten aan het bekijken - 1 tot 27 (van in totaal 27)
  • Q:
    Bijdrager
    iBartt

    mobiele versie van website

    Hallo,

    ik heb zelf een website en sinds kort een mobiele versie ervan gemaakt en ik zie al veel websites waarbij ze in een browser normaal worden weergeven en op je mobiel wordt er dan een mobiele versie getoond.

    Ik vroeg me af of daar een code voor is die herkent dat de website op een mobiel wordt weergeven waardoor ie automatisch wordt doorgeschakeld naar de mobiele website.

    Het idee is dus als mijn website een mobile device herkent, dat ie automatisch naar een andere pagina gaat, wat dus mijn mobiele versie is.

    Bijdrager
    gIzMo01

    Ik ben ook benieuwd!

    Bijdrager
    martijnG

    Met CSS3 media queries bijvoorbeeld.

    Bijdrager
    Raddie

    Als je een blog bij google hebt kun je statistieken zien. Daar kun je al zien dat er vanaf mobiele browsers wordt gekeken, het moet dus een eenvoudige code zijn die de browserversie herkent, en daar kun je dan natuurlijk je website op aanpassen. Sorry, ik kan je geen codes geven, daar heb ik (helaas) geen verstand van.

    Bijdrager
    iBartt

    @martijnG ik heb zojuist een website gevonden die dat stap voor stap uitlegt, bedankt!

    Bijdrager
    martijnG

    Maar er zijn meerdere mogelijkheden. Het ligt er ook aan of je zelfde content wilt bieden. Content is natuurlijk ook goed uit te sluiten met CSS. Zelf ga ik ervan uit dat de meeste mensen die browsen met een telefoon toch wel een redelijke smartphone hebben die dus CSS3 in grote lijnen ondersteunen.

    Je kunt ook een fluid design bouwen. Zelf heb ik een Fluid sitje in elkaar gezet “voor een solicitatie” ( functioneerd alleen goed in een moderne browser ). http://www.hamerenratel.nl deze heeft maar 1 stylesheet voor computer en mobiel.

    Bijdrager
    stavos

    iBartt, jouw website is een WordPress pagina? Waarom installeer je niet gewoon een plugin? Ik gebruik WPtap Mobile Detector. Werkt perfect. Bezoek van mijn website via een mobile device laat een aangepast WP theme zien, omdat de normale theme niet goed werkt op bijv. een iPhone.
    Te testen via http://www.stavos.nl:wink:

    Bijdrager
    iBartt

    Nee ik heb geen WordPress, maar is dat een code? en zo ja, zou ik die mogen jatten?:P

    Bijdrager
    stavos

    Je kunt de plugin zelf downloaden op de website van WordPress. Ik denk namelijk niet dat je de code uit de broncode van de website zelf kunt halen (proberen mag hoor). Maar de betreffende plugin is natuurlijk precies afgestemd op WordPress, dus wellicht is de tip van Martijn handiger.:wink:

    PS. Als je website niet met WordPress gemaakt is, waarmee dan wel? Helemaal zelf geschreven? Mooi visitekaartje in dat geval!

    Bijdrager
    iBartt

    Helaas is het nog steeds niet gelukt.

    @stavos website is zelf geschreven:wink:

    Bijdrager
    BJVR

    Als je zelf websites kunt bouwen dan neem ik aan dat je met CSS kunt werken en dan mag dit geen probleem zijn om te begrijpen.

    Media Queries (Webdesignerwall.com)

    Dus doe het in één keer goed en maak je site in 3 (of 4) verschillende afmetingen.
    – iPad (Landscape view, mocht dat nodig zijn)
    – iPad (Portret view)
    – iPhone (Landscape view)
    – iPhone (Portret view)

    En zonder scroll-balken horizontaal want dat is echt irritant op mobiele apparaten!

    Mijn laatste WordPress bezigheid.
    *Edit TS heeft link gezien, (en alleen een test domein)

    Bijdrager
    Wyodor

    Gewoon uit nieuwsgierigheid.

    Waar is de zuivel?

    http://bas-jan.nl/droman/dairy/

    Bijdrager
    BJVR

    @Wyodor,

    Begrijp je waarom mensen (tinyURLS) gebruiken?
    Bij deze, zou je zo vriendelijk willen zijn om de link in je bericht te verwijderen..

    Nooit een tikfoutje gemaakt?
    Maar bedankt, ik zal het doorgeven..

    :lol:

    Bijdrager
    iBartt

    @BJVR maar ik wil als href een pagina en geen iets.css

    Bijdrager
    BJVR

    ???

    Je krijgt alleen één extra stylesheet die gelezen wordt wanneer het scherm kleiner wordt.

    Maar iedereen natuurlijk zijn-/haar eigen manier.

    Als jij één of meerdere extra pagina’s wilt bouwen voor kleinere schermen dan is dat denk ik je eigen keuze, alleen moet je dan dubbel zoveel werk doen want daar heb je net zo goed één of meerdere stylesheets voor nodig om de afmetingen te controleren.

    Maar met een href wordt dan.

    <br />
    <a title="Mobiel" href="link-naar-mobiel-bestand.html">Mobiel</a><br />
     
    Bijdrager
    iBartt

    ik bedoel eigenlijk zoiets:

    <br />
    <link rel="stylesheet" media="screen and (max-width: 600px)" href="mobile/index.html" /><br />
     

    bestaat zoiets?

    Bijdrager
    Arthur345

    In de <head> tags zetten

    <br />
    <script></p>
    <p>if(navigator.userAgent.indexOf(“iPhone”) != -1)</p>
    <p>{</p>
    <p>window.location = “<LINK>”;</p>
    <p>}</p>
    <p></script><br />
     

    Zoiets? Zodat een iPhone je site bezoekt, diegene naar <LINK> doorgestuurd word?

    Trouwens, als je iets als en iPhone thema wilt, kan je dit gebruiken. Dit is een soort programma waarmee je een app kan creëren, maar dan als website.

    Bijdrager
    MouseMighty

    Even resume: De TS heeft een website, zelf geschreven, op de leeftijd van 15 jaar. Biedt daar grafische producten aan als website design etc maar weet niet hoe je dat dan mobiel krijgt. Nee oke, dan snap ik dat zolderkamerpiloten gedrag weer van toepassing is. Voordat je mee wil doen met de grote jongens en het brood uit hun mond jat wil ik je er wel even op wijzen dat je dan wel moet weten waar je mee bezig bent.

    Mag ik dan ook even vragen met welke gejatte programma’s jij je producten aanbied? Want ik denk dat in alle programma’s een uitgebreide Help functie zit. Kortom hier is het antwoord op je vraag: RTFM! Ohja, op je website zetten dat je hem ook onderweg kan bekijken met een aprate link is dus niet hoe het moet.

    Bijdrager
    iBartt

    Ik gebruik photoshop en een html editor (Espresso), denk jij dat ze daarin uitleggen hoe je een script maakt dat tussen een desktop website en een mobiele website switcht? En ik doe niet mee met “de grote jongens”, dit is gewoon als hobby omdat ik het leuk vind en andere mensen plezier wil doen met een website of poster etc. Ik snap ook niet dat zo’n bericht in dit draadje moet. Ik stel enkel een vraag en daar hoeft alleen op geantwoord te worden.

    Bijdrager
    martijnG

    @iBart, volledig met eens !

    off-topic: Daarnaast Vind ik dat er veel software bedrijven op een vuile en slinkse manier van de gebruikers jatten. Onredelijk hoge bedragen vragen voor producten die zij honderdduizenden keren verkopen. Daarnaast de manier van opslaan naar de nieuwste versie terwijl daar totaal geen ‘technische’ reden voor is. Dit verplicht andere gebruikers om ook te up-graden naar die nieuwe versie. En als je op je zolderkamer zit, vrienden en kennisen blij maakt, vind ik het A-sociaal om dit stukje geluk weg te halen door onbetaalbare prijzen te vragen voor die software. Daarnaast komen deze zolderkamer specialisten vaak later in het bedrijfsleven terug en kopen de software die ze gewent zijn.

    Bijdrager
    stavos

    Onbetaalbare software? Ik heb een compleet legaal Adobe pakket liggen voor minder dan een paar tientjes. Je zolderkamer moet er dan wel heel erg aan toe zijn als je dat onbetaalbaar vindt.

    Bijdrager
    martijnG

    Creative Suite 5.5 Web Premium kost in Nederland: €2378.81
    Vrij prijzig, wel betaalbaar als je een draaiende zaak hebt… maar anders…

    Bijdrager
    stavos

    .. dan koop je een goedkopere versie. Als je de duurste TV niet kunt betalen in een winkel, zoek je toch ook een ander model uit? Ik zie het probleem niet.

    Bijdrager
    martijnG

    @stavos, ben benieuwd waar jij dat dan vandaan haalt.

    Als niemand illegale software zou gebruiken raken deze mensen niet gewend aan die software.
    En valt later hun keuze niet voor dat dure pakket. Software bedrijven zijn groot geworden door dit illegaal gebruik.

    Bijdrager
    ernst.

    Misschien niet de juiste topic voor deze vraag maar aangezien het om
    ” een mobiele versie van een website” gaat wilde ik even wat meningen
    het volgende.

    Ik heb op een forum de mobile version aangevinkd en vreemd genoeg
    als ik vervolgens inlog met bijvoorbeeld de iPad dan zie ik na het inloggen
    een leeg scherm. Alles geprobeerd zoals cache geleegd.updates geinstalleerd
    e.d. maar helaas,niks te zien. Vreemd genoeg als ik de mobile version uitvink
    dan zie ik na inloggen weer gewoon het forum zelf.

    Iemand een idee waar dit aan kan liggen?
    Fyi: gebeurd op de iPad en iPad 2 alleen.

    Bijdrager
    BJVR

    Welk forum script of CMS gebruik je?

    Ik denk niet dat de ‘Mobile Version’ checkbox die jij standaard aan en of uit kunt vinken voor de functie die jij in gedachte had gemaakt is.

    Wat je vaak ziet is dat je met dit soort checkboxen gebruikers WEL of NIET toegang kan geven tot het inloggen (Admin gedeelte) op je forum -/CMS.

    Waarom?
    Vaak hebben CMS-en een speciale App in de AppStore voor het gebruiken van het inlog gedeelte op een CMS.
    Bijv. WordPress heeft ook zo’n checkbox die je aan en uit kan zetten omdat als je vanaf een iPhone in je admin gedeelte zou inloggen dan zal het er allemaal niet netjes uitzien vanwege het kleine scherm van de iPhone.
    Daarom wil WordPress dat je hun iPhone -/iPad app gebruikt voor het inloggen.

    Wat het doet is eigenlijk heel simpel, het script of de CMS kijkt naar het type + versie van je browser en als deze ziet dat het Safari mobiel is ipv Safari desktop dan zal hij je geen toegang geven tot het admin gedeelte of het hele forum.

    Dit soort checkboxen heeft dus heel vaak niets te maken met de layout van het forum. Daar komt iets meer techniek bij kijken.

27 berichten aan het bekijken - 1 tot 27 (van in totaal 27)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.