Yazı içinden yazıya link vermek?

09-04-2010, 00:23:22

Arkadaşlar hani yapıyoruz ya maddeler halinde bir konu yazıyoruz.

Önce anlatacağımız konuda hangi maddeler olucak sıralıyoruz. Sonra tek tek maddeleri açıklıyoruz. Bir yazı yazdım biraz uzun. İstiyorumki konu başında maddelediğim maddelere link vereyim tıklayınca sayfa otomatikman maddenin anlatıldığı kısma kayıversin.

Bunu nasıl yaparız?

09-04-2010, 11:42:31

#2

Down

WP Auto Tagger ile yapabileceğini sanıyorum. Şöyleki eklemiş olduğun konuların içeriğinde herhangi bir kelimeye link verebiliyorsun. WP Auto Tagger Bu eklentinin özelliği otomatik olarak sitenize etiket eklemesi. Yani yazınızdaki geçen sözcüklere bakarak etiketlemeyi otomatik yapıyor. Yinede kullanımı sana kalmış

09-04-2010, 12:17:52

#3

~~PirMuhammed~~

Üyeliği durduruldu

yazdığın yazıdaki başlığı

<a href="#soru1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</a>

şeklinde link haline getirirsin.

daha sonra mesela div elementi kullanacağını varsayarak, bu başlığa ait kısmı şu şekilde yazarsın:

<div id="soru1">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>

bu şekilde kaç tane varsa; soru2,soru3,... diye yazıp <div id="xxxx"> kısmındaki xxxx bölümüne de soru2, soru3,... yazıp yazını yayınlarsın.

----------------------------------------------------------------
(Wordpress'te yazı yazarken html editör ile yapman gerekecek.)
deneme yapman için bir örnek:

<ul>
    <li><a href="#soru1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</a></li>       

    <li><a href="#soru2">Quisque sed felis. Aliquam sit amet felis?</a></li>

    <li><a href="#soru3">Mauris eu wisi?</a></li>

    <li><a href="#soru4">Duis sed massa id mauris pretium venenatis?</a></li>

    <li><a href="#soru5">Ut a mi. Etiam nulla. Mauris interdum?</a></li>

    <li><a href="#soru6">Aliquam sit amet felis?</a></li>
</ul>

<div id="soru1"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</strong> Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>


<div id="soru2">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>


<div id="soru3">Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam.</div>


<div id="soru4">Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis.</div>


<div id="soru5">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit.Mauris interdum.</div>


<div id="soru6">Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.</div>

verdiğim örneğin görünümü şuna benzeyecek:

http://img683.imageshack.us/img683/6153/testv.png

burada tıklanılan her link için, o kısmı ilgilendiren paragrafa geçilecek.

10-04-2010, 13:39:27

#4

cok_asi55

PirMuhammed adlı üyeden alıntı: mesajı görüntüle

yazdığın yazıdaki başlığı

<a href="#soru1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</a>

şeklinde link haline getirirsin.

daha sonra mesela div elementi kullanacağını varsayarak, bu başlığa ait kısmı şu şekilde yazarsın:

<div id="soru1">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>

bu şekilde kaç tane varsa; soru2,soru3,... diye yazıp <div id="xxxx"> kısmındaki xxxx bölümüne de soru2, soru3,... yazıp yazını yayınlarsın.

----------------------------------------------------------------
(Wordpress'te yazı yazarken html editör ile yapman gerekecek.)
deneme yapman için bir örnek:

<ul>
    <li><a href="#soru1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</a></li>       

    <li><a href="#soru2">Quisque sed felis. Aliquam sit amet felis?</a></li>

    <li><a href="#soru3">Mauris eu wisi?</a></li>

    <li><a href="#soru4">Duis sed massa id mauris pretium venenatis?</a></li>

    <li><a href="#soru5">Ut a mi. Etiam nulla. Mauris interdum?</a></li>

    <li><a href="#soru6">Aliquam sit amet felis?</a></li>
</ul>

<div id="soru1"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</strong> Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>


<div id="soru2">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>


<div id="soru3">Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam.</div>


<div id="soru4">Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis.</div>


<div id="soru5">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit.Mauris interdum.</div>


<div id="soru6">Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.</div>

verdiğim örneğin görünümü şuna benzeyecek:

http://img683.imageshack.us/img683/6153/testv.png

burada tıklanılan her link için, o kısmı ilgilendiren paragrafa geçilecek.

Çok sağolasın bu yöntem çok iyi oldu. Zaten topu topu tek yazıda kullanıcaktım. Eklenti çözümünden başka kod olması iyi oldu böylece. Eline sağlık. +rep

10-04-2010, 13:41:29

#5

~~Bekq~~

Üyeliği durduruldu

PirMuhammed adlı üyeden alıntı: mesajı görüntüle

yazdığın yazıdaki başlığı

<a href="#soru1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</a>

şeklinde link haline getirirsin.

daha sonra mesela div elementi kullanacağını varsayarak, bu başlığa ait kısmı şu şekilde yazarsın:

<div id="soru1">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>

bu şekilde kaç tane varsa; soru2,soru3,... diye yazıp <div id="xxxx"> kısmındaki xxxx bölümüne de soru2, soru3,... yazıp yazını yayınlarsın.

----------------------------------------------------------------
(Wordpress'te yazı yazarken html editör ile yapman gerekecek.)
deneme yapman için bir örnek:

<ul>
    <li><a href="#soru1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</a></li>       

    <li><a href="#soru2">Quisque sed felis. Aliquam sit amet felis?</a></li>

    <li><a href="#soru3">Mauris eu wisi?</a></li>

    <li><a href="#soru4">Duis sed massa id mauris pretium venenatis?</a></li>

    <li><a href="#soru5">Ut a mi. Etiam nulla. Mauris interdum?</a></li>

    <li><a href="#soru6">Aliquam sit amet felis?</a></li>
</ul>

<div id="soru1"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit?</strong> Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>


<div id="soru2">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit</div>


<div id="soru3">Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam.</div>


<div id="soru4">Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis.</div>


<div id="soru5">Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit.Mauris interdum.</div>


<div id="soru6">Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.</div>

verdiğim örneğin görünümü şuna benzeyecek:

http://img683.imageshack.us/img683/6153/testv.png

burada tıklanılan her link için, o kısmı ilgilendiren paragrafa geçilecek.

Mükemmelsin hocam, çok sağol.

+++++