Fragmenty kodu 2025, Styczeń

Wyłącz automatyczne formatowanie - CSS-Tricks

Wyłącz automatyczne formatowanie - CSS-Tricks

Dodaj do pliku functions.php remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Wykryj Gists i Osadź je - CSS-Tricks

Wykryj Gists i Osadź je - CSS-Tricks

Po prostu opublikuj link do GitHub Gist, a zostanie on ładnie osadzony. Lub użyj formatu, który zapewnia ten fragment kodu i samodzielnie utwórz krótki kod. Dla Twojego"

Dostosuj stronę logowania - CSS-Tricks

Dostosuj stronę logowania - CSS-Tricks

Wiesz, ten typowy na twoja_witryna.com/wp-login.php. Są to rzeczy, które można umieścić w pliku functions.php aktywnego motywu. Zmień logo to „

Dostosuj znaczniki komentarzy - CSS-Tricks

Dostosuj znaczniki komentarzy - CSS-Tricks

W typowym motywie WordPressa wyświetlasz całą listę komentarzy do posta / strony za pomocą funkcji wp_list_comments (). To nie oferuje zbyt wiele przez „

Strona błędu niestandardowej bazy danych - CSS-Tricks

Strona błędu niestandardowej bazy danych - CSS-Tricks

Umieść plik o nazwie „db-error.php” bezpośrednio w folderze / wp-content /, a WordPress automatycznie użyje go po nawiązaniu połączenia z bazą danych ”

Bloginfo Shortcode - CSS-Tricks

Bloginfo Shortcode - CSS-Tricks

Funkcja bloginfo () w WordPress zapewnia dostęp do wielu przydatnych informacji o Twojej witrynie. Zobacz pełną listę. Aby uzyskać dostęp do wszystkich tych wartości ”

Zezwalaj na SVG przez WordPress Media Uploader - CSS-Tricks

Zezwalaj na SVG przez WordPress Media Uploader - CSS-Tricks

UWAGA: Od 4.7.1 nie działa już dokładnie tak, jak opublikowano tutaj. Tutaj zaczyna się wątek komentarzy. Zaktualizuję to, gdy będzie to najlepszy sposób, aby sobie z tym poradzić ”

Zmień rozmiar awatara - CSS-Tricks

Zmień rozmiar awatara - CSS-Tricks

Funkcja wp_list_comments ma parametr umożliwiający zmianę domyślnego rozmiaru (48 pikseli) na dowolny z zakresu od 0 do 80 pikseli. wp_list_comments ('avatar_size = 80'); "

Zastosuj niestandardowy CSS do obszaru administracyjnego - CSS-Tricks

Zastosuj niestandardowy CSS do obszaru administracyjnego - CSS-Tricks

Dodaj do pliku functions.php: add_action („admin_head”, „my_custom_fonts”); funkcja my_custom_fonts () (echo '';) "

Automatyczne linki do mediów społecznościowych - CSS-Tricks

Automatyczne linki do mediów społecznościowych - CSS-Tricks

To trafiłoby do pętli, prawdopodobnie pod the_content (), prawdopodobnie w twoim pliku single.php. // zakładka na Delicious ”

Podstawowe style komentarzy z wątkami - CSS-Tricks

Podstawowe style komentarzy z wątkami - CSS-Tricks

Ol.commentlist (list-style: none; margin: 0 0 1em; padding: 0; text-indent: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

Tekst nokautowy SVG - CSS-Tricks

Tekst nokautowy SVG - CSS-Tricks

Chodzi o to, aby wyobrazić sobie trzy warstwy ułożone jedna na drugiej, gdzie górna warstwa jest używana do wycięcia kształtu w drugiej warstwie, aby odsłonić „

Blokada tekstu - CSS-Tricks

Blokada tekstu - CSS-Tricks

Plik SVG Kot w kapeluszu oferuje tag. Chociaż działa podobnie jak normalny w HTML, akceptuje atrybuty, które odblokowują potężne kształtowanie tekstu ”

Dodaj klasę do linków generowanych przez next_posts_link i previous_posts_link - CSS-Tricks

Dodaj klasę do linków generowanych przez next_posts_link i previous_posts_link - CSS-Tricks

Te dwie funkcje tworzą linki zakotwiczenia i możesz dostosować wiele z nich, ale nie można dodać klasy tylko przy użyciu samych ich parametrów ”.

Dodaj / usuń pola informacji kontaktowych - CSS-Tricks

Dodaj / usuń pola informacji kontaktowych - CSS-Tricks

Profile użytkowników w WordPress mają domyślnie następujące pola dla danych kontaktowych: E-mail, Strona internetowa, AIM, Yahoo IM, Jabber / Google Talk. Możesz je usunąć i „

Opcje eksportu do programu Adobe Illustrator - CSS-Tricks

Opcje eksportu do programu Adobe Illustrator - CSS-Tricks

To mniej fragmentu, a raczej przypomnienie czegoś, co często sprawdzam. Podczas tworzenia plików SVG w programie Adobe Illustrator istnieje kilka „

Zakrzywiony tekst wzdłuż ścieżki - CSS-Tricks

Zakrzywiony tekst wzdłuż ścieżki - CSS-Tricks

Możemy wlewać tekst wzdłuż zakrzywionej linii za pomocą trzech narzędzi wbudowanych bezpośrednio w SVG: i. Fragment Niebezpieczne krzywe naprzód Jak tam dotarliśmy Wyobraź sobie, że rysujemy „

Dodaj nazwę kategorii do body_class - CSS-Tricks

Dodaj nazwę kategorii do body_class - CSS-Tricks

Funkcja body_class jest przydatna do dodawania kilku klas do tagu body, które zawierają informacje o rodzaju aktualnie wyświetlanej strony. "

Wzory SVG - CSS-Tricks

Wzory SVG - CSS-Tricks

Element SVG pozwala nam definiować wzorce wewnątrz naszych znaczników SVG i używać tych wzorców jako wypełnienia. Podstawowy proces tworzenia wzorów ”

Ikony morfowania kształtów w przycisku po kliknięciu - CSS-Tricks

Ikony morfowania kształtów w przycisku po kliknięciu - CSS-Tricks

Pomysł polega na użyciu ikony SVG w przycisku i zamianie tej ikony na inną po kliknięciu przycisku. Kliknięcie przycisku często sugeruje, że działanie ma „

SVG Hamburger Menu - CSS-Tricks

SVG Hamburger Menu - CSS-Tricks

Trzy paski powinny być łatwe do narysowania. Oto kilka różnych sposobów na zrobienie tego w sieci. To powiedziawszy, SVG to zdecydowanie najlepszy sposób na „

Typografia o rozmiarze widocznego obszaru z minimalnymi i maksymalnymi rozmiarami - CSS-Tricks

Typografia o rozmiarze widocznego obszaru z minimalnymi i maksymalnymi rozmiarami - CSS-Tricks

Deklarowanie rozmiarów czcionek w jednostkach rzutni może dać naprawdę interesujące wyniki, ale wiąże się to z wyzwaniami. Brak minimalnego rozmiaru czcionki lub „

Użyj zmiennej Sass dla selektora - CSS-Tricks

Użyj zmiennej Sass dla selektora - CSS-Tricks

Załóżmy, że musisz użyć określonego selektora w wielu miejscach w kodzie. Z pewnością nie jest to zbyt powszechne, ale coś się dzieje. Powtarzający się kod to „

Funkcje odcienia i odcienia - CSS-Tricks

Funkcje odcienia i odcienia - CSS-Tricks

Funkcje rozjaśniania i przyciemniania manipulują jasnością koloru w przestrzeni HSL, dodając lub odejmując do niego jasność. Zasadniczo są one „

Mieszanka gradientowa w paski - CSS-Tricks

Mieszanka gradientowa w paski - CSS-Tricks

Popularny sposób rysowania pasków w CSS to definiowanie gradientu liniowego z nakładającymi się punktami koloru. Działa bardzo dobrze, ale nie jest zbyt wygodny w pisaniu ”

Funkcja Str-replace - CSS-Tricks

Funkcja Str-replace - CSS-Tricks

Sass zapewnia zbiór przydatnych funkcji do manipulowania napisami, jednak nie ma funkcji, która zastąpiłaby podciąg innym łańcuchem. Tutaj jest"

Funkcja sortowania - CSS-Tricks

Funkcja sortowania - CSS-Tricks

Sass nie zapewnia żadnego wbudowanego sposobu sortowania listy wartości. Dzięki funkcjom operującym na ciągach możemy zbudować funkcję do sortowania listy elementów "

Funkcja zespołu pasków - CSS-Tricks

Funkcja zespołu pasków - CSS-Tricks

Istnieje wiele nieporozumień związanych z działaniem jednostek w Sass. Jednak działają dokładnie tak, jak w prawdziwym życiu. Jeśli chcesz usunąć jednostkę wartości, "

Upraszczanie kontekstów i wydarzeń - CSS-Tricks

Upraszczanie kontekstów i wydarzeń - CSS-Tricks

Sass może być w pewnym sensie czarną skrzynką, szczególnie dla młodych programistów: niektóre rzeczy wkładasz, niektóre wyjmujesz. Skorzystaj z referencji selektora „