Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress 3.5で投稿フォーマットのユーザーインターフェースを追加する方法

投稿フォーマットはWordPress 3.1で導入され、WordPressでマイクロブログ機能を提供するようになった。しかし、ほとんどの初心者はその使い方を知らない。理由:Tumblrほど目立たないから。WordPressには投稿フォーマットを公開するためのユーザーインターフェースがあるが、小さなラジオボタンのメタ情報には改善の余地がある。WordPressの開発者でありプラグイン作者としても有名なアレックス・キングは、CrowdFavoriteのチームとともに、この問題の解決策を提供することに取り組んだ。彼は自身のプロジェクトに取り入れる投稿フォーマットのユーザーインターフェースを開発し、そのコードをコミュニティに公開してくれました。この投稿では、投稿フォーマットUIツールを使ってWordPress 3.5に投稿フォーマットのUIを追加する方法を紹介します。

投稿フォーマットとは?

投稿フォーマットは、特定の投稿を異なるスタイルで表示する方法を提供します。この機能を使うことで、特定の投稿の表示「フォーマット」を指定することができます。この機能は、動画、リンク、画像、音声、引用、状態などのフォーマットを追加することで、WordPressのマイクロブログの側面を拡張します(Tumblrに非常に似ています)。

投稿フォーマットはテーマに依存するため、WordPressダッシュボードに表示される場合と表示されない場合があります。WordPressが提供する投稿フォーマットを選択する初期設定のユーザーインターフェースは次のようになっています:

Post Formats Radio Button User Interface

投稿フォーマットUIのインストール

GitHubのPost Formats UIプロジェクトにアクセスします。zipボタンをクリックしてリポジトリ内のファイルをダウンロードします。

Download Post Formats UI plugin from GitHub

WordPress管理エリアのプラグイン ” 新規追加 ” アップロードに移動します。Choose fileボタンを押し、ダウンロードしたzipファイルを選択します。今すぐインストールボタンを押します。プラグインが正常にアップロードされたら、プラグインの有効化リンクをクリックします。

投稿フォーマットUIの仕組み

プラグインを有効化すると、利用可能な投稿フォーマットが上部にタブとして追加され、投稿編集エリアが変更されます。これで、投稿、引用、余談、ギャラリーを切り替えることができます。異なる投稿フォーマットのタブをクリックすると、その投稿フォーマットの投稿編集エリアの残りの部分が調整されます。例えば、ステータスをクリックすると投稿日フィールドが非表示になり、ギャラリーをクリックすると上部にアップロードボタンが表示されます。

User Interface for Post Format Quote

User Interface for Post Format Link

私たちは、投稿フォーマットが初心者レベルのユーザーに無視されていると感じています。ラジオボタン付きのボックスは、投稿フォーマットを使うことをあまり促しません。素敵なユーザーインターフェースを追加することで、ユーザーはテーマで投稿フォーマットをより良くサポートするよう求めるようになるでしょう。開発者もまた、様々なフォーマットをサポートするテーマを作ろうという気持ちやモチベーションが高まるでしょう。これが、コアチームがWordPress 3.6にこれを含めることを計画している理由です。投稿フォーマットのユーザーインターフェースの追加は良いアイデアだと思いますか?以下のコメントでお知らせください。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

9件のコメント返信を残す

  1. Jonas Lundman

    We been using post formats since it arrived. A post with only a single link and some text doesnt need a excerpt when view the category. But other posts in the same category needs the excerpt at not to show the whole content. We Dont need to create a new post-type for layout reason.

    At the same point, a neebe would think a post-template (like page-tamplate) would be a obvious context for this function UI.

    – And we agree.

  2. Elliott richmond

    I’m hoping that the next upgrade will have better support for post formats without having to use a plugin but, this plugin does look very useful for a better UX!

  3. zimbrul

    I’ve enabled this plugin on few of my websites and none of them show the post formats!

  4. Dwaynne Villiers

    As cool as this is, can we see real worl applications? Or at least some sample scripts to point us into how this seemingly powerful feature can be deployed? For example, if I have a post, and all it is is a link or a video, how can I style it accordingly? How can I have an archive/category page with different styles applied to each post format? Example, if post format=video then use style x else if post format = link then use style y.

    Looking forward to more hidden gems form the WP Beginner team. Thanks!

  5. Louis

    I have been working with WordPress for a couple years and didn’t even realize what those formats were about. I’ve been too busy playing with plugins that made sense to me.

    Having said that, now that you have cleared some of the haze about these fomats, I can stop looking for other plugins that do what this one does.. lol

    I think it would be a good idea to make those formats more obvious for people. That might help others avoid having to figure out how to make custom post types when these types of formats are already there.

    WordPress can be quite difficult to fully understand sometimes. There isn’t really a manual of any substance offered by WP Dev.’s (aside from the website pages that sometimes can’t even be found for lack of knowing exactly what to search for), so helpful tips like those you offer on this site are quite valuable, thanks for this and the many other enlightening topics and explanations you have included here.

  6. Bernie

    Thanks for the article on post formats. I have heard the term but not really been sure what its all about. I am using one of the default WP themes 2011 and I can see the format radio buttons as you describe. However I can t for the life of me see what difference this makes.

    I did investigate the plugin mentioned but it hasn’t been updated in over 400 days and not rated compatible with WP 3.5. I would like to see the effect this formatting has on a post.

    • Louis

      Hi Bernie,

      If you followed the link provided, the github project was updated 2 months ago for compatibility with WP 3.5.

  7. Donna

    I think it’s a great idea. I’m pretty wp-savvy, and I even forget they exist most of the time. That would be a welcome change.

    Know what I would welcome even more? Page and post-specific widgets. There are plugins to handle this, but I haven’t found any that aren’t kinda kludgy or that don’t get to be way to difficult with a site with lots of pages.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。