Skocz do zawartości
Pecetowicz Forum komputerowe

Jaka wtyczka (plugin) na sponsorowane (promowane) wpisy | WordPress


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

Rekomendowane odpowiedzi

  • Administrator

Doprecyzuj czego chcesz:

  • czy tylko wizualny zabieg, który ty będziesz ustawiał
  • czy pełna automatyzacja, ktoś napisze post, zapłaci za promowanie i on będzie widoczny wyżej w wynikach i lepiej widoczny (ostylowany)
  • Lubię to! 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Administrator
Napisano (edytowane)

@Militarny To najprościej dodać kategorię wpisów i sprawdzić potem jakie klasy generują się w oddzielnych postach dla tych kategorii i w dodatkowym CSS odpowiednio ostylować.

Jeśli chcesz to podaj mi na PW dane do panelu to zobaczę jak to wygląda i opiszę sposób tutaj

Edytowane przez Mativve
  • Lubię to! 1
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Administrator
  • Rozwiązanie
Napisano (edytowane)

Okej, więc jeśli chodzi o sam zabieg wizualny to jest to względne łatwe do zrobienia. Jeśli używany przez was motyw został dobrze zrobiony to będzie łatwiej.

Jak ostylować wpis jako sponsorowany/promowany:

  1. Wchodzimy do panelu administratora a następnie Wpisy -> Tagi i dodajemy tam nowe: Sponsorowany oraz Promowany
  2. Później abyśmy widzieli postępy zmian szukamy wpisu, który chcemy oznaczyć i przechodzimy do jego edycji.
  3. Po prawej w panelu "Tagi" wybieramy dodatkowe tagi w zależności od typu: czyli albo Sponsorowany albo Promowany
  4. Zapisujemy zmiany klikając "Aktualizuj"
  5. Wchodzimy na swoją stronę gdzie mamy wylistowane wpisy.
  6. Klikamy na post prawym przyciskiem myszy i wybieramy opcję "Zbadaj" / "Zbadaj element" / "Wykonaj inspekcję"
  7. Teraz w gąszczu kodu szukamy takich szczegółowych znaczników (klas):
    Szukamy elementów powtarzalnych typu elementor-post. Jeśli coś takiego jest - super.
    Teraz powinniśmy zauważyć, że na końcu atrybutu class znalazła się klasa tag-sponsorowany (podobnie by było w przypadku promowanego tylko zamiast tag-sponsorowany byłoby tag-promowany)
    obraz.png
     
  8. Jeśli zlokalizowaliśmy takie elementy teraz możemy przejść do stylowania elementu.
  9. W tym celu przechodzimy do panelu administratora "Wygląd" -> "Dostosuj"
  10. Przechodzimy do zakładki "Dodatkowy CSS" i na podstawie danych, które uzyskaliśmy tworzymy swój styl
  11. Przykładowo dla takiego kodu CSS:
    .elementor-post.tag-sponsorowany,
    .elementor-post.tag-promowany{
      position: relative;
      border:2px solid #f00;
    }
    
    .elementor-post.tag-sponsorowany:before,
    .elementor-post.tag-promowany:before{
      position: absolute;
      top: 0;
      left:0;
      background: #f00;
      color: #fff;
      font-size: 12px;
      padding: .6em 1.2em;
      line-height: 1;
      font-weight: 400;
      margin: 20px;
      border-radius: 999px;
      z-index: 1
    }
    
    
    .elementor-post.tag-sponsorowany:before{
      content:"SPONSOROWANY";
    }
    
    .elementor-post.tag-promowany:before{
      content:"PROMOWANY";
    }

    Styl powinien być podobny do tego:
    obraz.png

Jeśli jednak styl tak nie wygląda lub potrzebujesz pomocy zgłoś się do mnie na PW od razu z linkiem do strony i opisem, jak chcesz aby poszczególne tagi wyglądały 🤙

Edytowane przez Mativve
  • Lubię to! 2
  • Super 2
  • Wow 1
Odnośnik do odpowiedzi
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ę
×
×
  • Dodaj nową pozycję...