LianneL
Aangemaakte reacties
-
Forum: Thema en CSS/opmaak
In antwoord op: Logo boven header plaatsen in Twenty TenJe 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,
LianneForum: Thema en CSS/opmaak
In antwoord op: Aanpassen tekstvakWellicht 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!
LianneForum: Thema en CSS/opmaak
In antwoord op: child theme aanpassingenHoi,
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,
LianneForum: Thema en CSS/opmaak
In antwoord op: Koptekst verplaatsenHoi 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,
LianneForum: Code oplossingen gezocht
In antwoord op: Naar TOP codeHoi 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,
LianneForum: Code oplossingen gezocht
In antwoord op: Footer verwijderen.Wat noem je de footer? Misschien is het het beste als je een linkje kunt geven en daarbij uitlegt wat weg moet?
groet,
LianneForum: Thema en CSS/opmaak
In antwoord op: automatische zin aanpassenMisschien 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,
LianneForum: Thema en CSS/opmaak
In antwoord op: Aanpassen tekstvakWelk tekstvlak wil je een andere kleur geven?
groet,
LianneForum: Thema en CSS/opmaak
In antwoord op: Een 'ding' andere kleur gevenHet 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
Forum: Thema en CSS/opmaak
In antwoord op: Een 'ding' andere kleur gevenHoi 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; }Forum: Thema en CSS/opmaak
In antwoord op: footer aligning en bold "verdwenen"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!
LianneForum: Code oplossingen gezocht
In antwoord op: Link onder footer van ThemaHe, 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"> © <?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.
Forum: Code oplossingen gezocht
In antwoord op: Link onder footer van ThemaHoi,
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"> © <?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!
LianneForum: Thema en CSS/opmaak
In antwoord op: Twee logo's in header header plaatsen twenty twelveOh 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;
}Forum: Thema en CSS/opmaak
In antwoord op: Twee logo's in header header plaatsen twenty twelveHoi,
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