Reacties op pagia

Ik heb bij een pagina gekozen voor het showbar-sjabloon

Ik weet niet goed of je

• showcase sjabloon
• of de
• sidebar sjabloon

bedoelt.

Ik vermoed de eerste.
Zoals je wrsch al hebt bemerkt, werkt het met de sidebar sjabloon wel.

Wat te doen?
Maak een kopie van de sidebar sjabloon en de showcase sjabloon.
Combineer de code van beide om een nieuw sjabloon te maken aar je wens.
Sla dat op onder een andere naam en kies die sjabloon om je pagina weer te geven.

Concreet:

Voeg toe aan de kopie van ‘showcase.php’:

<?php comments_template( '', true ); ?>
en bekijk het resultaat

Zie: http://pastebin.com/SttGZsLb

Kopieer het bestand als ‘myxtra.php’ naar de map van je 2011-theme.
In de editor zie je nu een nieuw sjabloon.

.entry-content{
         width:87%;
         }

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. 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;
   – 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, installeer dan bijv de browser-add-on ‘firebug’ of een andere webdeveloper plugin / add-on.

Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren etc. aanpassen.

Frans,

Allereerst een dringend advies:
Als je vastloopt, is het aanbrengen van [vele] verdere veranderingen risicovol. Met name omdat het ’teruggaan naar een eerdere werkende situatie’ moeilijker wordt.

En verder:
Maak regelmatig een back-up -VOOR- het aanbrengen van wijzigingen!

== == == het menu in het childtheme:

heb je een childtheme aangemaakt?

1. dashboard > Weergave > menu’s
2. Bovenaan in het ‘menu-scherm’

   Selecteer een menu om te wijzigen:

3. Kies het menu dat je eerder hebt aangemaakt
4. sla de wijzigingen op

Waarom dit alles?
Een Childtheme is een theme. Dus moet je hier aangeven welk menu je wilt gebruiken, net als met overige themes.

== == == Het gebruik van een childtheme:

In principe is een eigen map met een style.css dat verwijst naar de ‘parent’ voldoende voor een werkend childtheme.

Alleen als je bestanden uit de parent gaat aanpassen, zoals bijv ‘header.php’, of ‘showcase.php’, kopieer je DIE bestanden naar de child-map. De aanpassingen doe je dan in DIE bestanden in de childmap.

Concreet:

1. Verwijder de eerder overgezette bestanden uit de childmap
2. Kopieer ‘showcase.php’ naar de childmap
3. Pas ‘showcase.php’ aan en geef het een nieuwe naam, bijv: ‘MijnNieuweIndeling.php’
4. OPGELET!! == == NB!! Controleer of de KOP van dit bestand de juiste [=aangepaste naam] heeft bijvoorbeeld
5. `<?php
   /**
   * Template Name: MijnNieuweIndeling Template
   * Description: Aangepaste template MET reactie mogelijkheid. A Page Template that showcases Sticky Posts, Asides, and Blog Posts
   *
   * The showcase template in Twenty Eleven consists of a featured posts section using sticky posts,
   * another recent posts area (with the latest post shown in full and the rest as a list)
   * and a left sidebar holding aside posts.
   *
   * We are creating two queries to fetch the proper posts and a custom widget for the sidebar.
   *
   * @package WordPress
   * @subpackage Twenty_Eleven
   * @since Twenty Eleven 1.0
   */`
6. Sla op als MijnNieuweIndeling.php,in de map van je childtheme
7. Als je dit over het hoofd ziet, wijzigt de oude, niet de nieuwe situatie, zoals je boven beschrijft 😉
8. Als je dit alles correct hebt gedaan, ziet je pagina er nu anders uit: = met reactiemogelijkheid.
9. Om nu de volle breedte te realiseren:
   Plaats onderstaande code in ‘style.css’ van je childtheme
10. Browser: <Ctrl-F5> om te verversen.

Sorry, de code is de code die ik eerder erboven heb gegeven.

De uiteenlopende benamingen kan ik niet verklaren, anders dan ‘vertalings inconsequenties.

Kopieer het sjabloon, maak de wijzigingen en sla onder een andere naam op.
Daarna pas de marges aan zoals hierboven gezegd.
Het percentage kan je naar eigen inzicht aanpassen.

– de @import functie vervangen door de volledige inhoud van style.css van Twente Eleven. (zodat ik dus de origine style.css van Twenty Eleven heb.

In feite heb je nu een heel ‘eigen’ theme gemaakt. Hiermee help je het principe van een chiltheme om zeep.
De PARENT moet ‘de baas’ blijven om de voordelen van updates an upgrades te behouden.
Advies: ‘repareer’het childtheme / maak een nieuwe aan.
Ik heb naar de huidige ’testpagina’ gekeken.
Wat er nu staat is -afgezien van de breedte van het text-gebied / resp. de breedte van de marges, vergelijkbaar met de http://www.fransveltkamp.nl/wp/?page_id=2264 bladzijde.

In de huidige situatie, ontbreekt de titel en de gegevens van auteur etc. Het lijkt er op dat je die steeds zelf vormgeeft, kijkend naar ‘cuba-pagina.’

article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 1.625em 0 0.625em;
	width:85%
}

Voeg bovenstaande toe aan een echt childtheme!!
Is dat gelukt, vertel dan meer precies waar je niet tevreden over bent, zodat ik het ook kan ‘zien’ en je op weg kan helpen.

Mocht je geinteresseerd zijn in info over HTML en CSS en redelijk engels spreken,
Kijk dan eens bij ‘lynda.com’ zij hebben video cursussen op allerlei gebied en op elk niveau. Niet gratis, wel goed!

Ook zijn er her en der NL sites met meer info over WP.