Support » Thema en CSS/opmaak » Permanente foutmelding 'Stijlblad ontbreekt'

  • Dag allemaal,

    Ik probeer al sids een week een Childtheme aan te maken en ben nu echt ten einde raad.
    Veel sites geraadpleegd, You Tube flmpjes bekeken, maar niks werkt. Ik blijf herhaaldelijk de melding ‘Stijlblad ontbreekt’ontvangen.

    Ik heb DirectAdmin. Dit is het pad wat ik heb doorlopen / wat ik heb gedaan :
    1. Map Public-html
    2. WP-content
    3. Themes
    4. Map aangemaakt onder de noemer Childtheme-Pinboard
    6. Onder map Childtheme, bestand aangemaakt : Style.css
    7. De inhoud van de map Style.css van de originele Pinboard theme, gekopieerd en geplakt in de Style.css van de door mij aangemaakte ChildTheme-Pinboard.
    8. Tekst aan toegevoegd n.a.v. voorbeelden op diverse sites.

    Hier volgt een kopie van de inhoud van de door mij aangemaakte ChildTheme ( Vanuit het stukje privacy, heb ik mijn website-adres en naam nu even weggehaald ):
    /*
    Theme Name: Pinboard
    Theme URI: http://www……..nl/
    Description: Eigen website
    Author: Yvette
    Author URI: http://www………nl
    Template: Pinboard
    */
    @import URL (”../onedesigns.com/wordpress-themes/pinboard/style.css”);

    ——————–ONDERSTAANDE STYLE.CSS GEGEVENS HEB IK GEKOPIEERD VANUIT DE HOOFDTHEMA——————————–

    @charset “utf-8”;

    /*
    Theme Name: Pinboard
    Theme URI: http://www.onedesigns.com/wordpress-themes/pinboard
    Description: A crafty and elegant theme powered by an advanced theme framework and grid system. With virtually unlimited layout options and styles, ideal for showcasing your portfolio of works or other multimedia elements like images, photo galleries, videos and podcasts.
    Version: 1.0.6
    Author: One Designs
    Author URI: http://www.onedesigns.com/
    Tags: blue, gray, silver, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

    License: GNU General Public License v2.0
    License URI: license.txt
    */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

    ——————————HIERNA KOMEN DE STANDAARD STYLE.CSS ZAKEN DIE IK HEB GEKOPIEERD VAN DE STYLE.CSS VAN DE HOOFDTHEMA.——————–

    Wat ik mij afvraag; moet ik de betitteling van het hoofdthema verwijderen of kan ik het laten staan ?

    Zit het probleem misschien in : ‘@charset “utf-8”;’? Hij staat helemaal bovenaan en ik vraag mij af of dit wel klopt. Moet deze ook niet gewoon weg.

    Wat moet er op de puntjes staan, bij : @import URL (”../onedesigns.com/wordpress-themes/pinboard/style.css”); ?

    Ik snap er niks van, waarom zoiets waarvan ze zeggen dat het simpel
    is, niet werkt.

    Ik durf niet opnieuw de versie Pinboard te installeren, want dan ben ik al mijn instellingen kwijt.

1 reactie aan het bekijken (van in totaal 1)
  • Als eerste, zorg ervoor dat je niet met Caps werkt bij het aanmaken van folders en bestanden dat is alleen maar verwarrend. altijd kleine Letters gebruikten.

    Dus als volgt.

    Root > wp-content > themes > pinboard > (hier staat het origineel)

    Nu ga je een Child Thema aanmaken als volgt.

    Root > wp-content > themes > one-designs > (hier komt jouw eigen thema in)

    Dan ga je het volgende doen.
    Kopieer het style.css bestand van pinboard naar –> de one-designs folder en open het deze in een tekstverwerker (geen Microsoft Word.)

    Verwijder alle teksten en content in de nieuwe style.css zodat je een leeg bestand hebt en daarna plaats je dit bovenaan:

    /*
    Theme Name:     One-Designs Child
    Theme URI:      http://example.com/
    Description:    Child theme form the Pinboard theme
    Author:         Your name here
    Author URI:     http://example.com/about/
    Template:       pinboard
    Version:        1.0
    */
    
    @import url("../pinboard/style.css");

    Zie je dat bij Template de folder naam van het originele thema wordt gebruikt.
    Zou je daar Pinboard gebruiken dan kan het wel eens mis gaan als de folder pinboard heet.

    Dat zelfde doe je bij de @import die twee puntjes staan voor één stapje terug in de folder structuur, oftewel ga UIT de one-designs folder en dan IN de pinboard folder en lees style.css . De stylesheet van het originele thema.

    Als je dat doet heb je een 100% Child-Theme aangemaakt en wat je nu moet gaan doen is ALLEEN de stijlen veranderen in de style.css van het one-deisgns thema dat jij wilt veranderen.
    Je hoeft dus niet alle stijlen van pinboard mee over te nemen want dat doet de @import al. Deze zorgt er voor dat eerst style.css van het pinboard wordt gelezen door de browser en daarna jouw eigen nieuwe style.css maar omdat die van jouw als laatste wordt gelezen is deze altijd geldig boven die van de pinboard.

    Zo simpel is het eigenlijk.
    Een child thema is eigenlijk niets meer dan 95% van het originele thema en 5% eigen aanpassingen en die laatste staan alleen in een andere folder om te voorkomen dat deze uitgewist worden wanneer de eigenaar van Pinboard beslist een update door te voeren.

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Permanente foutmelding 'Stijlblad ontbreekt'’ is gesloten voor nieuwe reacties.