今回は、Custom Post Type UIを紹介します。 // 新規カスタムタクソノミーを作成 [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。, WordPressのプラグインの使い方を初心者向けに紹介する記事です。 大石ゆかり How many widgets can I put in a sidebar at a time? array( 表示されている項目にそって、必要事項を入力していくだけで簡単にカスタム投稿タイプが作成できます。 ショートコードを用いて、固定ページに表示するタイプのカレンダーです。シンプルながらも、GoogleカレンダーやiCalと連携できるのが便利です。 You can put any number of widgets in a sidebar. カスタムタクソノミーを使う方法は「テーマを編集する方法」と「プラグインを利用する方法」の2種類あるんだ。それぞれ教えてあげるね！ そうだね。プラグインを使うと手軽にできるし、自分でテーマをカスタマイズするとより細かく設定できるから、どちらも試してみると良いね！ なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。 気をつけたい点は、「利用する投稿タイプ」の選択です。 type = checkbox インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。 大石ゆかり イベントカレンダーへのリンクを作る ‘label’ => __( ‘中華’ ),// 表示するカスタムタクソノミー名 [PR] WordPressで挫折しない学習方法を動画で公開中イベントを追加する 大石ゆかり ショートコードは[cft format=0]です。=以下の部分が、テンプレートのNoです。 大石ゆかり 大石ゆかり First field is the title field where you can specify the title of your choice. 田島悠介 Copyright (C) 2016-2020 ワードプレス（WordPress）の基礎知識・使い方初心者講座 All Rights Reserved. } 【エッジプラス１】をおすすめしています。, ※ワードプレスの設置・初期設定でお困りの方は、 [本のタイトル] え、そうなんですか！！教えてください！ ダッシュボード>プラグインからこのプラグインをインストールすると、ダッシュボードに表示されます。 （labelについてはなくても問題ありません） Bug fix プラグインを利用する方法 v1.0.0 By default, 5 recent posts will be displayed. ); // 新規カスタムタクソノミーを作成 記事が書きやすくなりました！！ ‘name’ => __( ‘新着情報’ ), // 表示する投稿タイプ名 4:Sugar Events Calendar Lite for WordPress プラグイン管理画面から、「デフォルト設定」のタブを選び、チェックボックスにチェックをして「デフォルトを読み込み」ボタンを押します。 [評価] Shortcodes Ultimateは、50以上のデザインパーツを利用して記事を装飾できるWordPressプラグインです。ショートコードを利用してブログの記事を装飾できます。 プラグインを有効化すると、記事を編集する … カスタム投稿タイプとは Akismet Anti-Spam ～スパムコメント対策に便利なワードプレスのプラグイン～, PS Auto Sitemap ～サイトマップを自動生成するワードプレスのプラグイン～, Google XML Sitemaps ～検索エンジンにXMLサイトマップを自動送信するワードプレスのプラグイン～, Recent Posts Plus ～最近の投稿を表示するワードプレスのプラグイン～, WordPress Popular Posts ～人気記事を表示するワードプレスのプラグイン～, Advanced Random Posts Widget ～ランダムに記事を表示するワードプレスのプラグイン～, Contact Form 7 ～お問い合わせフォームを作成するワードプレスのプラグイン～, WP-DB-Backup ～定期的に自動でバックアップを取ってくれるワードプレスプラグイン～, WP-PageNavi ～ページナビゲーションを表示するワードプレスのプラグイン～, WPtouch Mobile Plugin ～スマートフォンに最適化するワードプレスのプラグイン～, ワードプレス（WordPress）初期設定代行サービスのご案内はこちらをご覧ください。. 田島悠介 場所はどこでも構いませんが、筆者はあとで追加が分かりやすいように上の方に入れています。
はい、わかりました！！！ Minor bug fixes. Added Random Posts widget. 大石ゆかり http://ブログ名/events In the \”Number of Posts\” field, you can specify the number of posts to be displayed. ) 入力フォームの登録 [PR] WordPressで挫折しない学習方法を動画で公開中プラグインを利用する方法 add_action( ‘init’, ‘create_post_type’ ); 日時などは別途入力フォームがあるので、ここではイベントの説明などを入力しましょう。 店舗サイトなどを運営している場合は特に、簡単にイベントカレンダーを追加で... WordPressには投稿タイプをカスタマイズできる「カスタム投稿タイプ」という機能があります。 他に便利なプラグインを探したい場合は、WordPressでショッピングカートを追加できるプラグインも合わせてご覧ください。 田島悠介 田島悠介 プラグインの管理画面を開き、設定していきます。 In the \”Number of Posts\” field, you can specify the number of posts to be displayed. 田島悠介 Bug fixes 店舗サイトなどを運営している場合は特に、簡単にイベントカレンダーを追加できると便利です。イベントカレンダーを活用すれば、営業日やセールなどのスケジュール情報を簡単に・わかりやすくサイトに反映することができます。 田島悠介 では、設定方法を見ていきましょう。 大石ゆかり はい！！！ ぜひ実際に導入して使ってみてください。 なるほど！カスタム投稿タイプを使うと記事が書きやすくなりますね♪ このショートコードを記入しないと、投稿に反映されないので注意してください。 By default, popular posts are sorted according to views. ぜひ、WordPressの使い方を覚えましょう！ All-in-One Event Calendarの使い方 カスタム投稿タイプを作るには、主に下記の2つの方法がありますので、順番にご紹介します。 ここで日時、場所（Googleマップの表示もできます）、主催者、費用などを設定します。 では、設定方法を見ていきましょう。 作成したイベント画面はこのように表示されます。 Recent Posts: This widget displays the recent posts in your sidebar. イベントのある日をクリックすると、イベントURLにリンクする機能も便利です。 大石ゆかり // カスタム投稿タイプの追加 List category postsは、投稿や固定ページの記事やサイドバーに指定したカテゴリー・タグの記事一覧を表示できるWordPressプラグインです。カテゴリーだけでなくタグにも対応しています。 プラグインを利用 … ウィジェットの中にカレンダーを表示させることができるプラグインです。 このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。 ‘assign_terms’ => ‘edit_guides’, 大石ゆかり } はい、わかりました〜♪ [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。, WordPressのプラグインの使い方を初心者向けに紹介する記事です。 テーマ（function.php）を編集する 投稿画面を開くと、投稿エリアの下に先ほど設定した項目が表示されています。 It also allows you to display author description which is already given by the user in his profile or you can add custom description.at the end you can add a read more link which will take you to your desired page and another option to display author\’s archive link. 今回の記事は以上です。 v1.0.1 You can also specify the number of popular posts to be displayed in the \”Number of Posts\” field. The following people have contributed to this plugin. 有料版もありますが、初心者の方にとっては無料版でも十分でしょう。 [本の表紙画像をアップロード] また、typeは、様々な種類を設定可能です。 テーマ（function.php）を編集する方法 ) v1.0.3 [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。, WordPressには投稿タイプをカスタマイズできる「カスタム投稿タイプ」という機能があります。そのカスタムタイプにカテゴリーを追加できるのがカスタムタクソノミーです。 名称などは、お好みで変更してください。 カスタムフィールドに入力したら、本文のカスタムフィールドを表示したい部分にショートコードを入力します。 イベントカレンダーがこんなに簡単に作れるんですね！！しかもパスワード設定なんかもできるのはすごいですね！！！ では、本の感想を登録するためのフォームを作ってみましょう。 早速イベントを追加してみましょう。 他のイベントカレンダーを追加できるプラグインを使ってみたい場合は、All-in-One Event Calendarの使い方も合わせてご覧ください。 なお、「//」以下はコメントアウト（メモ書きできる）部分なので、あとでわかりやすいように補記しておくと安心です。 本のタイトル なお、「//」以下はコメントアウト（メモ書きできる）部分なので、あとでわかりやすいように補記しておくと安心です。 Download Advance Widget Pack plugin via WordPress.org plugin repository or by uploading the files to your server. そこで、サイドバーやメインメニューなどに追加すると便利です。カスタムメニューの使い方の詳細はWordPressでカスタムメニューを作成する方法をご覧ください。 このプラグインは、その名の通りイベントカレンダー機能に優れたプラグインです。セミナー・交流会など、イベントを多く開催している会社などのサイトにおすすめです。 ただ、デフォルトのままではサイト上のどこからもリンクされておらず、せっかくサイトに来た人がイベントページにたどり着くことができません。 一見、普通の記事投稿画面が表示されます。ここにイベントタイトルや、イベントの概要を入力してください。 Custom Field Templateとは 設定項目が複数ありますが、カスタムフィールドを使うためには入力フォームの登録と表示テンプレートの登録という2箇所だけを最低限設定すればOKです。 ‘kanso’,// 新規カスタムタクソノミーを反映させる投稿タイプの定義名 Random Posts: This widget displays the posts in random order each time your window refresh. If the image is not displayed, then you have probably not set a featured image for your post. イベントページを特定の人だけに公開したい場合はパスワードを設定しましょう。 [PR] WordPressで挫折しない学習方法を動画で公開中表示項目をカスタマイズする Advanced Widget Pack plugin comprises of seven widgets: Author Details, Author List, Popular Posts, Featured Posts, Recent Comments, Random Posts and Recent Posts. はい、お願いします！ 他にWordPressのプラグインを使ってみたい場合は、WordPress Popular Postsの使い方も合わせてご覧ください。 そうだね。アレンジの仕方がとても豊富だから、状況に応じて使い分けができるね！ Translate “Advance Widget Pack” into your language. You can select any number of check-boxes to display the content related to the posts. 気に入ったプラグインを使ってみてください。 田島悠介 BizCalendar ‘menu_position’ =>5, 田島悠介 大石ゆかり ‘labels’ => array( ビジュアルエディタでそのまま入力すると記事として公開されたコードが見にくかったり、コピー＆ペー... WordPressでパーマリンクを設定する基本操作の記事です。WordPressでは、URLの形式を変えることができますが、理解せずに初期設定のままということも... WordPressのプラグインの使い方を紹介する記事です。
type：カスタムフィールドの形状（＋サイズ） 田島メンター！！カスタムタクソノミーの使い方を教えてほしいんですけど、いいですか？ 「Misc Options」タブでは、ビジュアルエディタのプレビューを見ることができます。 Added stylesheet. text：一行のテキストフィールド WordPressのプラグイン【Custom Post Type UI】の使い方を初心者向けに解説した記事。カスタム投稿タイプを、簡単に追加・編集することができます。テーマのphpファイルを編集する必要もありません。, TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。, 今回は、WordPressでカスタムフィールドを設定できるプラグイン、Custom Post Type UIの使い方を紹介します。, なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。, 田島メンター！！カスタム投稿タイプってとても便利なんですけど、もう少し使いやすい方法ってないんですか〜？, 「Custom Post Type UI」っていうプラグインを使うと、簡単にカスタム投稿タイプを使えるようになるよ。, このプラグインは、WordPressの便利な機能であるカスタム投稿タイプを、簡単に追加・編集できるプラグインです。普通の投稿タイプとは違った形式の「更新情報」や「感想」といった投稿タイプを設定したい時に役立ちます。, テーマのphpファイルを編集する必要もないので、初心者でも気軽に使うことができます。, このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。, インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。, インストールと有効化が完了すると、ダッシュボードに「CPT UI」という項目が追加されています。, 左側がカスタム投稿タイプの追加フォーム、右側がカスタムタクソノミー（カスタム分類）の追加フォームという構成になっています。, 他の投稿タイプで使われている「post, page, attachment, revision, nav_menu_item」は使用不可です。, ラベルは、管理画面のサイドバーに表示される名称です。日本語でもOKなので、自分で使いやすいようにしましょう。, また、「Advanced Label Options」というボタンをクリックすると、管理画面の表示項目をカスタマイズできます。必須というわけではありませんが、翻訳が中途半端なプラグインなので、好みに合わせておくと作業効率が上がります。, 他に、「Advanced Options」をクリックすると、システム部分の設定ができます。, 基本的には、デフォルトのままで問題ないですが、以下の2点は好みに応じて変更してください。, 入力が完了したら、Create Custom Post Typeのボタンをクリックします。, 入力方法はカスタム投稿タイプとほぼ変わりませんが、どの投稿タイプで使うかのチェックボックスがありますので、忘れないよう設定しましょう。, 他のWordPressのプラグインを使ってみたい場合は、WordPress Popular Postsの使い方も合わせてご覧ください。, [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。. You can select the check-boxes if you want to display the comment text and the commentator\’s gravatar respectively. You can choose to display the posts belonging to a particular category only. 大石ゆかり （※チェックボックスの場合は、下の行に「Value=◯◯ # ◯◯ # ◯◯ # 」と、 # 区切りで表示項目を指定します） ) The length of your sidebar will increase depending on the number of widgets you drag into the sidebar and the number of posts and its details you choose to display. You can specify the title of your choice if you want. Bug fixes v1.0.5 それならWordPressにプラグイン入れればできるよ！！
In the title field, you can specify the title for your widget. 田島悠介 有効化すると、ダッシュボード＞設定＞カスタムフィールドテンプレートというリンクができます。 [PR] WordPressで挫折しない学習方法を動画で公開中プラグインを設定する プラグインインストール前は、こんなシンプルなエディタ画面です。 固定ページにショートコードを挿入するだけで表示できるのは他のプラグインと同じですが、各イベントの詳細を設定できる点ではピカイチです。 田島メンター！！セミナーを管理するサイトを作りたいんですけど、なにかいいツールご存じないですか〜？ Advanced Widget Pack plugin comprises of seven widgets: Author Details, Author List, Popular Posts, Featured Posts, Recent Comments, Random Posts and Recent Posts. array( ただ、これだけでは投稿画面で入力したものがサイトに反映されないため、サイト上でどう表示するかを設定します。 下の画像のように、テンプレートの名前とテンプレートの項目を記載します。 You can select any number of check-boxes to display the content related to the posts. Sugar Events Calendar Lite for WordPress カスタムタクソノミーを追加できました♪ なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。 After the radio buttons, there are check-boxes. 今回は、WordPressのビジュアルエディタを拡張できるプラグインの1つである、Ultimate TinyMCEの使い方を紹介します。 さらにWordPressを活用したい場合は、WordPressでカスタムヘッダーを設定する方法を合わせてご覧ください。 田島悠介 Browse the code, check out the SVN repository, or subscribe to the development log by RSS.