WordPressで記事投稿や編集時にカテゴリー選択する際、大量のカテゴリーが登録されている場合はスクロールを沢山して目的のカテゴリーを見つけるのが少し手間になります。 その手間を少しでも減らしたいという時に使えそうなカスタマイズで、カテゴリー選択部分にフィルタ機能を追加して目的のカテゴリーを簡単に見つけられるようにする方法です。 画像はデフォルトのカテゴリー選択部分をキャプチャしたものになりますが、この「カテゴリー一覧」の中にカテゴリーをフィルタできる機能を追加します。 add_action( 'admin_head-post-new.php', 'post_filter_categories' ); add_action( 'admin_head-post.php', 'post_filter_categories' ); function post_filter_categories

Windowsのイルカ並に消されてしまう不憫な子…（？） 脳内イメージはこんな感じです。 日本公式キャラクター「わぷー」 冗談はさて置き本題に入ります。 目次 オリジナルのCSSを追加 オリジナルのウィジェットを追加 「概要」にカスタム投稿を追加 「アクティビティ」にカスタム投稿を追加 ウィジェットの削除 ウィジェットのカラム数を変更 フッターのテキストを変更 オリジナルのCSSを追加 カスタマイズする上で重要ですよね。 ダッシュボードに限らず管理画面のカスタマイズで、最初の内は悩んだらとりあえずCSSで対応！という感じでいける部分もあると思います。 以下の例では記事中で紹介しているものを入れてます。多い場合は外部ファイルにまとめてしまっても良いですね。 function custom_dashboard_styles() { ?> <style> #dashboard-widgets-w

WordPress投稿一覧にサムネイル・ID・スラッグ・文字数の項目を追加する方法です。 小さくて見難いですが、上記イメージはデフォルトの投稿一覧をキャプチャしたものです。 表示オプションで何もいじっていなければこの画像のように「タイトル」「作成者」「カテゴリー」「タグ」「コメント」「日時」の6項目が表示されていると思いますが、ここに個人的によく使うことがあるのではと思う「サムネイル」「ID」「スラッグ」「文字数」の4項目を新たに追加・表示させます。 実装にはを使用するので、テーマ内にない場合は作成して下記で紹介する方法をそれぞれ記述してください。 // 投稿一覧にサムネイル追加 function add_posts_columns_thumbnail( $columns ) { $columns['thumbnail'] = 'サムネイル'; return $columns; } fun

SaCSS の告知用にバナーを追加しようとした時に、毎回ソースコードを変更するよりも、管理画面で簡易的に設定できるようにするのがいいかなと思い、オリジナルの設定を追加する方法を調べてみました。 オリジナルの設定メニューを追加まずは管理画面のメニューにオリジナルの項目を追加する方法から。 Administration Menus « WordPress Codex 管理画面のメニューを追加するにはメニューを作るコードを含んだ関数を作り、 admin_menu にフックさせます。 今回自分は簡易的に使えるページを作りたかっただけなので、functions.php に追加しました。 functions.php add_action('admin_menu', 'banner_menu'); function banner_menu() { add_options_page('バナー管理', 'バ

get_sample_permalink_html というフィルターフックがあります。 フックするとその部分のHTMLが取得できますので、正規表現等でその部分を置換する方法もあります。 add_filter( 'get_sample_permalink_html' , 'not_get_sample_permalink_html' ); function not_get_sample_permalink_html( $permalink_html ) { var_dump($permalink_html); }

WordPressの管理画面カスタマイズの備忘録。 投稿記事や固定ページの一覧にカラム（タイトル、日時..など）が表示されています。 ここに「スラッグ(slug)」のカラムを追加したい！と思ったので追加方法の備忘録。 いきなり困った！「ソート」させるには？ 色々な方が投稿一覧のカラム追加方法を紹介しています。 ↓参考にしたのはこちら ■NxWorld： 管理画面の投稿一覧や固定ページ一覧などに「スラッグ」カラムを表示する方法 ■IMAGINATION DESIGN BLOG： WordPress：投稿一覧にサムネイル・ID・スラッグ・文字数の項目を追加する方法 しかし、このままではカラムは追加されるけどソートができない。どうしても「ソートがしたい！」という要望があったので調べてみると…ありました。 「manage_edit-[ポストタイプ]_sortable_columns」ってのを使えば

オッス、オラムラタ。 今回はWordpressのタイトル下やらエディター下など色々な場所に要素を追加してみたいと思います。 投稿の際の注意書きを入れたりマニュアルへのリンクを貼ったりすることでクライアントにも優しい投稿画面が仕上がるのではないでしょうか？ 目次 アクションフック タイトル直前で実行「edit_form_top」 タイトル直後で実行「edit_form_after_title」 エディター直下で実行「edit_form_after_editor」 オプション要素の最後で実行「edit_form_advanced」 独自のボックスを追加「add_meta_box」 投稿タイプによって内容を変更させる 最後に アクションフック WPでは管理画面を開いた時や投稿画面を開いた時、プラグインを停止させた時など様々なタイミング（アクション）にフックを使い任意の処理を実行することができます

WordPressの管理画面カスタマイズ時に見るチートシート目的のメモ第4弾です。 紹介している内容は、基本的にWordPress Ver 3.9.1で実装・確認したものになります。 アドミンバーを非表示にする 管理者やユーザーがひとりの場合なら「ユーザー → あなたのプロフィール」から設定を一回するだけで済むのでわざわざこの方法を使わなくても良いとは思いますが、管理者が複数いる場合はそれぞれ設定していく必要があるので、手っ取り早く全てのユーザーに対して適用させたいときは、下記をfunctions.phpに記述することで実装できます。

今日は管理画面のデザインを、まとめてみました。いつもより多めな40種類です。トレンドを反映してか、フラットデザインが多いですね。 通常の静的なサイトのデザインとは異なり、投稿がある場合無い場合とたくさんのパターンを考えながら制作しなければならないので、デザイン力が問われます。これらを日本語に置き換えるとまた違って見えたりするのですが、ひとまず、ご参考になればと思います。 ▼ The Kamarel デモサイト ▼ Apricot Bootstrap デモサイト ▼ The Vira デモサイト ▼ Cameo デモサイト ▼ DefOne デモサイト ▼ Pixit デモサイト ▼ AdminEx デモサイト ▼ Odin デモサイト ▼ Minimal デモサイト ▼ Delighted Flat デモサイト ▼ Tisa Premium デモサイト ▼ Adminre デモサイト ▼

これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で

In the first part of this series, I showed you how to customize the WordPress login screen by adding a custom logo and some custom styling. The next thing your users will see after they've logged in is the Dashboard, so in this tutorial you'll learn how to customize it by removing some of the existing metaboxes, moving some around, and adding some new ones.

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。 Advanced Custom Fields でアップロードした画像を管理画面投稿一覧に表示 functions.php に。フィールド名が image の場合。 add_filter( 'manage_edit-post_columns', 'set_columns' ); function set_columns($columns) { $columns['thumbnail'] = 'Thumbnail'; unset( $columns['comments'] ); return $columns; } add_action( 'manage_posts_custom_column', '

CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗

知り合いの会員制サイトの作成を手伝っています。 会員さんのお店専用のページをつくって、会員さんがお店のページを各々自由に更新できるサイトを立ち上げたいとのこと。 WordPressを導入して個別に更新できるようにしました。条件は 投稿画面をわかりやすく。フォームを埋めていくとページが出来上がるようにする 文章だけでなく、画像もアップロードできる ほかの会員がアップした記事や画像を見たり、修正できない です。備忘録としてまとめました。 基本は「寄稿者」で、足りない機能を追加していく 会員さんに与えるアカウントは「寄稿者」にします。自分の記事を作ることはできますが、他のアカウントの記事を修正することはできません。今回の用途に近いパーミッション(権限範囲)を持っています。 しかし、このままだと今回の条件には合わない部分があるので、カスタマイズをしていきます。 シンプルなダッシュボード 寄稿者でも