Childtheme maken voor woocommerce integratie

  • Opgelost midgard55

    (@midgard55)


    9 jaren, 8 maanden geleden

    Ik heb de map twenty twelve child aangemaakt en die staat nu in wpcontent/themes
    Ik maak gebruik van een childtheme omdat ik mijn Woocommerce webwinkel wil integreren met mijn theme Twenty Twelve en dus geen gebruik wil/kan maken van een eigen Woocommerce theme.
    Op dit moment wil ik met het child theme 2 zaken regelen:
    Ik wil op de Woocommerce pagina winkel – net als de homepagina http://www.aangenamerleven.nl – geen sidebar hebben en de producten die daar getoond worden breeduit etaleren. Nu staan ze te dicht op elkaar en overlapt de tekst Toevoegen aan winkel wagen elkaar (http://www.aangenamerleven.nl/winkel/ )
    Ik wil graag de weergave van de uitgelichte product afbeelding hier regelen, want bij instellingen werkt het niet.
    Ik heb met kladblok style.css en functions.php aangemaakt. Als ik in Verkenner ga kijken dan zie ik dat het style.css is opgeslagen als style en het nu Document met trapsgewijs opmaakmodel genoemd wordt. En de functions.php is een tekstdocument. Klopt dit?
    Als ik in kladblok het bestand style.css noem dan zie ik in verkenner alleen style als naam staan. Ik heb de naam even veranderd in style.css maar als ik het bestand dan upload naar de map theme, zie ik weer staan style.css.css Dus dat heb ik maar weer herbenoemd als style.css. Voor functions.php zag ik in de map theme opeens als bestandnaam staan functions.php.txt. dat heb ik maar herbenoemd als functions.php

    Als ik naar dashboard/weergave/themes ga zie ik eerst alle thema’s en als laatste mijn twentytwelve-child.
    Als ik die activeer wordt mijn home pagina een rotzooitje, en als ik niets doe in de hoop dat het child theme automatisch wel in werking treedt, blijkt er niets te veranderen/gebeuren. Kortom hoe activeer ik het child theme

    De inhoud van mijn style.css bestand is:
    /*
    Theme Name: Twenty twelve Child
    Theme URI: http://aangenamerleven.nl/twenty-twelve-child/
    Description: Twenty Twelve Child Theme
    Author: Derk Postema
    Author URI: http://aangenamerleven.nl
    Template: twentytwelve
    Version: 1.0.0
    Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
    Text Domain: twenty-fourteen-child
    */

    @import url(“../twentytwelve/style.css”);

    /* =Theme customization starts here
    ————————————————————– */
    @media screen and (min-width: 600px)
    .site-content {
    width: 100%%;
    }

    De inhoud van mijn functions.php bestand is:
    <?php //Open-tag

    remove_action (‘woocommerce_sidebar’, ‘woocommerce_get_sidebar’, 10);

    ?> //Sluit-tag

    Gaat het met deze codes überhaupt werken?

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 8 maanden geleden

    Hi,

    Activeer zo nodig eerst het originele theme

    == == == Heb je nog geen childtheme?
    [zelf een childtheme ‘maken’ gaat nogal eens mis. De plugin voorkomt storende foutjes… ;)]

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

      6. ==

    6. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
    • Gebruik een FTP-programma bijvoorbeeld filezilla om je site te benaderen
    • open de map van je childtheme
    • gebruik een code-editor bijv. ‘NOTEPAD++’ [gratis] om het bestand ‘style.css’ van je childtheme te bewerken
    • voeg bovenstaande code toe aan ‘style.css’ van je childtheme > sla alle wijzigingen op
    • UPload de aangepaste ‘style.css’ naar de map van je childtheme [en overschrijf]
    • browser: druk <CTRL-F5> om je browser te verversen
    • bekijk het resultaat

    – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    == == == Extra

    Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen,rechtsklik en kies ‘element inspecteren’.

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

    Thread starter midgard55

    (@midgard55)

    9 jaren, 7 maanden geleden

    vriendelijk bedankt en mijn probleem is inmiddels opgelost

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Childtheme maken voor woocommerce integratie’ is gesloten voor nieuwe reacties.