7 juni 2010

css style sheet bewerken

Thesis aanpassen met aangepast custom.css

Opmerking: Vanaf Thesis 1.6, een Custom File Editor is beschikbaar vanuit de WordPress admin panel, waarmee u wijzigingen aanbrengen in uw aangepast custom.css (En custom_functions.php) Zonder de noodzaak voor een externe tekst-editor of FTP-programma.
En daar ging het dus fout met de hartstikkende handige vertaaltool van google. Die vertaalt automatisch alle engelse tekst. En dus ook in de stylesheet. En dan werkt Wordpress dus niet meer. Ik ga vandaag Thesis proberen te tweaken om de breadcrumbs (lettergrootte en kleur plus padding) aan te passen. Dus als de site http://www.tenthuisopvlie.datact.nl uit de lucht is dan weten jullie waarom.

Hier volgt nederlandse vertaling van het gebruik van custom.css



 installeren en activeren van Thesis op je blog, is de kans groot dat u wilt aanpassen iets over het display van uw site - een kleur, een grens ... misschien vetgedrukte tekst is niet vet genoeg.
Wat ook het geval kan zijn, je wilt Thesis tweaken totdat het is precies goed. Goed voor u, en hier is hoe.
Als je eerste stelling is geïnstalleerd, u hebt uitgepakt een map genaamd / Scriptie uit het pakket te downloaden. Binnen dat map is een ander, genaamd / Op maat. Deze map, op passende wijze is het verband van de stelling van maatwerk.
Er zijn twee bestanden binnen de / Thesis / custom map die gebruikt kan worden voor uw specifieke aanpassingen: aangepast custom.css en custom_functions.php. Laten we focussen op aangepast custom.css voor het moment.
Terwijl de gevorderde gebruikers kan het gemakkelijkst te bewerken aangepast custom.css met een server-side file editor, zoals die beschikbaar zijn in een command-line interface, de rest van ons zal het bewerken van de aangepaste bestanden op onze computers.

Openen. Bewerken. Opslaan. Uploaden.

Dit proces is eenvoudig genoeg.
  1. Open Kladblok (Start -> Uitvoeren ... -> "notepad" -> OK) of een vergelijkbare teksteditor en gebruik deze om te openen aangepast custom.css.

    Gebruik geen tekstverwerkers, zoals Microsoft Word die kunnen toevoegen gespecialiseerde tags of andere code die je zou kunnen vergaan aangepast custom.css bestand. Oh, en nooit, nooit bestanden opslaan voor het web als 'Rich Text. "
  2. Maak alle veranderingen die je wilt maken, en sla het bestand.
  3. Tot slot, gebruik dan een FTP programma om het bestand uploaden naar uw website, zorgen dat het wordt opgeslagen in de / Wp-content/themes/thesis/custom map.
  4. Bekijk uw blog (na het wissen van je browser cache, indien nodig) om uw aanpassingen te controleren.

Wat is CSS?

CSS staat voor "Cascading Style Sheets." Het is een vrij eenvoudige taal die wordt gebruikt om te bepalen hoe elementen van een webpagina worden weergegeven. Deze stijlen zijn over het algemeen gedefinieerd in afzonderlijke bestanden - in het geval het proefschrift ', deze bestanden worden style.css en / Custom / aangepast custom.css - Maar ze kunnen ook gedefinieerd worden in HTML code zelf.
Er zijn verschillende voordelen aan het gebruik van extern gedefinieerde stijlen over stijlen binnen uw pagina's:
  • Externe bestanden kunnen worden gecached. Een browser zal alleen nodig om uw bestand te downloaden stijl een tijd, maar het kan gebruikt worden voor duizenden pagina's van uw site. Dit resulteert in een iets sneller page-load tijden voor uw gebruikers, en het bespaart u bandbreedte gebruik!
  • Externe bestanden zijn flexibel. Als u bepalen hoe een header op uw site elke keer als je weer een header eruit ziet, wat er gebeurt als je ooit wil die blik op de gehele site te veranderen? U raadt het al: je moet de stijl je gebruikt elke keer te veranderen. Wat een pijn! Met behulp van extern gedefinieerde stijlen, zoals stelling doet, alles wat je hoeft te doen is het bestand veranderen in een plaats en de stijl wordt toegepast op uw hele site, bespaart u ton tijd!
Basic CSS-code is geformatteerd als volgt uit: selector (pand: waarde;)
keuzeschakelaar
De selector bepaalt wat je juist wilt stijl. Het zou een HTML element, zoals H1 of ADRES, Een klasse of een ID, zoals . Zijbalk of # Logo, Of het kan een combinatie van verschillende dingen.
eigendom
Het pand wordt aangegeven welk deel van de selector die u wilt wijzigen. Zo kan u wilt wijzigen van de font-family van een bepaalde titel of wijziging van de background-color van een ander. Zo ongeveer alles over een element op uw pagina kan worden veranderd met stijlen!
waarde
De waarde definieert wat u wilt het pand (zie boven) in te stellen. Bijvoorbeeld, als uw eigendom is lettergrootte, Moet je waarde kan worden 1.2em. Mogelijke waarden variëren sterk, afhankelijk van welke onroerend goed wordt vormgegeven.
Voor meer informatie over de syntaxis van CSS, Bezoek W3Schools.
Wat moet je aanpassen eerste? Uitchecken onze uitleg over het toevoegen van je eigen achtergrond - zowel effen kleuren en beelden - Thesis; Toevoegen van een achtergrond is een snelle en gemakkelijke manier om je scriptie installatie te onderscheiden van de anderen!

Meer van het Support Forum

De mate waarin proefschrift kan worden vormgegeven met behulp van aangepast custom.css is beperkt tot uw verbeelding en codering / design vaardigheden. De DIY Thema's Forums bevat tal van voorbeelden van het proefschrift van aanpassingen die door onze gebruikers hebben uitgeprobeerd, en u bent uitgenodigd om uit te checken het proefschrift Showcase om te zien wat anderen hebben gedaa

Geen opmerkingen:

LinkWithin

Related Posts Plugin for WordPress, Blogger...

rubrieken

404-pagina (3) adobe (1) afbeeldingen (3) akismet (2) app (1) apple (3) archief (2) archiefpagina (1) backgrounds (1) backup (4) banner (2) bic (1) bloggen (2) bouw website (5) breadcrumbs (1) browser (1) brushes (1) buitengewoon verlof (2) checklist (1) clickable afbeeldingen (1) codepress (1) communicatie (1) contactform (1) controle website (2) cookies (1) CreArtions (1) creative suite (1) css (2) cursus (7) custom file editor (1) DataCT (2) design (6) designerdigitals (1) digitaal briefpapier (3) DIV (1) domeinnaam (3) drukwerk (8) DVD (2) e-books (1) e-commerce (1) email (2) Email newsletter (1) envato (1) error-pages (1) feedburner (1) feeds (1) Filezilla (1) Flash (2) Flickr (2) fonts (14) footer (4) formulier (1) foto (5) foto's (2) foto's uitwisselen (1) fotocollages (1) frameworks (1) free downloads (1) functies (1) gadget (1) gadget. (1) gebruikers (1) gedachtenspinsels (5) gemeente Harderwijk (1) generators (1) Genesis (8) Gmail google (1) google (6) google analytics (2) google sitemap (1) haken (2) handige tips (19) handige websites (23) header (2) héél makkelijk (1) helpdesk (1) het begin (1) homework (1) hooks (2) hosting (5) htaccess (3) html-code (1) humor (25) i-cloud (1) i-work (1) iban (1) iBooks (1) iconen (1) id (1) ideal (2) iMac (1) inschrijven nieuwsbrief (3) Internet Explorer (2) ipad (1) iphone (2) iPod (1) ipp (1) iTunes (1) joost (1) kaart (1) keynote (1) kleuren (5) kruimelpad (1) landingspagina (1) leesvoer (4) let op (1) lettertypen (4) leuke websites (3) Lifehacking (6) LinkedIn (1) links (2) literatuur (2) logo (6) luchtig leesvoer (18) mac (12) Mad Mimi (1) MailChimp (2) MALVA (7) marketing (1) metatags (3) muziek (2) navigatie (1) nederlands (1) nederlandstalig (2) new release (1) nieuwsbrief (1) Office 2011 (1) ontwerp (8) ontwerp bord (1) ontwerp kadobon (1) ontwerp logo | visitekaartje (8) Op Vlie (9) opdrachten (1) open hook (1) opleveren website (4) origineel (1) os-commerce (1) overzicht (2) permalinks (1) photobewerki (1) photoshop (31) php (1) php code (1) picasa (2) plugin (50) plugin (2013) (1) Plugin WordPress Seo en WP Cache (1) portfolio (15) poster (3) posterino (2) presentaties (2) prezi (1) Pronamic (1) publisher (1) Punchcut (2) redirect (2) responsive design (1) rss (2) SEO (17) sidebars (1) sitemap (1) sitemaps (1) sjabloon (1) snelheid (1) social media (8) software (1) spam (1) spelling (3) spreuk van de dag (3) stockfoto's (1) taal (54) tekstverwerking (1) Theme THESIS (32) themes (8) thesis (3) tip (1) tips (7) tips en trics (36) TITAN (3) titeltag (1) top-design (2) top-designer.nl (6) tuts (2) Twenty Eleven (1) twitter (2) update (1) upgrade (1) video (1) visitekaartjes (3) webdesign (1) webshop (3) website bouwen (15) webteksten (5) webwinkel (3) widgetized (1) widgets (1) wist je dat (2) WOO (2) wooCommerce (1) WordCamp NL (1) wordpress (34) wordpress 3.0 (3) WordPress 3.2 (1) wordpress 3.3 (2) WordPress mediabeheer (1) WordPress mobiel (1) WordPress plugin (23) WordPress tv (1) WordPress Twitter (1) WordPress update (1) wordress 3.3 (1) wp 3.0 (1) WP Page Numbers (1) wp paginanrs. (1) WP plugin (1) wp print (1) you tube (1) zoekbalk (1)