Skocz do zawartości

Jak działa kotwica w tekście i jak ją dodać | PrestaShop


Wordpad
 Udostępnij

Przejdź do rozwiązania Rozwiązane przez SeNioR,

Rekomendowane odpowiedzi

Opublikowano
Opublikowano

Na moim blogu PrestaShop nie mogę użyć kotwicy w tekście nie wiem jak to działa, może ktoś wie ? Chodzi o odsyłanie do tekstu w artykule po kliknięciu.

image.png.d8b97db8f347815bce03a09f8ed35a3d.png

Odnośnik do komentarza
Udostępnij na innych stronach

  • Założyciel
  • Rozwiązanie
Opublikowano
Opublikowano

Cześć. Kotwica to link który kieruje do zdefiniowanego wcześniej miejsca w tekście. Kotwicę tworzy się poprzez dodanie znacznika "a".

Przykład:

1. Komputer

2. Klawiatura

Komputer

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Klawiatura

here are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. 

Jak widać po kliknięciu, jesteśmy odsyłanie do konkretnej zdefiniowanej linii.

Do naszych punktów dodajemy odnośnik:

<a href="#komp">1. Komputer</a>
<a href="#klawa">2. Klawiatura</a>

A do nagłówków do których chcemy być odsyłani dodajemy atrybut "id": 

<strong id="klawa">Klawiatura</strong>
<strong id="komp">Komputer</strong>
Odnośnik do komentarza
Udostępnij na innych stronach

  • Założyciel
Opublikowano
Opublikowano

Wordpad, chyba prościej się tego nie da wyjaśnić... Co to za edytor na obrazku? bo widzę że jest tam ikona kotwicy. 

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

@SeNioR edytor modułu bloga prestashop 

Odnośnik do komentarza
Udostępnij na innych stronach

  • 3 miesiące temu...
Opublikowano
Opublikowano

nie mogę tego ogarnąć mógłby ktoś to jeszcze raz jakoś przedstawić ?

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

@-n3veR dajcie jakiś przykład jeszcze raz ....

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano
<a href="#sekcja1">Siema jestem link, prowadzę do sekcji 1</a>
<div id="sekcja1">
  Siema, jestem sekcja 1
</div>

W href masz zwykle link ale w tym przypadku jest tam id elementu do którego ma prowadzić. W tym przykładzie sekcja która nas interesuje to div o id sekcja1.

W linkach #cos oznacza odniesienie do id danego elementu (<div id="cos"></div>).

Nie ma tutaj filozofii i to są na prawdę podstawy podstaw

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

nie mogę tego ogarnać, da się jakoś to pokazać na tym przykładzie? 

 

1 Co to komputer?

2 Co to myszka?

Co to komputer?

Komputer to dhsbjdcbsdvcdshbcsdvcdkscbdscbcbdsc  dhsdsjbc sddkjcbhd

fdvdfvfdvfdvfddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddcvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

Co to myszka?

ewwwwwwwwwwwwwwhcvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv iuwddddddddddddddddddddddddddddddddfffffffffffffffffffewwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

 

Mam tu kotwice 

image.png.4de5ab02d7cfeb12a312739c8afcb226.png

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

Widzę że to edytor WYSIWYG - powiedz mi dokładnie jaki? Albo jaki CMS? Bo modal z polem "nazwa" nic mi nie mówi

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

@Mativve to prestashop moduł bloga od prestashow

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

Okej, chyba rozumiem.

Jak masz na przykład "Co to jest myszka?" to tam przed tym klikasz żeby mrugał kursor i klikasz kotwice obraz.png

Nazywasz ją na przykład "ctjm" i dajesz OK.

Potem szukasz elementu który do tego ma przenosić czyli linku. Zaznaczasz ten tekst i klikasz żeby utworzył link - tylko tutaj nie wiem które to z tych będzie obraz.png. Tak strzelam że to pierwsze może odnosić do kotwic bo wygląda na "łańcuch" ale mogę się mylić 😄 Możesz na tym etapie spróbować samemu podziałać ewentualnie wyślij screen jednego i drugiego co robi i jak się nazywa

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

ten pierwszy łańcuch to: wstaw/edytuj link

drugi usuń link

@Mativve

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

Okej to tak jak pisałem.

Jeśli dodałeś kotwicę to spróbuj teraz zaznaczyć tekst, który ma do tej kotwicy przenosić, potem kliknij wstaw/edytuj link.

Jeśli będzie miejsce do wpisania linku to wpisz tam w takim schemacie:

#nazwa_kotwicy

czyli jeśli nazwałeś kotwicę "ctjm" to w linku dajesz:

#ctjm

Iii to powinno pomóc i dać Ci rezultat, który oczekujesz.

 

Niestety nie wiem czy dobrze strzelam bo różnie to w edytorach WYSIWYG jest.
Ja jednak wolę takie rzeczy edytować z poziomu kodu i wtedy mam pewność że działa jak należy

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×