Textpattern CMS

#1 2009-04-06 19:11:44

raouldelange

Member

Registered: 2009-04-06

Posts: 37

[nl-nl] Hulp met navigatie (menu) gezocht

Hallo,

Zoals Zerocool, een paar post geleden, ben ik ook een newbie, ook met een navigatieprobleem, alleen wel een ander.
Op mijn blog www.raouldelange.nl/inspiratie (met de template ‘palpable’) wil ik iets veranderen in het submenu ‘articles’ rechts bovenin.
Nu staat er alleen een uitklapmenu’tje met ‘by date’ maar ik wil ook een ‘by name’ er in maken. Tot nu toe heb ik echt al vanalles geprobeerd, maar het wil maar niet lukken. Heeft er iemand een idee wat ik kan doen?

Groet,

Raoul

#2 2009-04-06 21:14:55

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Hallo Raoul, het zou handig zijn als je de code kunt geven van het menu zoals het nu op je pagina staat. En wat is de ‘name’ waarop je wilt sorteren, zo te zien zijn dat nu artikeltitels? Betekent dat dat je als ‘by name’ gekozen wordt gewoon een lijst met namen (= artikeltitels) op bijv. alfabetische volgorde wilt laten zien?

#3 2009-04-08 12:27:22

raouldelange

Member

Registered: 2009-04-06

Posts: 37

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Hoi Els, het is de bedoeling om de artikelen te sorteren op achternaam van de kunstenaar in alfabetische volgorde. Sinds vandaag heb ik een tweede submenuutje gemaak…. bleek makkelijker dan gedacht… maar nu de volgende stap… het sorteren. Kan je me mss daarmee op weg helpen?

Dit is de code van het menuutje

<ul>
	<li class="nav_articles"><a href="#articles" title="Articles">Articles</a> <span><txp:section name="articles">by date</txp:section></span>
<span><txp:section name="articles">by name</txp:section></span>
	<li class="nav_images"><a 
href="#images" title="Images">Images</a> <span><txp:section name="image">Archives</txp:section></span></li>
	<li class="nav_links"><a href="#links" title="Links">Links</a> <span><txp:section name="links">Archives</txp:section></span></li>
	<li class="nav_about"><a href="#about" title="About">About</a> <span><txp:section name="about">More</txp:section></span></li>
</ul>

Groet,

Raoul

(bewerkt: bc. toegevoegd om de code beter leesbaar te maken. -Els)

Last edited by els (2009-04-08 17:20:48)

#4 2009-04-08 18:20:57

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Okee, ik snap het. Het is wel mogelijk wat je wilt, maar er is geen recht-toe-recht-aan oplossing, dus zullen we maar een omweggetje bedenken.

De namen van de kunstenaars zijn de titels van de artikelen, en als je daarop sorteert, sorteer je op de voornaam. Om op de achternaam te kunnen sorteren zou je een custom field kunnen gebruiken, waar je alleen de achternaam invult. Onder beheer > voorkeuren > uitgebreid kun je onder ‘Speciale velden’ de naam van bijvoorbeeld veld 1 wijzigen in bijvoorbeeld ‘achternaam’. In je txp:article tag kun je dan het attribuut sort="custom_1 asc" gebruiken om alfabetisch te sorteren op achternaam.

Maar daarmee ben je er nog niet, want je wilt ook nog een pagina met artikelen gesorteerd op datum. En dan nog een manier vinden om de verschillende artikellijsten te laten zien ;) Want je kunt niet twee links naar dezelfde pagina hebben (/inspiratie/articles/) waarop je dan verschillende inhoud laat zien. Er zijn meerdere oplossingen te bedenken, maar ik zou er zelf voor kiezen om twee artikelen in de sectie ‘articles’ aan te maken, één met de titel ‘By date’ en één met de titel ‘By name’ (bijvoorbeeld). En om te voorkomen dat deze artikelen in je gewone artikellijst verschijnen, moet je ze ‘sticky’ maken, niet ‘zichtbaar’.

In je artikel ‘By name’ zet je zoiets als dit:

<txp:article_custom section='<txp:section />' sort="custom_1 asc" limit="99">
	<txp:if_first_article><ul></txp:if_first_article>
	<li><txp:permlink><txp:title /></txp:permlink></li>
	<txp:if_last_article></ul></txp:if_last_article>
</txp:article>

Denk eraan dat je onder ‘Meer opties’ bij ‘Vormgeving artikel’ voor ‘Tekst niet aanpassen’ kiest, anders krijg je <p> tags om je artikellijst.
In artikel ‘By date’ zet je op dezelfde manier je article tag die je nu hebt voor de ‘by date’ artikellijst, maar verander txp:article in txp:article_custom section='<txp:section />'.

In je menu link je dan naar /articles/by-name en naar /articles/by-date.

Nu nog wat tags op je pagina om alles op de juiste plaats te laten zien:

<txp:if_individual_article>
	<txp:if_article_id id="x,y"><!-- x en y zijn de ID's van 'By date' en 'By name' -->
		<txp:article status="sticky">
			<h3><txp:title /></h3>
			<txp:body />
		</txp:article>
	<txp:else />
		<!-- hier de txp:article tag die je 'normale' artikelen
		moet laten zien, kan ongeveer hetzelfde zijn, maar in
		ieder geval zonder de status="sticky"! -->
	</txp:if_article_id>
<txp:else />
	<!-- hier komt de code voor wat je wilt laten zien
	op de 'normale' sectiepagina /articles/, als je die verder
	niet wilt gebruiken kun je dit deel weglaten -->
</txp:if_individual_article>

Dit is even uit m’n hoofd, heb het niet getest maar ik denk wel dat het zo ongeveer zal werken. Zo niet laat maar weten.

#5 2009-04-10 00:13:10

raouldelange

Member

Registered: 2009-04-06

Posts: 37

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Bedankt Els,

Wat jij in tien minuten typt is voor mij de komende drie weken gepuzzel…
Maar misschien kan je zeggen of ik in de goede richting zit, op zoek naar het juiste stukje code…
Op mn default page staat dit stukje …

<h1 class="hide">Articles</h1>
		<div class="wrapper">
			<txp:if_article_list>
			<div class="content alt" id="archive_date">
				<txp:if_category>
					<h2>Articles about <txp:category title="1" /></h2>
					<dl>
					<txp:article limit="10" form="archive_excerpt" />
					</dl>
					<div class="body paginate">
					<p><txp:newer>&laquo; newer</txp:newer> <span><txp:older>older &raquo;</txp:older></span></p>
					</div>
				<txp:else />

En volgens mij refereert het aan het form ‘archive_excerpt’:

<txp:if_different>
<dt><txp:posted format="%B %Y" /></dt>
</txp:if_different>
<dd><txp:if_different><span class="day"><txp:posted format="%d." /></span></txp:if_different> <txp:aam_amplify><txp:aam_quotify><h3><txp:permlink><txp:title /></txp:permlink></h3></txp:aam_quotify></txp:aam_amplify>
<txp:excerpt /></dd>

En dan ga ik er van uit dat ik het bovenste stukje code moet vervangen voor twee artikelen…
Maar mss snap ik er gewoon nog niets van :)

Groet,

Raoul

Last edited by raouldelange (2009-04-10 19:23:01)

#6 2009-04-10 18:35:02

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: [nl-nl] Hulp met navigatie (menu) gezocht

raouldelange wrote:

Wat jij in tien minuten typt is voor mij de komende drie weken gepuzzel…

Sorry ;) Soms vergeet ik hoe het was om net met Txp te beginnen… Als je ergens niet uitkomt laat maar weten hoor.

Kun je de volledige code van je default pagina even posten? Nu eindigt het met <txp:else /> en ik vermoed dat wat daarna komt net belangrijk is.

Tip: als je bc. (met een spatie erna) voor de eerste regel van de code zet, is het wat beter leesbaar hier. (How do I post tags and code on the forum?)

#7 2009-04-10 19:18:25

raouldelange

Member

Registered: 2009-04-06

Posts: 37

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Haha, dank je… ik zag al dat je een bc.-iets had toegevoegd aan mn eerdere post… maar ik begreep niet hoe je het had gedaan….
Dit is de hele pagina…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title><txp:page_title /><txp:if_section name=""> - <txp:site_slogan /></txp:if_section></title>
	<txp:feed_link flavor="rss" format="link" title="Articles Feed" />
	<txp:link_feed_link flavor="rss" format="link" title="Links Feed" />
	<txp:css format="link" />
	<link rel="stylesheet" href="<txp:site_url />src/css/slimbox.css" type="text/css" media="screen" />
		<script type="text/javascript" src="<txp:site_url />src/scripts/mootools.js"></script>
	<script type="text/javascript" src="<txp:site_url />src/scripts/slimbox.js"></script>
	<script type="text/javascript" src="<txp:site_url />src/scripts/effects.js"></script>
</head>
<body class="<txp:section />">
	<div id="header">
		<div id="headings">
			<h1><txp:link_to_home><txp:sitename /></txp:link_to_home></h1>
			<h2><txp:if_section name=""><txp:if_search><txp:article pgonly="1" />Search: <txp:search_result_count /><txp:else /><txp:site_slogan /></txp:if_search><txp:else /><txp:breadcrumb label="Home" title="1" /></txp:if_section></h2>
		</div>
		<div id="search">
		<form method="get" action="<txp:site_url />">
		<p>
			<input type="text" id="search_text" size="15" value="" name="q"/>
			<input type="submit" id="submit_search" value="Search"/>
		</p>
		</form>
		</div>
	</div>

<txp:if_section name=”“> <div id=“articles”> <div class=“navigation”> <txp:output_form form=“navigation” /> </div> <h1 class=“hide”>Articles</h1> <txp:if_search> <div class=“wrapper”> <txp:article limit=“100” /> </div> <txp:else /> <div class=“wrapper”> <txp:article limit=“5” /> </div> <div class=“wrapper”> <div class=“content alt” id=“archive_date”> <h2>Older Articles</h2> <dl> <txp:article limit=“10” offset=“5” form=“archive_date” /> </dl> </div> <div class=“more”> <div class=“block”> <h2>Categories</h2> <txp:category_list break=“li” wraptag=“ul” section=“articles” /> </div> <div class=“block”> <h2>Authors</h2> <ul> <txp:article limit=“99999” form=“authors” sort=“AuthorID” /> </ul> </div>

</div> <hr class=“clear” /> </div> </txp:if_search> </div> <div id=“images”> <div class=“navigation”> <txp:output_form form=“navigation” /> </div> <h1 class=“hide”>Images</h1> <div class=“wrapper”> <ul class=“gallery content alt”> <txp:smd_slimbox wraptag=“li” orderby=“date:desc” category=”!articles” groupname=“gallery” limit=“30” libcheck=“0” /> </ul> <div class=“more”> <div class=“block”> <h2>Galleries</h2> <txp:category_list break=“li” wraptag=“ul” type=“image” section=“image” exclude=“articles” active_class=“active” /> </div> </div> <hr class=“clear” /> </div> </div> <div id=“links”> <div class=“navigation”> <txp:output_form form=“navigation” /> </div> <h1 class=“hide”>Links</h1> <div class=“wrapper”> <div class=“alt”> <txp:linklist sort=“date desc” limit=“10” /> </div> <div class=“more”> <div class=“block”> <h2>Categories</h2> <txp:category_list break=“li” wraptag=“ul” type=“link” section=“links” /> </div> </div> </div> <hr class=“clear” /> </div> <div id=“about”> <div class=“navigation”> <txp:output_form form=“navigation” /> </div> <h1 class=“hide”>About</h1> <div class=“wrapper”> <txp:article_custom section=“about” status=“sticky” form=“about” /> <div class=“more”> <div class=“block”> <h2>Authors</h2> <ul> <txp:article_custom section=“about” form=“title” sort=“Title asc” /> </ul> </div> <div class=“block”> <h2>Feeds</h2> <txp:aam_typogrify><txp:upm_textile> <txp:output_form form=“feeds” /> </txp:upm_textile></txp:aam_typogrify> </div> <div class=“block”> <h2>Plugins</h2> <txp:linklist sort=“linkname asc” form=“Links” wraptag=“ul” break=“li” limit=“99999” category=“plugins” /> </div> <div class=“block”> <h2>Downloads</h2> <txp:file_download_list break=“li” wraptag=“ul” /> </div> </div> <hr class=“clear” /> </div> </div> </txp:if_section>

<txp:if_section name=“articles”> <div id=“articles”> <div class=“navigation”> <txp:output_form form=“navigation_archives” /> </div> <h1 class=“hide”>Articles</h1> <div class=“wrapper”> <txp:if_article_list> <div class=“content alt” id=“archive_date”> <txp:if_category> <h2>Articles about <txp:category title=“1” /></h2> <dl> <txp:article limit=“10” form=“archive_excerpt” /> </dl> <div class=“body paginate”> <p><txp:newer>&laquo; newer</txp:newer> <span><txp:older>older &raquo;</txp:older></span></p> </div> <txp:else /> <txp:if_author> <h2>Articles from <txp:article form=“author” limit=“1” /></h2> <txp:else /> <h2>Archives by date</h2> </txp:if_author> <dl> <txp:article limit=“99999” form=“archive_date” /> </dl> </txp:if_category> </div> <div class=“more”> <div class=“block”> <h2>Categories</h2> <txp:category_list break=“li” wraptag=“ul” section=“articles” active_class=“active” /> </div> <div class=“block”> <h2>Authors</h2> <ul> <txp:article_custom limit=“99999” form=“authors” sort=“AuthorID” /> </ul> </div>

</div> <hr class=“clear” /> <txp:else /> <txp:article /> </txp:if_article_list> </div> </div> </txp:if_section>

<txp:if_section name=“image”> <div id=“images”> <div class=“navigation”> <txp:output_form form=“navigation_archives” /> </div> <h1 class=“hide”>Images</h1> <div class=“wrapper”> <ul class=“gallery content alt”> <txp:if_category> <txp:smd_slimbox wraptag=“li” orderby=“date:desc” category=”?c” groupname=”?c” limit=“0” libcheck=“0” /> <txp:else /> <txp:smd_slimbox wraptag=“li” orderby=“date:desc” category=”!articles” groupname=“gallery” limit=“30” libcheck=“0” /> </txp:if_category> </ul> <div class=“more”> <div class=“block”> <h2>Galleries</h2> <txp:category_list break=“li” wraptag=“ul” type=“image” section=“image” exclude=“articles” active_class=“active” /> </div> </div> <hr class=“clear” /> <txp:article pgonly=“1” /> </div> </div> </txp:if_section>

<txp:if_section name=“links”> <div id=“links”> <div class=“navigation”> <txp:output_form form=“navigation_archives” /> </div> <h1 class=“hide”>Links</h1> <div class=“wrapper”> <txp:if_category> <div class=“content alt”> <txp:asy_wondertag><txp:linklist sort=“date desc” limit=“99999” category=”<txp:c />” /></txp:asy_wondertag> </div> <div class=“more”> <div class=“block”> <h2>Categories</h2> <txp:category_list break=“li” wraptag=“ul” type=“link” section=“links” active_class=“active” /> </div> </div> <txp:else /> <div class=“content alt” id=“archive_date”> <h2>Archives</h2> <dl> <txp:linklist sort=“date desc” form=“archive_links” limit=“99999” /> </dl> </div> <div class=“more”> <div class=“block”> <h2>Categories</h2> <txp:category_list break=“li” wraptag=“ul” type=“link” section=“links” active_class=“active” /> </div> </div> </txp:if_category> </div> <hr class=“clear” /> <txp:article pgonly=“1” /> </div> </txp:if_section> <txp:if_section name=“about”> <div id=“about”> <div class=“navigation”> <txp:output_form form=“navigation_archives” /> </div> <h1 class=“hide”>About</h1> <div class=“wrapper”> <txp:if_individual_article> <txp:article form=“about” /> <txp:else /> <txp:article_custom section=“about” status=“sticky” form=“about” /> </txp:if_individual_article> <div class=“more”> <div class=“block”> <h2>Authors</h2> <ul> <txp:article_custom section=“about” form=“title” sort=“Title asc” /> </ul> </div> <div class=“block”> <h2>Feeds</h2> <txp:aam_typogrify><txp:upm_textile> <txp:output_form form=“feeds” /> </txp:upm_textile></txp:aam_typogrify> </div> <div class=“block”> <h2>Plugins</h2> <txp:linklist sort=“linkname asc” form=“Links” wraptag=“ul” break=“li” limit=“99999” category=“plugins” /> </div> <div class=“block”> <h2>Downloads</h2> <txp:file_download_list break=“li” wraptag=“ul” /> </div> </div> <hr class=“clear” /> </div> </div> </txp:if_section> <div id=“footer”> <div class=“wrapper”> <txp:aam_typogrify><txp:upm_textile> <txp:output_form form=“footer” /> </txp:upm_textile></txp:aam_typogrify> </div> </div>
</body>
</html>

K hoop dat jij hier meer mee kan dan ik.

Groet

Raoul

Last edited by raouldelange (2009-04-10 19:21:22)

#8 2009-04-10 20:54:50

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Oef, dat was voor mij ook even puzzelen, geen wonder dat je het niet kon vinden ;) Nou, op hoop van zegen, ik denk dat het zou moeten werken als je het hele stuk tussen de <txp:if_section name="articles"> tags vervangt door het onderstaande. Ik heb er wat comments tussengezet om voor mezelf het overzicht te houden, die mag je natuurlijk gerust weer weghalen.

<txp:if_section name="articles">
	<div id="articles">
		<div class="navigation">
			<txp:output_form form="navigation_archives" />
		</div>
		<h1 class="hide">Articles</h1>
		<div class="wrapper">
			<txp:if_article_list>
<!-- ARTICLE LIST -->
				<div class="content alt" id="archive_date">
				<txp:if_category>
<!-- CATEGORY LIST -->
					<h2>Articles about <txp:category title="1" /></h2>
					<dl>
					<txp:article limit="10" form="archive_excerpt" />
					</dl>
					<div class="body paginate">
					<p><txp:newer>&laquo; newer</txp:newer> <span><txp:older>older &raquo;</txp:older></span></p>
					</div>
				<txp:else />
					<txp:if_author>
<!-- AUTHOR LIST -->
						<h2>Articles from <txp:article form="author" limit="1" /></h2>
					</txp:if_author>
				</txp:if_category>
				</div>
!-- ALLEEN OP DE SECTIEHOOFDPAGINA -->
				<div class="more">
					<div class="block">
					<h2>Categories</h2>
					<txp:category_list break="li" wraptag="ul" section="articles" active_class="active" />
					</div>
					<div class="block">
					<h2>Authors</h2>
					<ul>
					<txp:article_custom limit="99999" form="authors" sort="AuthorID" />
					</ul>
					</div>				
				</div>
				<hr class="clear" />
			<txp:else />
<!-- INDIVIDUAL ARTICLE -->
				<txp:if_article_id id="x,y"><!-- x en y zijn de ID's van 'By date' en 'By name' -->
<!-- in deze artikelen staan je lijsten 'by date' en 'by name' -->
					<txp:article status="sticky">
						<h2>Archives <txp:title /></h2>
						<txp:body />
					</txp:article>
				<txp:else />
<!-- dit is een individuele artikelpagina -->
					<txp:article />
				</txp:if_article_id>
			</txp:if_article_list>
		</div>
	</div>
</txp:if_section>

In de ‘body’ van artikel ‘By date’:

<dl>
	<txp:article_custom section='<txp:section />' limit="99999" form="archive_date" />
</dl>

In de ‘body’ van artikel ‘By name’:

<txp:article_custom section='<txp:section />' sort="custom_1 asc" limit="999">
	<txp:if_first_article><ul></txp:if_first_article>
	<li><txp:permlink><txp:title /></txp:permlink></li>
	<txp:if_last_article></ul></txp:if_last_article>
</txp:article>

Voor deze twee artikelen moet je dus ofwel Textile uitschakelen (onder ‘Meer opties’), ofwel de eerste regel beginnen met een spatie (dat voorkomt ook dat er <p> tags omheen worden gezet).

In je navigatie link je dan als volgt (vervang x en y door de juiste ID’s natuurlijk):

<span><a href="<txp:permlink id="x" />">by date</a></span>
<span><a href="<txp:permlink id="y" />">by name</a></span>

Nu ben ik eerlijk gezegd zelf ook heel benieuwd wat hieruit gaat komen…

#9 2009-05-03 20:13:05

raouldelange

Member

Registered: 2009-04-06

Posts: 37

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Hoi Els,

Ik heb het geprobeerd, maar ik snap het geloof ik nog steeds niet.
ik heb het <txp:if_section name=“articles”> stukje vervangen, maar waar moet ik de andere twee stukjes nou kwijt? :p
Ik heb er al forms van gemaakt, maar dat werkt niet, en ik heb ze ook in de body’s van mn artikelen gezet, maar dat werkt ook niet.
Moet ik nou twee nieuwe artikelen aanmaken met dat in de body? That’s it? HEEELP :p

#10 2009-05-04 17:27:39

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Poe, ik moet er zelf weer even inkomen… Al even geleden en zó’n standaardoplossing was het niet… Het kan ook nog zo zijn dat het gewoon niet werkt :(

Je zou inderdaad die laatste twee stukjes in de body van de twee artikelen ‘by date’ en ‘by name’ moeten zetten. Wat zijn de URLs van die twee artikelen? Als ik www.raouldelange.nl/inspiratie/articles/by-name of www.raouldelange.nl/inspiratie/articles/by-date probeer krijg ik een 404, dus je zult ze wel anders genoemd hebben.

#11 2009-05-04 17:31:06

raouldelange

Member

Registered: 2009-04-06

Posts: 37

Re: [nl-nl] Hulp met navigatie (menu) gezocht

ja, ik had ze alweer gedelete :p

#12 2009-05-04 17:34:55

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: [nl-nl] Hulp met navigatie (menu) gezocht

Ah, vandaar. Als je tijd en zin hebt om ze nog eens te maken, en dan productiestatus op ‘debug’ zetten (in beheer > voorkeuren), dan zou ik eens naar de tag trace kunnen kijken, om uit te vinden waarom het niet werkt.