← WordPress

criar macro links

Lida 2165 vezes

Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

não sei se o titulo é o correcto

mas o que pretendo é criar macros, penso que é este o nome que se dá

explicando:

numa página muito grande pretendo meter "links" em alguns títulos para criar links directos para esses blocos da página


imaginemos o seguinte:


Código: [Seleccione]
...........
cebolas
...........
alhos
...........
batatas
...........


o que quero é links do género:

meusite.com/plantacao#cebolas
meusite.com/plantacao#alhos
meusite.com/plantacao#batatas


desde já obrigado
Offline

PeSousa 
Membro
Mensagens 339 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

São as chamadas ancoras ...
Offline

cjseven 
Administrador
Mensagens 1809 Gostos 26
Feedback +3

Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 1000 Posts

acho que o queres criar é anchor links na mesma página.

para isso basta fazeres o href normalmente e identifcares o #ponto no sitio que quiseres.

Vê lá se isto ajuda:
http://www.w3.org/TR/html4/struct/links.html

Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

sim é isso, desde já obrigado

bem me parecia que não eram macros

mas não esta a funcionar, já passei o rato por cima dos links que criei e estão bem (correspondem aos links que coloquei para idem a esse bloco)

exemplo:

meusite.com/plantacao/#batatas


só que se eu estou noutra página ao clicar nesse link vem para: meusite.com/plantacao/

e se estou em: meusite.com/plantacao/ e clico no link meusite.com/plantacao/#batatas não vai para o sitio que devia ir


nunca vai para onde devia ir fica sempre no inicio da página :S
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

já funciona afinal é um pouco diferente do que dizias cjseven


depois de ler (podia a primeira é sempre a tuga passa-se uma vista de olhos):


The destination anchor of a link may be an element within an HTML document. The destination anchor must be given an anchor name and any URI addressing this anchor must include the name as its fragment identifier.

Destination anchors in HTML documents may be specified either by the A element (naming it with the name attribute), or by any other element (naming with the id attribute).

Thus, for example, an author might create a table of contents whose entries link to header elements H2, H3, etc., in the same document. Using the A element to create destination anchors, we would write:

<H1>Table of Contents</H1>
<P><A href="#section1">Introduction</A><BR>
<A href="#section2">Some background</A><BR>
<A href="#section2.1">On a more personal note</A><BR>
...the rest of the table of contents...
...the document body...
<H2><A name="section1">Introduction</A></H2>
...section 1...
<H2><A name="section2">Some background</A></H2>
...section 2...
<H3><A name="section2.1">On a more personal note</A></H3>
...section 2.1...
Offline

Souza 
Elite
Mensagens 1816 Gostos 1
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

betanalista, é exactamente como cjseven disse loool, só não especificou que nem era preciso. Se o div tem o id #ancora então o link será qqer coisa como index.html/#ancora
Offline

Diogo Pinto 
Administrador
Mensagens 4400 Gostos 371
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

Sem barra index.html#ancora, pois o /#ancora é um directório e pode dar 404
Offline

Souza 
Elite
Mensagens 1816 Gostos 1
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Sim Diogo, tens razão, nem reparei na altura de escrever. Mas a ideia está lá.

Recomendo um efeito de smooth scroll (JS) para embelezar a transição :D
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

vou traduzir:


minha página: meusite.com/plantacao/
links que pretendo:
  • meusite.com/plantacao/#cebolas
  • meusite.com/plantacao/#alhos
  • meusite.com/plantacao/#batatas


conteúdo da página:

Código: [Seleccione]
...........
cebolas
...........
alhos
...........
batatas
...........




o que o cjseven disse:

Código: [Seleccione]
...........
<a href="#cebolas">cebolas</a>
...........
<a href="#alhos">alhos</a>
...........
<a href="batatas">batatas</a>
...........

Resultado: Não funciona!


Sem barra index.html#ancora, pois o /#ancora é um directório e pode dar 404

Resultado: Não funciona!






o que eu fiz e o que o artigo que o cjseven diz:

Código: [Seleccione]
...........
<A name="#cebolas">cebolas</A>
...........
<A name="#alhos">alhos</A>
...........
<A name="batatas">batatas</A>
...........


Resultado: funciona!  :-P



obrigado a todos :)
Offline

Diogo Pinto 
Administrador
Mensagens 4400 Gostos 371
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

betanalista, fiz o teste agora com o teu último código e o resultado tem de ser sem / ou seja index.html#xpto, porque senão, não existe! Confirmas?
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

betanalista, fiz o teste agora com o teu último código e o resultado tem de ser sem / ou seja index.html#xpto, porque senão, não existe! Confirmas?

aqui agora esta a funcionar da duas formas, mas se coloco como tu dizes sem a / o wordpress automaticamente me coloca a barra


e independentemente de colocar ou não a barra no browser vai lá dar :)