Jak dodać znak specjalny z pomocą klasycznego edytora tekstu?

W celu dodania znaku specjalnego klikamy w symbol omegi.

Następnie otworzy się nam okno z listą różnych znaków. Okno składa się z dwóch części większej z „biblioteką”, listą symboli oraz z mniejszej gdzie mamy podgląd znaku.

Teraz wystarczy odnaleźć interesujący nas symbol i w niego kliknąć. W tym momencie pokaże się on w polu tekstowym edytora.

Ręczne dodawanie znaku specjalnego

Znaki specjalne można również wstawić ręcznie np. wpisując odpowiednią kombinację liter i cyfr w trybie tekstowym.

Listę, która wam to ułatwi znajdziecie poniżej:

http://www.aurainweb.pl/2010/12/znaki-specjalne/

Część symboli można również uzyskać poprzez odpowiednie skróty na klawiaturze np.

A co z edytorem Gutenberg?

Z tego co wiem Gutenberg niestety nie posiada domyślnie takiej opcji jak znaki specjalne.

Znaki specjalne trzeba więc wprowadzać ręcznie.

Artykuł Jak wstawić znak specjalny w edytorze WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Domyślą funkcją umieszczania obrazka wyróżniającego (z ang. thumbnail) we wpisach jest:

the_post_thumbnail();

z jej pomocą obrazki wyświetlane są w formie zwykłej ikony o kreślonych wymiarach. Efekt jest więc taki jak byśmy dodali grafikę ręcznie do wpisu lub na zwykłej stronie.

Jak dodać obrazek wyróżniający (thumbnail) w tle

W celu dodania obrazka thumbnail w tle dowolnego obiektu blokowego HTML (np. div, article) na stronie musimy napisać odpowiednią funkcję PHP. Przykładowo może ona wyglądać tak:

<?php if (has_post_thumbnail( $post->ID ) ): ?>
  <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
  <div id="custom-bg" style="background-image: url('<?php echo $image[0]; ?>')">
  </div>
<?php endif; ?>

W powyższym przykładzie dodaliśmy ilustrację jako tło dla elementu DIV.

Trochę teorii – czyli jak to działa

Poniższy warunek sprawdza czy dany wpis posiada przypisany obrazek. W przypadku jego braku funkcja się nie wykona.

<?php if (has_post_thumbnail( $post->ID ) ): ?> <?php endif; ?>

Teraz pobieramy adres naszego obrazka i przypisujemy go do zmiennej $image.

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>

Kolej na wypisanie naszego obrazka. W tym celu przyda nam się właściwość CSS background-image.

<div id="custom-bg" style="background-image: url('<?php echo $image[0]; ?>')"> </div>

Poniższy kod opisałam dość ogólnie. Nie powinien jednak on sprawiać większych problemów.

http://wordpress.aurainweb.pl/jak-dodac-ikone-wpisu-do-wordpress/

Źródła:

• https://stackoverflow.com/questions/11261883/how-to-get-wordpress-post-featured-image-url
• https://developer.wordpress.org/reference/functions/get_the_post_thumbnail/
• https://developer.wordpress.org/reference/functions/the_post_thumbnail/

Dodatkowe tagi:
miniaturka, obrazek wyróżniający, thumbnail jako tło a nie grafika
obrazek w tle nagłówka posta
wordpress obrazek w tle
dodanie obrazka do nagłówka
ikona wpisu

Artykuł Jak umieścić obrazek wyróżniający jako tło wpisu WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Gdzie w WordPress wyświetlają się wpisy

Pierwszym i najbardziej oczywistym miejscem jest strona „blogowa” zawierająca wszystkie wpisy ułożone według dat. Strona ta domyślnie ustawiona jest jako strona główna, jednak bardzo często w praktyce zastępuje się ją stroną statyczną. Nie jest to jednak jedyna tego typu strona. Wpisy znaleźć można także na podstronach kategorii, tagów czy archiwum miesięcznego.

Najpopularniejszą metodą prezentowania ich jest jednak umieszczanie w kategoriach. Kategorie są bowiem stosowane jako główna metoda segregacji treści na blogu. Czasami dzięki ich zastosowaniu można też podzielić blog na kilka części jak np. katalog produktów, aktualności, komunikaty.

Co prawda po utworzeniu odpowiedniej kategorii wpisy będą się na niej po dodaniu wyświetlały – jednak nie oznacza to że będzie do niej łatwo trafić. Wiem dziwnie to zabrzmiało, jednak nie wszystkim chce się w dzisiejszych czasach szukać kategorii danego wpisu. Poza tym wchodząc w jeden wpis nie są świadomi jakie jeszcze inne kategorie lub typy wpisów mogą znaleźć na konkretnej stronie.

Dodawanie kategorii do menu

We wcześniejszym wpisie opisałam już jak stworzyć własne menu. Nie będę pisać o tym drugi raz podlinkuję wam jednak ten wpis żebyście mogli się z niem zapoznać.

To gdzie kategoria będzie się wyświetlać zależy od lokalizacji naszego menu.

Dodawanie kategorii do widżetu

Tradycyjny edytor

Jak zapewne każdy wie widżety wyświetlają się najczęściej w kolumnie bocznej lub w stopce strony. Jak zapewne już wiecie jako widżet można również wyświetlić menu – dzięki czemu uzyskujemy własną kolejność kategorii albo użyć do tego domyślnego widżetu – „Kategorie”.

W obu przypadkach po wejściu w opcje widżetów musimy interesujący nas element przeciągnąć w odpowiednie pole. Warto pamiętać o odpowiedniej konfiguracji czyli nadaniu polu nazwy i zapisaniu zmian. W przypadku jeśli zdecydujemy się na menu trzeba też odpowiednie wybrać.

Dodawanie w Gutenbergu

Od wersji WordPress 5.0 domyślnym edytorem jest Gutenberg. Z jego pomocą nie dodajemy jednak tylko treści na stronie w artykułach / wpisach czy na stronach, ale także w widżetach.

W praktyce dodawanie nowych elementów polega na wybraniu odpowiedniego Sidebara a następnie kliknięciu w przycisk „+” (plus). Potem szukamy „kategorie”.

Jak przełączyć Gutenberga na klasyczny edytor?

Przyda nam się do tego wtyczka -> Classic Widgets

Jedyne co musimy zrobić to ją zainstalować i aktywować. Widżety wtedy automatycznie przełączą się na „starszą wersję”.

Warto przeczytać:

• Jak umieścić wpis na statycznej stronie – WordPress (Posts in Page)
• Jak umieścić inną stronę pod treścią innej strony? – WordPress
• Kiedy należy użyć Kategorii a kiedy tagu?

Artykuł Gdzie i jak dodawać podstrony z wpisami – WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Gdzie znajdę opcję planowania?

Na początek oczywiście musimy wejść w opcje tworzenia nowego wpisu lub strony. Opcja planowania wpisu znajduje się w prawej kolumnie obok pola tekstowego w panelu o nazwie „Opublikuj” lub „Public” (w zależności od wersji językowej naszego WordPressa).

Jak planować publikację

W panelu publikuj znajduje się ikona z kalendarzykiem. Znajduje się przy niej informacja o czasie publikacji naszego wpisu. Domyślnie ustawiona jest na natychmiastową publikację. W celu zmiany daty trzeba kliknąć w „Edytuj”, „Edit”. Następnie rozwija się pole z datą i godziną.

Wystarczy wybrać interesującą nas datę i godzinę – niestety na chwilę obecną nie możemy tego zrobić za pomocą wyboru z kalendarza (opcja ma być w przyszłości dostępna).

Dalej postępujemy jak w przypadku standardowych wpisów.

Czy można zaplanować kilka wpisów?

Oczywiście, że tak będą one wtedy widoczne jako zaplanowane na liście wszystkich wpisów. Dzięki tej opcji można więc stworzyć harmonogram na kilka następnych miesięcy lub dni.

Czasem na darmowych hostingach nie można korzystać z tej opcji.

Artykuł Planowanie wpisów na blogu, w aktualnościach w CMS WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Na początek, nawigacja tego typu może całkiem nieźle się sprawdzać (w przypadku bardzo prostego bloga) jednak w miarę personalizacji i rozbudowy witryny trzeba pomyśleć o wprowadzeniu pewnych zmian w jego strukturze – tak aby menu było dla nas użyteczne.

Poniżej pokazałam przykładowe proste menu składające się z wybranych kategorii wpisów.

Instrukcja w formie filmu

Od czego zacząć tworzenie własnego menu

Na początek trzeba już posiadać interesujące nas strony, kategorie lub przykładowe wpisy – czyli wszystko co aktualnie chcemy by znalazło się w pasku nawigacyjnym. Następnie w panelu administracyjnym odnajdujemy w lewej kolumnie zakładkę Wygląd a w niej opcję Menu.

W nowo otwartym oknie dostępnych jest kilka opcji np. możemy utworzyć nowe menu jak również edytować już istniejące (jeśli wcześniej zostało przez kogoś zbudowane). Nie znajdziecie tu domyślnego menu ono tworzone jest dynamicznie poprzez ustawiana w szablonie WordPress.

Budowa nowego menu

Nowe menu tworzy się za pomocą opcji „Utwórz nowe” (zaznaczone na czarno na obrazku). I od tego trzeba zacząć praktycznie zawsze jeśli pracujemy na nowej instalacji CMS WordPress lub jeśli chcemy dodać kolejne menu. W odpowiednie pole podajemy unikalną nazwę (identyfikator menu) i zapisujemy (przyciskiem zapisz).

W zaznaczonym na niebiesko kwadracie mieszczą się wszystkie strony, kategorie, odnośniki i np. w moim przypadku newslettery – to jakie będą tam dostępne opcje w dużej mierze zależy od szablonu jaki używamy oraz od zainstalowanych dodatków. Wszystkie te elementy spięte są w rozwijanym menu (harmonijkowym jak np. FAQ). Interesujące nas elementy wybieramy poprzez zaznaczenie w polu wyboru, a następnie wybranie opcji dodaj do menu. Postępujemy analogicznie w każdej z zakładek – wybierając tylko te elementy, które nas interesują.

W ten sposób możemy zbudować kilka różnych spersonalizowanych paneli nawigacyjnych. Mogą się one z składać np. z samych kategorii lub wymieszanych typów elementów.

Kolejność elementów na utworzonej liście zmieniamy na zasadzie przeciągania i upuszczania (ang. drag and drop) tworząc w ten sposób odpowiednią hierarchię.

Po dodaniu do menu elementu można zmienić kilka jego ustawień takich jak Etykieta nawigacji – czyli nazwa pod, którą będzie wyświetlał się link (nie wpłynie to na nazwę strony, wpisu lub kategorii w jej treści – zmieni się tylko opis na belce).

Na koniec tworzenia zapisujemy menu. Jeżeli chcemy usunąć dany element trzeba klikać w niego i z rozwiniętych opcji wybrać usuń. Nie można przenieść do boku by wyrzucić z menu.

By menu było widoczne np. u góry strony na belce menu, trzeba wejść w zakładkę „Zarządzaj rozmieszczeniem” i za pomocą dostępnych tam opcji ustawić na odpowiedniej pozycji.

WordPress daje nam możliwość posiadania kilku menu.

Edycja istniejącego menu

W celu wyboru menu do edycji rozwijamy listę znajdującą się w polu: „Wybierz menu do edycji:”. Jeżeli menu, które chcemy zmienić jest aktualnie otwarte nie musimy z tego pola korzystać.

Po rozwinięciu tego pola pokaże się nam lista dostępnym menu.

W kolejnych krokach postępujemy podobnie jak przy tworzeniu nowego menu. Dodajemy lub usuwamy zbędne elementy. Po wprowadzeniu zmian zapisujemy wszystko.

Dodawanie menu w panelu bocznym

Kiedy mamy już gotowe menu możemy je również umieścić w panelu bocznym jako „Widget”. W tym celu wchodzimy w Wygląd -> Widgety

Następnie odnajdujemy na liście dostępnych opcji „Własne menu” i przeciągamy do odpowiedniego panelu bocznego.

Teraz musimy jedynie wybrać, które menu nas interesuje.

Do tego celu można również zainstalować odpowiednią wtyczkę, dzięki czemu będziecie mieli możliwość łatwej konfiguracji wyglądu menu.

Dodatkowe ustawienia menu (np. klasy).

Artykuł Jak stworzyć własne menu w WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Dodawanie nowych wpisów

Po wejściu w nią po raz pierwszy mamy jeden domyślny wpis „Hello Word” (jeżeli ktoś przed nami korzystał z WordPress mógł go już usunąć a w jego miejscu znajdują się inne wpisy).
ścieżka wygląda tak: Panel Admina -> Wpisy -> Dodaj nowy

Teraz wystarczy tylko wybrać opcje „dodaj nowy” jest ona dostępna po lewej stronie lub powyżej listy wpisów. Treść pisze się analogicznie jak w MS Word. Mój edytor trochę różni się od standardowego. Ponieważ korzystam z wielu różnych wtyczek np. Yoast SEO.

Co zawiera Edytor wpisów

W edytorze wpisów, który również służy do ich dodawania znajdują się pola takie jak:

• Tytuł wpisu – to szerokie pole umieszczone na samej górze strony, umieszczamy w nim tytuł wpisu
• Bezpośredni odnośnik – jest to adres pod którym wpis będzie dostępny w internecie
• Dodaj medium – jest to przycisk umożliwiający nam dodanie plików i grafik do naszego wpisu
• Dwa tryby pisania – wizualny (edytowany z pomocą przybornika) i tekstowy zbliżony do HTML
• Edytor tekstu – jest to pole tekstowe wyposażone w przybornik, podobny do Worda
• Opcje publikacji – znajdują się  w prawej kolumnie, za ich pomocą publikujemy lub planujemy wpisy
• Kategorię – lista dostępnych kategorii, wraz z możliwością dodania nowych
• Tagi – opcja dodawania i wyszukiwania tagów

Jeżeli brakuje nam jakiś opcji możemy później dodać nowy edytor tekstu (instalując odpowiednią wtyczkę) lub na początek rozwinąć opcje dostępnego poprzez wybór przycisku w kształcie tabelek (jedna mniejsza, druga większa z kropkami) .

Na koniec wpis można zapisać lub opublikować go (opcje znajdują się w prawej kolumnie). Można ustalić datę publikacji (Opublikuj natychmiast Edytuj) mamy wpływ na datę i godzinę na koniec publikuj.

Dostępne opcje można zobaczyć klikając przycisk edytuj.

Poniżej znajduje się lista kategorii. Możemy ją zobaczyć w dwóch wersjach „Wszystkie kategorie” i „Najczęściej używane”.

http://wordpress.aurainweb.pl/nowy-edytor-tresci-gutenberg/

Warto przeczytać:

• Jak dodać ikone wpisu do WordPress.
• Dodawanie obrazka do wpisu w CMS WordPress
• Jak umieścić film z YouTube na stronie lub blogu

Artykuł Dodawanie nowych wpisów w WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Sposób i kształt miniatury uzależniony jest indywidualnych ustawień szablonu, z którego korzystamy. Istnieją również szablony, które nie obsługują ikon wpisu jednak stanowią one mały procent dostępnych motywów.

Dodawanie ikony wpisu w starym edytorze

Obrazek wyróżniający (ikona wpisu) dodaje się do WordPress poprzez przyciski „Dodaj medium” lub/i „Ustaw ikonę wpisu”. Opcja ta w niektórych szablonach nie występuje przy stronach podobnie jak tagów. Przykładowo pole to może wyglądać tak:

Dodawanie ikony w Gutenberg

W nowym edytorze Gutenberg będzie to z kolei wyglądać tak:

Co zrobić jeśli nie posiadam takiej opcji lub dopiero buduję swój szablon?

Jeżeli w szablonie nie ma opcji dodania ikonki możemy dodać ją samodzielnie poprzez dopisanie do do pliku functions.php

add_theme_support( 'post-thumbnails' );

Po zapisaniu zmiany szablon powinien obsługiwać podstawowe wielkości miniaturek.

Kolejnym krokiem jest dodanie do odpowiedniego pliku np. single.php, category.php w pętli wyświetlającej wpisy:

if ( has_post_thumbnail() ) {
    the_post_thumbnail();
}

Do czego służy ikona wpisu

Podstawowym zadaniem ikony wpisu jest wyróżnienie danego wpisu, artykułu. Sama treść na stronie dla czytającej go osoby bywa często za mało atrakcyjna a wręcz zaczyna się ze sobą zlewać. Dlatego oprócz odpowiedniego formatowania do tekstu dodaje się różne ilustracje, na którym oko czytającego może się zatrzymać i trochę „odpocząć”. Najważniejszą taką grafiką jest właśnie ikona wpisu. Jej tematyka powinna jak najlepiej odzwierciedlać tematykę wpisu.

Dodawanie ikony wpisu do strony

Ustaw ikonę wpisu znajduje się w prawej kolumnie poniżej pola Tagów. Ikoną może być dowolny obrazek umieszczony w naszym systemie lub pobrany z komputera.

Po wciśnięciu przycisku otwiera się biblioteka mediów.

Po wybraniu odpowiedniego pliku klikamy „Ustaw obrazek wyróżniający”.

Obrazek pokazuje się w różnych miejscach w zależności od szablonu. W moim ustawia się w nagłówku.

http://wordpress.aurainweb.pl/jak-umiescic-thumbnail-jako-tlo-wpisu-wordpress/

dodatkowe tagi:

• wordpress obrazek wyróżniający
• dodawanie ikony, grafiki wpisu, posta
• jak dodać miniaturkę ikonę do wpisu

Artykuł Jak dodać ikonę wpisu do WordPress (Gutenberg) pochodzi z serwisu Kurs WordPress od podstaw.

Dodawanie nowych zdjęć, obrazków w treści wpisu w WordPress jest chyba jedną z łatwiejszych czynności.

Jak dodać obrazek

Podczas pisania wpisu (postu) lub tworzenia strony wybieramy opcję „Dodaj medium” przycisk znajduje się nad paskiem narzędzi edytora tekstu.

Automatycznie zostaniemy przeniesieni do okna „wstaw media” lub w nowszej wersji „Dodaj medium” – jest to praktycznie to same okno jakie widzimy wchodząc w zakładkę media w panelu administracyjnym. Następnie postępujemy podobnie jak w przypadku innych edytorów tekstu. Wybieramy obrazek z biblioteki lub jeśli nie mamy w bibliotece mediów obrazka dodajemy (karta dodaj pliki).

Obrazki można wgrywać na dwa sposoby  z czego najłatwiejszym jest przeciągnięcie grafiki z folderu (drag and drop) „Upuść pliki w dowolnym miejscu na tej stronie, aby wysłać je na serwer”.

Można również wstawić obrazek z innej strony wybierając z lewej kolumny „Dodaj adres URL”. Pod tekstem „Dodaj adres URL” umieszczamy adres obrazka.

Warto pamiętać że zdjęcia i obrazki z internetu często chronione są prawami autorskimi.

Kiedy mamy już wgrany obrazek musimy w niego kliknąć. Zaznaczony obrazek zostanie otoczony modrakową ramką. Oczywiście możemy wybrać kilka obrazków (z CTRL pojedynczo, z Shift od obrazka do obrazka).

Po kliknięciu lewym klawiszem myszki w obrazek w prawej kolumnie pokażą się nam szczegóły pliku. Wśród zamieszczonych tam informacji znaleźć można informacje takie jak Tytuł, etykieta, tekst alternatywny (pokazujący się w przypadku gdyby plik nie mógł zostać wyświetlony na stronie) czy opis.

Poniżej znajdziemy ustawienia naszego pliku. Jak widać na załączonym obrazku mamy tutaj kilka opcji do wyboru. Takich jak wyrównanie (do środka, lewej, prawej), odnośnik (dokąd ma prowadzić link) oraz rozmiar.

Na koniec gdy wybierzemy interesujące nas ustawienia wstawiamy obrazek do wpisu (prawa kolumna).

Jeśli po wstawieniu chcielibyśmy jeszcze wprowadzić jakieś zmiany możemy kliknąć na obrazek – rozwinie się w tedy prosty panel edycji (lokalnej – zmiany tylko w edytowanym wpisie).

Podobny wpis:
http://wordpress.aurainweb.pl/jak-dodac-ikone-wpisu-do-wordpress/

Artykuł Jak dodać obrazek do wpisu w WordPress pochodzi z serwisu Kurs WordPress od podstaw.