Formaty wpisu to jedna z ekscytujących funkcji, które pojawią się w WordPress 3.1. Jednak większość początkujących użytkowników nie ma pojęcia, czym są formaty wpisu, dlaczego są one ważne i jak można skorzystać z tej niesamowitej funkcji. Po zapoznaniu się z wersją alfa WordPress 3.1, postanowiliśmy wyjaśnić co, dlaczego i jak zrobić z funkcją formatów wpisu, która pojawi się w WordPress 3.1.
Czym są formaty wpisu?
Formaty wpisu to metainformacje, które mogą być używane przez motywy do dostosowania prezentacji wpisu. Ok, teraz w prostym języku angielskim format wpisu to metoda stylizacji konkretnego wpisu. Korzystając z tej funkcji, można określić „format” wyświetlania konkretnego wpisu. Ta funkcja rozszerza aspekt mikroblogowania WordPressa, ponieważ teraz możesz mieć filmy, odnośniki, obrazki, pliki audio, cytaty, statusy itp. w jednym miejscu, a najlepsze jest to, że będą one odpowiednio stylizowane.
Przykłady użycia
Przyjrzyjmy się oficjalnemu blogowi Digging into WordPress. Mają dwa typy treści wpisów na stronie głównej. Jednym z nich jest kompletny wpis, który wyświetla zajawkę, tak jak każdy inny blog. Ale co ciekawe, mają specyficzny styl wpisów, które są zewnętrznymi odnośnikami do innych wpisów na blogu, które uważają za przydatne dla swoich czytelników.
Blogowanie polega na dzieleniu się zasobami i często zdarza się, że bloger chce po prostu zamieścić odnośnik do zewnętrznego zasobu, ponieważ uważa go za przydatny dla swoich czytelników. Głównym problemem, z jakim się borykają, jest to, że muszą utworzyć nowy wpis, aby po prostu powiedzieć czytelnikom, aby przeszli do innej witryny. Powoduje to dezorientację użytkownika końcowego, ponieważ nie wie on, jakiego typu jest to wpis. Często użytkownik musi kliknąć pełny wpis, aby dowiedzieć się, że autor chce, aby zobaczył zewnętrzny odnośnik. Chociaż istnieją sztuczki, takie jak ta, która pozwala na umieszczanie odnośników do linków zewnętrznych z tytułów wpisów, ten format wpisu poprawi wszystko. Projektanci motywów mogą stylizować „formaty odnośników”, aby były wyświetlane w inny sposób, tak jak zrobił to Jeff Starr w Digging into WordPress.
Potęga tej funkcji jest zbyt duża, by ją opisać. Ponieważ teraz możesz pisać krótkie wpisy o statusie, tak jak na Twitterze, i mieć je inaczej stylizowane bez wykonywania zbyt dużej pracy. Jeśli znalazłeś cytat, który Ci się podoba, możesz go udostępnić i wyróżnić jednym kliknięciem. Podsumowując, funkcja „formatów wpisu” sprawi, że WordPress stanie się bardziej kompletną platformą blogową.
Dlaczego warto korzystać z formatów wpisu?
Formaty wpisu zastępują potrzebę korzystania z kategorii w celu uzyskania podobnych funkcji stylizacji. Do tej pory programiści hakowali kategorie WordPressa, aby osiągnąć ten efekt, co kończyło się tworzeniem bałaganu i zamieszania dla nowych blogerów. Korzystanie z formatów wpisu nie tylko zmniejszy bałagan w kategoriach, ale także sprawi, że twój blog będzie przenośny między motywami, które obsługują te formaty.
Sprawi to również, że twój blog będzie bardziej przyjazny dla czytelników, ponieważ będą oni dokładnie wiedzieć, jakiego typu wpisy zobaczą. Co więcej, sprawi to, że twój blog będzie bardziej żywy, ponieważ będziesz mieć różne style wpisów na swojej stronie bloga. Obecnie większość wpisów na blogu wygląda bardzo nudno, ponieważ wszystkie wpisy wyglądają tak samo. Formaty wpisu wypełnią bardzo potrzebną pustkę w witrynach obsługiwanych przez WordPress.
Jak dodać i używać formatów wpisu w WordPress 3.1
Podobnie jak miniaturki wpisów, menu, własne tła i własne nagłówki, formaty wpisu również będą funkcją włączaną przez motyw. Oznacza to, że funkcja ta będzie dostępna tylko wtedy, gdy twój motyw jest zgodny [może być też „kompatybilny”].
Ostrzeżenie: Musisz dobrze rozumieć HTML, CSS i funkcje pętli WordPress, aby postępować zgodnie z tym poradnikiem.
Aby włączyć „formaty wpisu” w WordPress 3.1, musisz otworzyć plik functions. php twojego motywu i wkleić następujący kod:
add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );
.
Uwaga: notatki na marginesie i galeria nie są jedynymi dostępnymi formatami wpisu. Dostępna lista formatów wpisu to:
- aside – Zazwyczaj stylizowany bez tytułu. Podobny do aktualizacji statusu na Facebooku.
- czat – transkrypcja czatu.
- galeria – galeria obrazków.
- odnośnik – odnośnik do innej witryny.
- obrazek – pojedynczy obrazek.
- cytat – cytat.
- status – krótka aktualizacja statusu, zwykle ograniczona do 140 znaków. Podobne do aktualizacji statusu na Twitterze.
- film – pojedynczy film.
Pełna lista formatów wpisu znajduje się w WordPress Codex.
Po dodaniu tego kodu, zobaczysz nowe pole w panelu pisania twojego wpisu, w prawej kolumnie, tam gdzie widzisz opcję publikuj.
Po napisaniu wpisu możesz zmienić jego format i nacisnąć przycisk opublikuj. Pozwoli to na wyświetlenie twojego wpisu w gotowym formacie.
Ale czekaj, nie określiliśmy jeszcze tych wstępnie stylizowanych formatów wpisu nigdzie w naszym motywie. Tak więc w tej chwili, nawet jeśli wybierzesz format wpisu w panelu WordPress, nie zrobi to różnicy, ponieważ twój motyw nie wie, jak go wyświetlić. W tym celu będziemy musieli edytować naszą pętlę wpisów.
Będziemy używać tagu warunkowego: has_post_format()
if ( has_post_format( 'aside' )) {
// code to display the aside format post here
} else if (has_post_format('gallery')) {
// stuff to display the gallery format post here
} else if (has_post_format('link')) {
// stuff to display the link format post here
}else {
// code to display the normal format post here
}
.
Na co teraz czekasz? Zacznij przygotowywać się do tej niesamowitej funkcji. Możemy sobie tylko wyobrazić, że WordPress będzie coraz częściej wykorzystywany jako platforma do mikroblogowania dzięki nowym motywom, które pojawią się z wykorzystaniem tej funkcji.
Dodatkowe lektury:
Formaty wpisów w WordPress Codex
Typy treści, formaty wpisu i taksonomie, ojej!
Formaty wpisu a własne typy treści
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Rahul says
if ( has_post_format( 'aside’ )) {
// code to display the aside format post here
} else if (has_post_format(’gallery’)) {
// stuff to display the gallery format post here
} else if (has_post_format(’link’)) {
// stuff to display the link format post here
}else {
// code to display the normal format post here
}
Where do we have to add this code. Thanks in advance . Inside Index.php or somewhere else.
saurabh says
Now making categories as galleries is really simple.
Keely says
Where exactly is this chuck of code added?
I can’t find a thing about this anywhere; not being a php programmer I don’t know where to put it.
Editorial Staff says
The code shown in the post which utilizes has_post_format() is what you will put inside your loop to give each post a specific styling.
Administrator
Dave says
It looks like your code is missing a closing bracket in the first line. It currently reads:
if ( has_post_format( 'aside’ ) {
but it should be:
if ( has_post_format( 'aside’ )) {
Great tutorial as always.
hosseincode says
yeah, wpbeginer should have fixed this…
WPBeginner Support says
We have updated the post, thanks Dave.
Administrator
Tom says
So, OK I am still a little confused about a few concepts here…can somebody please help me out? I apologize in advance for the crazy length of this post but I am new to WP
I understand the concept of posts, pages, categories and tags – that’s easy.
As I now understand, the new feature of „post formats” (WP v3.1) relates to the styling of a „post” (think: „blog post”), whereas the concept of „post types” really means one of the five default WP „content types” (post, page, attachment, revisions, nav menus – see (http://codex.wordpress.org/Post_Types).
Likewise, the new feature of „custom post types” (WP v3.0) relates to creating *new* „post types” (outside of posts, pages, etc.), what ever that might be.
WOW…that sounds understandable in…t h e o r y.
OK, I DO get the new „post format” in theory…but I am a visual type of learner, so I wanted to see what they could look like.
So your example of the 'link’ „post format” post at Digwp.com was good, but I also checked out some other themes, like: http://demo.themify.me/#theme=wumblr
(side note here: confusing! – see how they refer to post formats as exactly that here: http://themify.me/themes/wumblr > Features… but at the top of that same page they call them „post types”).
Anyhow…before I get to the „post types” feature of WP, I have a few questions about the „post formats” feature:
1. Let’s say I want to make use of new „post formats” in an existing theme; I add these 10 different post formats in WP and specify them in the theme (as per your instructions). But then what..? How does the actual *DESIGN* for each of those post formats come about on the site?
Is it likely that most theme developers (mostly for the paid-for ones) will update their themes (the coding part, plus the actual design of the „post format” part) – or should users wait for new themes to hit the market that offer this for the first time?
What about theme frameworks – do we know of any that already offer child themes with the post formats feature incorporated? Some theme frameworks allow you to create (or radically customize) your own child themes based on a basic version, with not much or no coding involved…do we know if any providers have this level of customization already implemented?
2. When I look at some of the themes that already use „post formats” (see: http://themify.me/demo/#theme=wumblr) – what I notice is that *some* of the category names of the individual post formats match the names in the list of standardized formats (see: http://codex.wordpress.org/Post_Formats#Supported_Formats) – but some don’t! The following names that the Wumblr theme uses are not on that list: 'general’ and 'notes’- while 'aside’ and 'gallery’ are on the list but not chosen category names for any of Wumblr’s new format type posts. So this leads me to ask…
Compared to the usual practice of freely choosing names for categories (often for SEO purposes), what are the rules for naming categories for „post format” posts? Do they HAVE to match the names on the list of standard „post formats”? If not, how would that change the code you suggested in your article, following where you say: „We are going to be utilizing the conditional tag: has_post_format() …”? If you DID use names in that code that differ from the standardized list, would that not go against the rule of standardization and make it difficult to switch themes?
I also wonder if by categorizing „post format” type posts by choosing names like: 'link’ or 'status’ or 'quote’ for instance…how can anyone expect people to actively CHOOSE to click categories with THESE names, rather than posts that typically carry category names *describing their content*!!????
With 'video’ and 'image’ and 'gallery’ … I could still understand that people might actively and out of curiosity click those to be shown a list of all the posts with that type of content, but link, status, quote….?
~~So does anyone understand how all of this works?~~
So I make it VERY short with my question on „POST TYPES” or more precisely „custom post types”:
Where do THEY fit in here? I understand they are NOT the „blog post” type posts we are talking…but „custom” (=any type of content type BUT a post).
ARE there already any themes having them implemented, and if so, can someone point me to some examples?
ARE they handled by the theme or by a plugin?
Thanks for your replies!!
Tom
Editorial Staff says
Hey Tom,
Lets take a stab at your long question, one by one.
Wumblr Theme by Themify was released before WordPress 3.1 (so note, they did not have Post Formats at that time). So they called them whatever they liked, in this case post types”. Which again is a conflicting vocabulary, we recommend that it should be called Content Types because the whole idea of post types is to be NOT posts, RIGHT? Anyways so I think you are confused because of the semantics that Wumblr used. Again you mentioned later on why Wumblr has its own custom post formats rather than the supported formats. Because it was released before Post Formats were available, so they went with what they thought should be good.
You would have to specify in your theme’s CSS that if a post format „XXX” is called then add these styles. A good way to do this would be getting the themes that already support Post Formats and look how they do it. Or simply open your browser’s Source and you will see the default class that is added. Most frameworks will be compatible with Post Formats in their coming versions however not all child themes will be compatible. It is very likely that some theme developers may go back and add post formats to their old themes. But we can’t say for sure which ones will do that and which ones won’t. There are a lot of new themes that are already hitting the market. Woo Themes has some, Themify has some. StudioPress will be releasing their own very soon as well. So it is really up to you if you want to wait or not.
Your category name does not have to match post formats. Post Formats, and categories are two separate taxonomies. You are free to name your category whatever you like.
Custom Post (Content) Types and Custom Post Formats are two separate beasts. One is a custom taxonomy while other is a custom content type. They serve two separate purposes. Taxonomies are to make organizing and display of content types easier. Custom Post Formats are taxonomies and Post is a content type.
Both Custom Post Types and Post Formats are handled by themes. However for Custom Post Types there are plugins that make your life easier. You can refer to our article about custom post types on this site that will show you the plugins.
Administrator
Tony says
I’ve been creating posts using custom post types when it should’be been a post format.
ms-studio says
My big question is: can we customize the write/edit page for those post types?
If yes, that would be a compelling reason to start using them immediately. Any pointers as how to do that would be appreciated, as http://codex.wordpress.org/Function_Reference/add_meta_box doesn’t give any clues.
If not, Custom Post Types will be much more useful.
Editorial Staff says
That page in the codex explains it all. It shows that they are adding this meta box to the custom content type „post” and „pages”… They are adding the input fields, and they are saving it. Use that information, and build on top of it.
Administrator
Connor Crosby says
If you download the WP 3.1 beta, the Twenty Ten theme supports aside and gallery.
Phaethon says
Awesome. We’ll be able to add more style hooks to the loop outside of the official WP 3.1 post types too, right?
Connor Crosby says
Do you know possibly when 3.1 might be available for the public? I was actually just looking how to create a link style like digwp.
Editorial Staff says
WordPress 3.1 is set to be launched right before the holidays so around Mid December would be a fair date.
Administrator
Dre Armeda says
You can download 3.1 Alpha via the official SVN already.
Barbara Ling says
Beyond awesome, this will be quite the killer feature indeed! Sharing this with my network this instant, thanks!
Pippin says
This is awesome. Nothing that really enhances things from a developer’s perspective, but this will be great for end users.
Bjorn van der Neut says
So if I understand correctly its a little bit the same as copy the page.php to gallery.php modify it and in the page select as template „Gallery”.
Only now its going to be not on page level but on post level?
Editorial Staff says
Yes essentially it is a method of built-in cross-compatible post templates.
Administrator
Bjorn van der Neut says
Ok thanks! I use the plugin Impact (Payed version) for this functionality right now. I am also bussy with Genesis but I did not find that option at this moment.
Editorial Staff says
This option will come available in WordPress 3.1. It is not available yet.