WordPressをクライアントワークで使用する際に覚えておくと良さそうな管理画面のカスタマイズ用コードいろいろ - かちびと.net
今日もWordPressの記事です。今日は、クライアントワークで、納品物としてWordPressを使うときに覚えておくと便利な管理画面をカスタマイズ出来るコードのまとめです。ほとんど地味な施工ですけど。 今日はクライアントワーク向けの管理画面カスタマイズコードをいろいろご紹介します。こちらも、昨日お知らせしたWordPressスニペットに掲載しますのでそちらでもご確認頂けます。と言うわけで宣伝でした。 WordPressスニペット まだ未完成ですけど暇を見て使いやすく出来たらなぁと思います。 更新をWebに疎いクライアントさん側で行うのであれば、管理画面の利便性の向上は更新モチベーションに繋がりますし、工数分の売り上げ増加にも繋げられます。地味だけど、覚えて置いて損はありません。 では、コードいろいろです。コピペはあまり良く無いですけど、今日はまとめ記事なのでコードの解説は割愛させてくださ
WordPressのユーザーページ(author.php)テンプレートをカスタマイズする
WordPressのユーザーページ(author.php)テンプレートをカスタマイズする Wordpressを複数人で管理する場合ユーザーページ（authorテンプレート）を利用すれば、ユーザーごとの自己紹介ページを簡単に作成できます。 この記事では管理画面の「ユーザー編集」で入力した情報をユーザーページ（authorテンプレート）に表示させることから始め、「ユーザー編集」での不要な項目の削除や、最終的にはオリジナルのフィールドを追加するということをやったりしてみます。 投稿日2010年08月28日 更新日2011年04月03日 ユーザーページを確認してみる。 まずユーザーページを確認してみましょう。 ブログURLのあとに「/author/[ユーザー名]」でユーザーごとのページが表示されます。 http://www.example.com/author/[ユーザー名] 何も設定していないと
記事の投稿ステータスによって管理画面・編集画面の色を切り替える | H.I. Art Works [ Web Technology ]
WordPressって記事を編集している時、その記事が既に公開されている記事なのか下書き・非公開状態なのか気づきにくいですよね。まぁ公開ステータス見ればわかりますけど、まだ公開しちゃいけない記事をうっかり公開してたり、公開したつもりが公開してなかった！という事があっては企業サイトではまずいので、公開状態が一目でわかるカスタマイズです。 まずは管理画面用に独自のCSSを読み込むようにします。 functions.phpに以下を追加 /*-------------------------------------------*/ /* 管理画面_スタイルを追加 /*-------------------------------------------*/ function bizVektor_admin_css(){ echo '<link rel="stylesheet" type="text
WordPressのbody_classに固定ページのルートのスラッグを追加する – Simple Colors
body_classで出力されるclassに最上位のルートのページのスラッグを含むclass名が追加されるようになります。子ページ全部で同じcssを利用できるので、特定のツリーだけ配色を変更したいときなど便利にですよね。さらに、汎用化しているので固定ページだけじゃなくて、階層サポートしたのカスタム投稿タイプでも利用できます。 class名は、{投稿タイプスラッグ}-category-{ページのスラッグ}という命名規則にしてますが、このあたりはお好みで。 $post_type . '-category-' . $post->post_name の部分を変えてくださいな。 function add_page_root_body_class( $classes ) { if ( is_singular() ) { $post_type = get_query_var( 'post_type' )
パラメータでカスタマイズしやすいWordPressのパンくずナビを作ってみた – Simple Colors
前回のパラメータでカスタマイズしやすいWordPressのページナビを作ってみたに続き、パンくずナビも作ってみました。 カスタム投稿タイプの年月アーカイブとか、カスタム投稿タイプの寄稿者など複合条件までは対応できていませんが、カスタム投稿タイプ、カスタムタクソノミー、フロントページの表示設定など、多彩な設定に対応できています。 [2011.06.30追記] プラグイン版を公開いたしました。一部修正してありますので、こちらをご利用ください。 導入方法 使っているテーマのfunctions.phpにCODE 1を、ページナビを使っていない方は、CODE 2も追記してください。あるいは、独自プラグインにしてしまってもいいです。（独自プラグインの作り方は、初心者でも10秒でできる WordPress プラグインの作り方やWordPress でスニペットを簡単に管理する方法あたりを参考に） テーマフ
カテゴリーの投稿数を出力する際、Aタグの内側に表示させたい。
ウィジェットで投稿数を表示させる際、 投稿数がAタグの外側にでてしまいます。 ※AタグにはCSSで display: block; にしたいので。 <li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">カテゴリー</h2> <ul> <li class="cat-item cat-item-4"><a href="#" title="商品1 に含まれる投稿をすべて表示">商品1</a> (1)</li> <li class="cat-item cat-item-6"><a href="#" title="商品2 に含まれる投稿をすべて表示">商品2</a> (1)</li> <li class="cat-item cat-item-1"><a href="#" title="商品3 に含
カスタムメニューのカスタマイズ
新しくテーマを作成しようと思っております。 カスタムメニューを作成していたところ、以下のようなHTMLタグが出力されるようです。 <div> <ul> <li><a></a></li> <li><a></a></li> </ul> </div> 上記のコードを以下のようにカスタマイズしたいのですが・・・ <div> <ul> <li><a></a></li> <li><a></a></li> <li> <strong><div></strong>←ここ <ul> <li><a></a></li> <li><a></a></li> </ul> <strong></div></strong>←ここ </li> </ul> </div> 上記は、ドロップダウンメニューの子セレクタがあった場合にタグが出現されるようにしたいと考えております。 ただ、以下のようなデフォルト値を見てみるとそのような設定
WordPress管理画面にオリジナルメニューを追加した時の手順メモ
前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますｗ ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー＆メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ
任意のファイルを読み込み、その場に実装するWordPressショートコード | かちびと.net
3連休ですがいつも通り更新です。暇なものでして。今日はWordPressの小ネタです。一見凄く使えそうですが、使い方に気を付けたほうがいい、みたいなTips。任意のファイルを外部だろうが内部だろうが読み込むショートコードです。 休日ですし、ちょっとネタっぽい内容です。htmlでもxmlでもcssでも、指定したファイル内の文字列を取得してその場に実装します。 以下のコードをfunctions.phpに含めます function show_file_func( $atts ) { extract( shortcode_atts( array( 'file' => '' ), $atts ) ); if ($file!='') return @file_get_contents($file); } add_shortcode( 'show_file', 'show_file_func' ); で
ウィジェットの検索 カスタマイズしたい
ウィジェットに検索フォームを追加したのですが サーチフォームの前に 検索： という文字が出てくるのですが これはどの部分をいじればいいのか分りません。 おわかりの方いらっしゃいましたらご教示くださいｍ_ _ｍ 簡単な順に。。。 1.CSSでムリヤリ非表示に .screen-reader-text { display: none; } 2.ウィジェットを使わず、テンプレートにコードを直書き <form role="search" method="get" id="searchform" action="http://あなたのWPのURL" > <div><label class="screen-reader-text" for="s">お好きな言葉:<!-- お好みで書き換え --></label> <input type="text" value="" name="s" id="s" />
SEO関係のプラグインを使わないテーマ作成術
SEO関係のWordPressプラグインというと、代表的なのがAll in One SEO Pack。 よく、SEOにいいとか、絶対入れたいプラグイン何ちゃらでオススメの上位に入っていますが、 これって本当に必要？？ 楽になるって、本当？ 実際私が思うところは… インストールすれば、楽になると思われがちですが、 実はインストールしなくても、 テーマをカスタマイズすれば、それなりに楽になります。 metaタグkeyword（メタキーワード）やmetaタグDiscription（サイト説明文）… 今やそんなに検索エンジンは考慮されませんが、 一応いれておけばいい程度で私はテーマをカスタマイズしてます。 それも、サイト記事のmetaタグDiscription（サイト説明文）だけは考えて、わざわざ更新時に入力しなくてもいいようにしています。 だって、面倒くさいんだもん…。 また、プラグインを入れる
WordPress 管理画面のカスタマイズ まとめ | hijiriworld Web
WordPress管理画面のカスタマイズ詰め合わせ ※随時更新していきます ダッシュボード 不要なウィジェットを削除 カスタムウィジェットを追加 ウィジェットの配置を変更 投稿画面 不要な項目を削除 エディタ ビジュアルエディタを無効にする HTMLエディタの不要なボタンを非表示 HTMLエディタにカスタムボタンを追加 フッター サイドメニュー メニューの名称変更 メニューの並び替え メニューを非表示 カスタムメニューを追加 管理バー サイト側の管理バーを非表示 不要な項目を削除 投稿一覧画面 不要なカラムを削除（投稿、ページ、カスタム投稿タイプ） カスタムカラムを追加（投稿、ページ、カスタム投稿タイプ） ソート機能も実装した応用技 ログイン画面 スタイルを変更 ログイン/ログアウト後のリダイレクト先を変更 バージョンアップ通知をOFF WordPress本体のバージョンアップ通知 プラグ
WordCamp Tokyo アンケート集計サイトの舞台裏 – Simple Colors
@rie05 さんからのバトンを受けて、WordPress Advent Calendar 2011 の４番バッターを担当させていただきます。 Advent Calendarとはなんぞや？？と思われる方もいらっしゃるかと思いますが、それは、先のお三方が十二分に説明いただいているので、さっくりと割愛。 たいさん、みやさん、りえさんと、ハードルを上げまくってくれたので、後の方を思ってここら辺で下げる役割をば。。。 私の紹介する内容ですが、WordCamp Tokyo 2011 のアンケート集計を担当させていただいているので、技術的内容含めて、その舞台裏など紹介してみたいと思います。 WordCamp Tokyo 2011は、11/27に800名を超える参加者を開催されましたが、アンケートを集計する役目に手を挙げてしまっていたので、私の WordCamp はまだ終わらない！ 受付スタッフに集めて
query_postsで期間を指定しての記事の表示
こんにちは。 いつも勉強させていただいております。 query_postsを利用して、 ・あるカテゴリー内の記事で、 ・特定の期間内のものに限定して（例：今日以降～2011/12/31まで） 記事のリストを表示させる方法をさがしています。 Post Expiratorというプラグインを使えば、その記事の公開終了日（非公開か削除）を設定できるのですが、この場合は、当該記事が非公開になり、アーカイブ全体を表示させた場合に記事リストからもれてしまいます。 他の手法をつうじて、なんとか乗り越えられないか探しております。 いつも質問ばかりですみません。 テーマフォルダの functions.php に以下を追加： <?php global $my_where; function my_posts_where( $where ) { global $my_where; return $where .
WordPress 特定のカテゴリーから絞込み検索するカスタマイズ | mono-lab
WordPressのテンプレート、プラグイン、 カスタマイズ情報を紹介しています。 WPを利用したホームページの制作も承っております。 以前、特定のカテゴリーを検索対象から除外するカスタマイズ方法を紹介しましたが、 今回は特定のカテゴリーから絞込み検索する方法を説明します。 はじめに、絞込みをするカテゴリーのIDを管理画面から調べ、 <form> タグの下に2行目のコードを記述してください。 <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/"> <input type="hidden" value="5" name="cat" /> この場合、カテゴリーIDが5のカテゴリーのみ検索の対象になります。 次に紹介する方法は、絞込みするカテゴリーのドロップダウンメニューを表示する方法です。 2行目のコードを
WordPressでウィジェットを作るカスタマイズ
「WordPress 3のサイドバーにウィジェットを表示するカスタマイズ」の続きで、WordPress 3でウィジェットを作るカスタマイズを紹介します。 １．基本 ウィジェット作成に必要なソースコードは次のようなイメージです。 class WP_Widget_xxx extends WP_Widget { function WP_Widget_xxx() { } function form( $instance ) { } function update( $new_instance, $old_instance ) { } function widget( $args, $instance ) { } } function WP_Widget_xxxInit() { register_widget('WP_Widget_xxx'); } add_action('widgets_init'
管理画面のデザインをクライアント向けにカスタマイズする方法[functions.php編]
前の記事でご紹介したプラグインの利用は手軽に設定ができる反面、細かいカスタマイズは対応していません。 クライアントに納品する際、管理画面のデザインにもこだわりたい場合はやはりfunctions.phpを利用する他なさそうです。 目次 わたしが今回の仕事で利用したコードをまとめてみます。 自由にカスタマイズしたかったので、本来ある管理メニューを消して、独自にhtmlとcssを読み込ませています。 管理画面のロゴを変更する ログイン画面のロゴを変更する 管理者以外のユーザにアップデートのお知らせ非表示にする 管理者以外のユーザにオリジナルメニューを追加する 管理者以外のユーザに独自のcssを読み込む 管理画面のロゴを変更する 管理画面左上にあるロゴマークを独自のアイコンに設定できます。 //管理画面のロゴ function my_custom_logo() { echo '<style typ
![管理画面のデザインをクライアント向けにカスタマイズする方法[functions.php編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/da7eb286b84bb1fb094a987ea97916ad321835bb/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2Fcustom2.png)
wordpressの次のページへのナビゲーションをカスタマイズ
wordpressで記事が増えてくると次のページへだけでは、ユーザービリティ上あまりやさしくありません。 今回は、下のような次のページへだけではなくページ数できりかえれる様にする方法を解説します。 wordpressでのタグ <?php $pagemax = $wp_query->max_num_pages; $current = $paged; if(!$current){$current = 1; } ?> <?php previous_posts_link('<'); ?> <?php for($i=1; $i <= $pagemax; $i++): ?> <?php if( $i == $current): ?> <span><?php echo $i; ?></span> <?php else: ?> <a href="<?php echo get_pagenum_link
WordPressのTinyMCEをチキチキにカスタマイズする | 高橋文樹.com | プログラミング
この投稿は 13年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近続いているWordPressエントリーの続きです。ところでみなさん、HTMLタグは好きですか？ 僕はというと、特に好きとかはなくて、「セマンティックWebを実現するために大事だとは思うけど、書きたくはない」という感じです。 さて、WordPressにはTinyMCEというWYSIWYGエディタがついています。これはWordPressの中の人ではなくMoxiecodeというスウェーデンの人が作ったオープンソースのソフトですね。 今回はいかにタグ打ちをせずに済ませるかという点にしぼってご説明します。たぶんリンク集みたいになると思いますが、カスタマイズの方法は大体下記の通りです。 TinyMCEでの見映え自分のブログと統一する（初級） TinyMCEに元からあるボタンを追加する
徹底解説！query_postsを使ってWordPressで表示する記事数をカテゴリごとに変更する（プラグイン不使用） | Sabakura Blog
Warning: Declaration of FEE_Field_Terms::wrap($content, $taxonomy, $before, $sep, $after) should be compatible with FEE_Field_Post::wrap($content, $post_id = 0) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0 Warning: Declaration of FEE_Field_Tags::wrap($content, $before, $sep, $after) should be compatible with FEE_Field_Terms::wrap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
