Aangemaakte reacties

15 reacties aan het bekijken - 601 tot 615 (van in totaal 664)
  • Je kunt je php ook bewerken in de administratie van WordPress Weergave > Bewerker /theme editor.

    Het is aan te bevelen te werken met een childtheme als je dat gaat doen. Instructie-video

    Met de plugin WP editor creer je een file-manager binnen de theme-editor. Dan kun je nieuwe mappen /files maken.

    groet,
    Lianne

    Forum: Thema en CSS/opmaak
    In antwoord op: Aanpassen tekstvak

    Wellicht een beetje lullig vermeld, maar inderdaad kun je met wat uitbreiding van voornamelijk je css kennis inderdaad heel veel bereiken. Jouw theme heb ik voor klant yogavoormama (dot) nl toegepast. Geheel in eigen huisstijl gebracht met in eerste instantie voornamelijk css-aanpassingen en (beperkt) php-aanpassingen.

    Op w3schools.comvind je de basis info over toepassing van css.

    In jouw geval: achtergrondkleur veranderen van een bepaald tekstvak: achterhaal met Firebug / webdevelopper het id / class van dit vlak. In weergave > css bewerken kun je na de inleidende tekst de wijzigingen plaatsen volgens het principe: #ID of .class {background-color: #XXXXXX;}

    #kleurnummers vind je hier

    Succes!
    Lianne

    Hoi,

    In filezilla zie je net als in windows verkenner de mappen/bestanden-structuur van -in dit geval- je site. Je kunt via kopiëren / verplaatsen / hernoemen (of een bestand downloaden naar lokaal op je computer van twentyten, uploaden in je child-theme) bestanden overbrengen. Wees hier niet te bang in. Hou goed bij welke stappen je zet, en blijf controleren; zet zonodig een stap terug.

    Hou in je childtheme dezelfde mappen structuur aan als in twentyten.

    Groet & succes,
    Lianne

    Forum: Thema en CSS/opmaak
    In antwoord op: Koptekst verplaatsen

    Hoi Hurricane,

    Het is mogelijk om van alles & nog wat te verplaatsen, dit kun je met code realiseren. Want jij bent de baas, dat is het goed nieuws.
    We kunnen je hierbij helpen als je een link naar de website kunt geven en je wensen in iets meer detail omschrijft.

    Groet,
    Lianne

    Forum: Code oplossingen gezocht
    In antwoord op: Naar TOP code

    Hoi black lion,

    Dit doe je door de volgende link te maken in de tekst van je bericht te maken (kan op iedere willekeurige plek)

    <a href="#">Terug naar boven (of enige andere tekst/plaatje)</a>

    Wil je ’t mooi kunnen opmaken (bijvoorbeeld met een mooi achtergrondkleurtje) dan zou je deze link een class kunnen geven

    <a href="#" class="terug-naar-boven">Terug naar boven (of enige andere tekst/plaatje)</a>

    In de css-bestand zet je dan .terug-naar-boven {je styling}

    Succes,
    Lianne

    Wat noem je de footer? Misschien is het het beste als je een linkje kunt geven en daarbij uitlegt wat weg moet?
    groet,
    Lianne

    Misschien heb je al een slim vriendje het laten oplossen, maar het kan ook worden weggehaald door een vrij eenvoudig css-trucje. De tekst die jij noemt is ’t post-meta-blokje.

    Zet in je css bestand

    .post-meta {display:none;}

    Dan verdwijnt het, zonder dat je wellicht iets in een php bestand kapot maakt. Je hoeft daar trouwens niet al te bang voor te zijn als je als werkmethode aanhoudt dat je eerst een kopie trekt van het bestand, voor je wijzigingen aanbrengt. Mocht het misgaan, dan kopieer je de oorspronkelijke bestanden er overheen.
    groet,
    Lianne

    Forum: Thema en CSS/opmaak
    In antwoord op: Aanpassen tekstvak

    Welk tekstvlak wil je een andere kleur geven?
    groet,
    Lianne

    Het valt me trouwens op dat je de achtergrondimage voor de body laat ophalen uit een ander domein dan waar uiteindelijk omgaat, namelijk http://www.ruimtevoorrouwen.nl Dit lijkt me niet handig. Het lijkt beter om deze images in je image-map van je productiesite op te nemen

    En nu dan een dubbele groet,die miste in het vorige bericht!
    Succes!

    Lianne

    Hoi Anne,

    Je blog heeft een eigen body class, want die volgt al een eigen template. De class van de blog = blog

    blog.custom-background {
        background-color: #kleurnummer;
        background-image: url("http://www.websitedooranne.nl/wp-content/themes/zeetasty/images/andere-background.png");
        background-repeat: repeat;
        background-position: left top;
        background-attachment: fixed;
    }

    Hoi Dineke,

    Ik zie dat je de vet-probleempjes hebt opgelost, maar het mooi uitlijnen van de icoontjes niet. Voeg hiervoor toe aan je css

    .facebook-icon, .linkedin-icon, .twitter-icon {
    float:right;
    padding-left: 10px;
    }

    Dan staan je apart van de voettekst, mooi rechts uitgelijnd.

    Succes!
    Lianne

    He, de verdeling van de tekst in codeblokken gaat niet helemaal goed. Ik hoop dat je het desondanks kunt lezen.

    Eerder heb ik aangegeven hoe je met pure html hetzelfde bereikt, maar nu dan toch met php, want misschien heb je toch hierin nog rommel staan:

    <footer class="footer">
    
      <p class="footer-copy" role="contentinfo">
        &copy; <?php _e('Copyright','adelle-theme'); ?> <a href="<?php echo esc_url( home_url() ); ?>"><?php bloginfo('name'); ?></a> <?php echo date('Y'); ?>. <?php _e('Powered by','adelle-theme'); ?> <a href="<?php echo esc_url('http://www.wordpress.org'); ?>">WordPress</a>. <a href="pad naar je sitemap" title="Sitemap" class="footer-credit">Sitemap</a>
      </p>
    
    </footer><!-- .footer -->
    
    </section><!-- .container -->
    
    <?php wp_footer(); ?>
    
    </body>
    </html>

    Ik keek nog iets preciezer en zag dat bluechic bleef staan. Dit wordt veroorzaakt doordat in de css aan de footer-credit als achtergrondplaatje een tekstlogootje van bluechic is opgenomen en de tekst met ’n text-indent buiten de site is gefietst. Maar daar was je geloof ik al achter.

    p.footer-copy .footer-credit {
        display: block;
        float: right;
        width: 55px;
        height: 11px;
        background: url("images/footer_credit.png") no-repeat scroll 0px 0px transparent; <strong>verwijder deze declaratie</strong>
        text-indent: -9999px;<strong>verwijder deze declaratie</strong>
        margin-top: 5px;

    He, he, hopelijk gaat het nu wel goed.

    Hoi,

    De leestekens onderaan duiden erop dat je na de afsluiting van een php-aanroep leestekens die typisch zijn voor een php-aanroep hebt laten staan. Je hebt dus ergens een wijziging uitgevoerd in een php-bestand, die niet helemaal goed is gegaan. Het lijkt erop dat dit niet in het footer.php-bestand is gebeurd, maar in een ander (hoofd)bestand. Welke heb je nog meer gewijzigd? Page.php? index.php?

    Mocht het wel in de footer.php zijn (want daar heb je flink in gerommeld, zie hiervoor) => ik heb hem even nagetrokken.

    Het oorspronkelijke bestand

    <footer class="footer">
    
      <p class="footer-copy" role="contentinfo">
        &copy; <?php _e('Copyright','adelle-theme'); ?> <a href="<?php echo esc_url( home_url() ); ?>"><?php bloginfo('name'); ?></a> <?php echo date('Y'); ?>. <?php _e('Powered by','adelle-theme'); ?> <a href="<?php echo esc_url('http://www.wordpress.org'); ?>">WordPress</a>. <a href="<?php echo esc_url('http://www.bluchic.com'); ?>" title="<?php _e('Adelle theme designed by BluChic','adelle-theme'); ?>" class="footer-credit"><?php _e('Designed by','adelle-theme'); ?> BluChic</a>
      </p>
    
    </footer><!-- .footer -->
    
    </section><!-- .container -->
    
    <?php wp_footer (); ?>
    
    </body>
    </html>'
    
    Eerder heb ik aangegeven hoe je met pure html hetzelfde bereikt, maar nu dan toch met php, want misschien heb je toch hierin nog rommel staan:

    <footer class=”footer”>

    <p class=”footer-copy” role=”contentinfo”>
    © <?php _e(‘Copyright’,’adelle-theme’); ?> “><?php bloginfo(‘name’); ?> <?php echo date(‘Y’); ?>. <?php _e(‘Powered by’,’adelle-theme’); ?> “>Jouw naam. sitemap
    </p>

    </footer><!– .footer –>

    </section><!– .container –>

    <?php wp_footer (); ?>

    </body>
    </html>`

    Succes!
    Lianne

    Oh sorry, het tweede gedeelte van de code had ik nog niet correct.

    `#widget {
    background-image: url(dog.png);
    position: relative;
    top: -..px;
    left (of right): ..px;
    }

    @media screen and (max-width:680px){
    #widget{
    background-image: none;
    }

    Hoi,

    De rode pijl moet je in je css als achtergrondimage koppelen aan je widget-element. Met positionering (negatieve top-waarde, (bv. top: -50px;) krijg je hem boven de widgetruimte.

    Wil je bij een bepaalde schermbreedte de pijl weghebben, dan moet je een mediaquerie gebruiken. Laten we aannemen dat je widgetruimte het id ‘widget’ heeft en dat je de pijl weg wilt hebben zodra het scherm minder breed wordt dan 680px. Je code kan er dan als volgt eruit zien:

    #widget {
    background-image: url(dog.png);
    position: relative;
    top: -..px;
    left (of right): ..px;
    }
    
    @media screen and (max-width:680px){
    	#widget{
    		margin-top:0
    	}

    Succes!
    Lianne

15 reacties aan het bekijken - 601 tot 615 (van in totaal 664)