Ondersteuning » Thema en CSS/opmaak » Zelf aanpassen van mijn content/menu

  • Beste,

    Ik wil graag zelf de vormgeving aanpassen van mijn webpagina, maar op één of andere manier lukt dit niet. http://www.gossipboy.nl.

    Graag zou ik het witte vlak boven het menu wat smaller maken, en het menu dat rechtsonder verschijnt met widgets. niet onder elkaar hebben maar naast elkaar aan de onderkant van de pagina. Verder zou ik boven in het witte vlak aan de rechterkant mijn logo of een advertentie plaatsen. Maar eigenlijk komt het er gewoon op neer dat ik niet weet waar ik dit moet doen. Ik heb een style.css file maar deze bevat alleen:

    /*
    Theme Name: Expound
    Author: Konstantin Kovshenin
    Author URI: http://kovshenin.com
    Description: An awesome magazine theme for your WordPress site. Responsive layout, post thumbnails support, featured posts, an easy-to-use social menu and much more.
    Version: 2.0.1
    License: GNU General Public License
    License URI: license.txt
    Tags: black, blue, white, light, one-column, two-columns, right-sidebar, editor-style, responsive-layout, custom-header, flexible-header, custom-background, featured-images, custom-menu, post-formats, sticky-post, threaded-comments, translation-ready, full-width-template, buddypress

    This theme, like WordPress, is licensed under the GPL.

    Expound is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
    */

    @import url(‘css/reset.css’);
    @import url(‘css/expound.css?v=20140129’);
    ———————–
    Verder heb ik een rtl stylsheet (rtl.css) die helemaal gevuld is met ‘codes etc’ maar wat ik hier ook in aan lijk te passen dit lijkt niet te worden doorgevoerd. Waar kan ik wijzigingen aanbrengen zoals bijvoorbeeld de kleur van mijn tekst(en kan dit niet gewoon met HTML?) zodat dit ook wordt overgenomen.

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

    Dat zijn een hoop vragen… 😉 laten we eens kijken hoe ver we komen.

    == == == maken, en het menu dat rechtsonder verschijnt met widgets. niet onder elkaar hebben maar naast elkaar aan de onderkant van de pagina.

    ??Ik veronderstel dat je hier de widget ‘meest recente berichten’ bedoelt??
    Wat je hierboven beschrijft is een ‘footer’ met menu’s en widgets.

    Het theme ‘EXPOUND’ dat jij gebruikt, heeft één ‘gewoon’ menu en een ‘social menu’= sterretjes met menu-links [rechts van het ‘gewone menu’].

    >>Verder:Op de home-page staan de foto’s met titeltekst, onderaan in de footer.

    Dit theme is dus niet geschikt om een footer te gebruiken zoals jij het wenst… ;-(( [als ik je vraag goed begrijp…?!]

    ADVIES:

    Ga op zoek naar een theme dat LIJKT op EXPOUND, maar met mogelijkheden zoals jij die hier wenst / beschrijft. Het testen van themes is heel eenvoudig:

      De INHOUD van je site blijft bewaard, het UITERLIJK verandert…

    1. zoek
    2. installeer en activeer
    3. test
    4. niet tevreden? zoek een ander theme of her-activeer het originele theme
    5. tevreden: her-activeer menu’s en widgets
    6. pas je site verder aan naar wens…

    == == == het witte vlak boven het menu wat smaller
    Aangenomen dat ‘now trending’ etc. het menu van je site is, zie ik GEEN witruimte BOVEN je menu…

    ONDER je menu zie ik nog wat witruimte. Om dat te verkleinen…
    >>Pas de waarden aan naar wens

    header.main-header{
        min-height:90px;
        margin 0;
        padding: 0;
        }
    
    div#header {
        max-height:65px !important
        }
    h1#logo {
        max-height:60px;
        margin: 0px;
        padding 115px;
        }
    iframe#google_ads_frame1 {
        padding-top:0 !important;
        }

    == == == Verder zou ik boven in het witte vlak aan de rechterkant mijn logo of een advertentie plaatsen.

    ’t Is misschien het handigst als eerst meer duidelijk is vwb de eerste twee / bovenstaande zaken??

    Thread starter bradammer

    (@bradammer)

    Beste WP,

    Dank voor je bericht. Ik heb zelf wat onduidelijkhed gecreerd denk ik, omdat ik al van theme gewisseld ben en overgestapt op een nieuw thema. Bedankt voor je terugkoppeling. De bovenste code die jij mij stuurt waar moet ik deze plakken/aanpassen in de style.css? Of in 1 van de andere .php files?

    Hi,

    Ik heb zelf wat onduidelijkheid gecreerd denk ik…

    Ja, dat klopt, maar kijkend naar het juiste theme ‘POINT’, geldt hetzelfde vwb de voettekst /wensen voor de voettekst.

    Ook dit theme doet niet wat je hierboven beschrijft. Als dit een belangrijk punt is: ga op zoek naar een ander theme. Suggestie gebruik het ‘eigenschap filter’ van de theme-zoek-functie:

    ‘dashboard > weergave > thema’s > ‘nieuwe toevoegen’ > ‘eigenschap filter’

    Zoals gezegd: je kan thema’s eenvoudig ’testen’ / bestuderen en eenvoudig vervangen als hij niet bevalt, zonder risico voor de inhoud van je site.

    == == ==
    !!!opgelet!!!
    PHP-bestanden hebben NIETS te maken met dit soort aanpassingen…
    Het aanpassen van php-bestanden is voor deskundigen! Een fout == een niet werkende website!!!
    == == ==

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

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

    == == == 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 moeten maken in de originele php-bestanden, -pas op – kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Zelf aanpassen van mijn content/menu’ is gesloten voor nieuwe reacties.