Support » CSS / opmaak vragen » Blog styling aanpassen

  • Ik hoop dat iemand mij even met de volgende aanpassingen kan helpen:

    In mijn blog staat nu lees meer (read more dus 🙂 ), written, next page by etc. in het Engels. Hoe kan ik dit aanpassen naar het Nederlands?

    Ook de datum staat op zijn engels (Aug 18 2015 bijvoorbeeld). Hoe verander ik dat?

    ‘Written by’ zou ik overigens graag weg willen hebben. En de opmaak van de tags en categorien mag ook anders. Hoe werkt dat?

    En tot slot lijkt mij een scheidingslijn tussen de ene en andere blog mij ook wel zo overzichtelijk. Hoe doe ik dat?

    Ik gebruik trouwens het thema Altitude Pro wat is gebouwd op Genesis.

    Mijn site is nog in aanbouw maar voor wie wil kijken: wlc.stromen.eu

    Dank je wel alvast!!!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Hi,

    Ook de datum staat op zijn engels (Aug 18 2015 bijvoorbeeld). Hoe verander ik dat?

    1. log in
    2. Dashboard > Instellingen > Algemeen
    3. scroll naar ‘datumnotatie’ > selecteer de gewenste datum-opmaak
    4. sla alle wijzigingen op
    5. browser: <CTRL-F5> = browser verversen

    ‘Written by’ zou ik overigens graag weg willen hebben. En de opmaak van de tags en categorien mag ook anders. Hoe werkt dat?

    Hier zijn vele opties. Je kan ze zonder problemen veilig proberen. Kies wat bij jouw wensen past. Hier wat voorbeelden:

    /*ALLE info onzichtbaar*/
    .entry-info{
       display:none;
    }
    /*verwijder je naam*/
    p.entry-author {
       display:none;
    }

    De TEKST ‘Written by’ staat ergens in een php-bestand bijv. ‘blog.php’
    !!Maak een reservekopie van dit bestand.!!
    Verwijder alleen de ongewenste tekst. Laat de code intact!

    klein beetje anders...
    .entry-author {
       display:none;
    }

    geen categories

    span.entry-categories {
       display:none;
    }

    En tot slot lijkt mij een scheidingslijn tussen de ene en andere blog mij ook wel zo overzichtelijk. Hoe doe ik dat?

    header.entry-header {
       border-top:#000 solid;
       padding-top:40px;
    }

    Voor de opmaakwensen van tags en categorieen heb ik meer precize info nodig…

    == == == WAT NU TE DOEN MET DEZE CODE…

    Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
    Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.

    Alternatief: Voeg bovenstaande code toe aan style.css van je CHILDtheme.
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
    Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

    Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

    == == == Heb je nog geen childtheme?

    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. ==

    7. 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.

    == == == ik wil echt GEEN childtheme [en begrijp het probleem van het aanpassen van het originele theme…]
    Zet de bovenstaande code dan ONDERAAN het bestand ‘style.css’ van je thema. Ververs je browser <CTRL-F5>.
    == == ==

    Dank je wel voor je reactie.

    Ik heb gisterenavond de plugin Genesis Translations geïnstalleerd. Dat zorgde i.i.g. voor een deel van de vertalingen. In mijn blog staat echter nog steeds ‘Written by’ · ‘Categorized’ en ‘Tagged’.

    ‘Written by’
    ‘Written by’ als tekst wil ik graag helemaal weg. Mijn naam verdwijnt wel met jouw code, maar dat is eigenlijk niet wat ik bedoel 🙂 Dat heb ik dus weer ongedaan gemaakt.

    Een blog.php zit niet in de child. In de moeder (Genesis) komt ik dit tegen:
    <?php
    /**
    * Genesis Framework.
    *
    * WARNING: This file is part of the core Genesis Framework. DO NOT edit this file under any circumstances.
    * Please do all modifications in the form of a child theme.
    *
    * @package Genesis\Templates
    * @author StudioPress
    * @license GPL-2.0+
    * @link http://my.studiopress.com/themes/genesis/
    */

    //* Template Name: Blog

    //* The blog page loop logic is located in lib/structure/loops.php
    genesis();

    Maar dan? Waar vind ik die ‘lib’?

    ‘Categorized’ en ‘Tagged’
    Zou ik graag veranderen in Categorie en Tags. Hoe doe ik dat dan?

    Datum
    Ik heb gekeken naar de instellingen zoals jij aangeeft maar die stonden al goed en daar iets veranderen werkt niet door in de blogpagina. Heb je nog een andere tip?

    Scheidingslijn
    De code voor de scheidingslijn heb ik in de css gezet en dat werkt :-). Alleen staat die nu ook op elke andere pagina. Kan dat ook alleen bij de blog? Bij de rest is het iets ‘too much’ 🙂

    Dank je wel weer alvast!

    Ik wens je een fijne dag,

    Ellen

    Hi Ellen,

    //* The blog page loop logic is located in lib/structure/loops.php
    genesis();
    Maar dan? Waar vind ik die ‘lib’?

    >> Je moet op zoek naar de map ‘../lib/structure/loops.php’.
    Die zit wrsch in een map van de PARENTtheme =genesis.

    >>Heb je dit bestand gevonden?

    1. !!KOPIEER dit bestand naar de map van het CHILDtheme!!
    2. open deze kopie in een code-editor [bijv. ‘Notepad++’ = gratis]
    3. pas de TEKST aan, maar laat de code intact
    4. sla alle wijzigingen op en her-upload
    5. <CTRL-F5> ververs de browser

    == == ==Lijn alleen boven blog-berichten

    Ik heb het niet kunnen testen, maar ik denk dat je de eerder opgenomen code moet veranderen:

    .blog .entry-header {
       border-top:#4E3C26 solid 2px;
       padding-top:40px;
    }

    Yes, met die lijn is het nu gelukt! Top!

    Voor ‘Written by’ ga ik op zoek.

    Heb je ook nog tips voor mijn ander twee vragen uit mijn vorige berichtje:

    ‘Categorized’ en ‘Tagged’
    Zou ik graag veranderen in Categorie en Tags. Hoe doe ik dat dan?

    Datum
    Ik heb gekeken naar de instellingen zoals jij aangeeft maar die stonden al goed en daar iets veranderen werkt niet door in de blogpagina. Heb je nog een andere tip?

    warme groet,
    Ellen

    Hi Ellen,

    Mooi dat je stap voor stap voortgang boekt.

    ‘Categorized’ en ‘Tagged’
    Zou ik graag veranderen in Categorie en Tags. Hoe doe ik dat dan?

    Zoals je al gemerkt hebt, zijn niet alle thema’s juist en / of volledig vertaald. Daarbij komt nog ‘Altitude Pro’ is een commercieel thema. Dat wordt alleen door de makers ondersteund. Wij kunnen daarom niet ‘onder de motorkap kijken’.

    Suggesties:

    == == ==staat wp in het Nederlands?

    • heb je een NL versie van WP geïnstalleerd?
    • staat NL als gewenste taal ingesteld?
    1. FTP:gebruik een FTP-programma om je site te benaderen
    2. open het bestand ‘wp-config.php’ met een code editor [bijv. ‘Notepad++'(gratis)]
    3. controleer:
      /**
       * WordPress Localized Language, defaults to English.
       *
       * Change this to localize WordPress.  A corresponding MO file for the chosen
       * language must be installed to wp-content/languages. For example, install
       * de.mo to wp-content/languages and set WPLANG to 'de' to enable German
       * language support.
       */
      define('WPLANG', 'nl_NL');
    4. controleer de map ‘/…/wp-content/languages of je ‘nl_NL.mo’ en ‘nl_NL.po’ bestanden hebt.
    5. Controleer bij de makers van je theme -op HUN site dus- of zij bestanden hebben met de vertalingen voor hun thema’s
    6. JA: installeer deze bestanden en ververs je browser

    Is bovenstaande allemaal GEEN optie, dan kan je

    1. zelf een .MO en .PO bestand maken, of
    2. in de php-bestanden op zoek gaan naar TEKSTgedeelten zoals ‘categories’ en deze handmatig vervangen… ;( een …piep…klusje.
    3. !!!Laat de rest van de code intact!!!

    Kijk verder ook eens naar:
    https://codex.wordpress.org/Installing_WordPress_in_Your_Language

    == == == datumopmaak

    Het kan zijn dat -naast de algemene instellingen van wp- je theme ook ergens instellingen heeft staan voor de datum-opmaak.
    Het theme is een afgeleide van het ‘Genesis framework’ Controleer ook daarin of de datum-opmaak naar je wens is ingesteld!

    Daar waar je in php-bestanden een datum-aanduiding tegenkomt, controleer // wijzig de opmaak dan zo nodig in ‘j F Y’ om de gewenste volgorde te krijgen.

    — — — ten overvloede…;)

    Eerder schreef je: Ik hoop dat iemand mij even [ff]met de volgende aanpassingen kan helpen…

    …effe(n) is een egale kleur ;)…

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Blog styling aanpassen’ is gesloten voor nieuwe reacties.