はてなブックマーク

いま進めているWordPress案件で、カスタム投稿タイプでページごとにテンプレートを選択したいという要望があり、少し調べたことをアウトプットしたいと思います。 通常、固定ページでは「ページごとにテンプレートを選択」する事が可能ですが、投稿やカスタム投稿タイプになるとこの機能は使用できません。 基本的に固定ページのみの機能という事ですね。 そこで、投稿やカスタム投稿でもテンプレートが選択可能になるプラグインを探したところ、「Custom Post Template」、「WP Custom Post Template」 などを発見したのですが、よくみると開発が数年前で止まっていたり、現時点のWordPress最新バージョン4.1に対応していないなど、導入できないプラグインばかりでした。 そこで海外サイトを探すこと半日、とても素敵なプラグインを発見しました！ そのプラグインは「Template

WordPressの投稿エディターTinyMCEのオプション機能「visualblocks」を表示させるプラグイン「TinyMCE VisualBlocks」を作ってみました。 ※visualblocksとは、HTML要素に点線枠をつけ分かりやすくする機能です。 その導入手順をまとめましたので是非試してみてください。 ファイルをダウンロード まずは下記ボタンよりプラグインをダウンロードしてください。 TinyMCE VisualBlocks ↑↑↑ 公式ディレクトリに公開されましたので、 ダウンロード先を変更しました。 プラグインのインストール 管理画面　＞　プラグイン　＞　[1] 新規追加　＞　[2] アップロード　＞　[3] 参照　より、 先ほどダウンロードしたZIPファイルをアップロードします。 アップロード後は「プラグインを有効化」します。 実際の投稿画面で確認してみよう！ プラグ

MW WP Form の管理画面にはたくさんの機能が用意されていてとても便利です。 エラーメッセージの文言変更やエラーメッセージの表示位置を変更させたいと言った更なるカスタマイズには、管理画面だけでは設定できない範囲となるので、その設定方法を説明したいと思います。 今回は例として、MW WP Form の管理画面の本文に下記内容を入れました。 ※分かりやすくする為、あえてHTMLタグはほとんど使用していません。 氏名 [mwform_text name="名前"]<br> 例：山田太郎<br> <br> メール [mwform_text name="メール"]<br> 例：test@example.com<br> <br> 内容 [mwform_textarea name="内容"]<br> <br> [mwform_submitButton] エラーメッセージの文言を変更する デフォルト

5月18日（土曜日）に行われたWordBench千葉で、 「テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法」 というお題でスピーチさせていただきました。 引っ越しの際、URL（ドメインやWordPressインストールディレクトリ）が変更になると、 データベース内にあるURLの書き換えが必要となる場合があります。 移行の際に少し知っておく事と、 URL書き換えスクリプトを使用したWordPressの移行手順をまとめていますので、 参考にして頂ければと思います。 スライドのダウンロードはこちら 同じ日にスピーチされた方のスライドもとても勉強になるので合わせてどうぞ～。 しょーさん　WordPressをバックアップしよう うぇぶるじょんさん　バックアッププラグインあれこれ ねこみみ隊長さん　phpMyAdmin入門 まがりんさん　WordPressのデータ構造 ま

define( ‘UPLOADS’, ‘アップロードパス’ ); と追記するれば解決できるのですが、 WordPress3.5をサブディレクトリにインストールした時に画像の保存先をルート直下にする方法をご紹介します。 例）　WordPress本体 → /wp/ 画像の保存場所 → /images/ と記述すればいけるのかな…と思っていたのですが、 画像の 【ファイルの URL:】 を確認してみると、 http://www.example.com/wp/../images/example.jpg となってしまい断念。。 色々試したものの解決方法が見つからなかったので、 仕方なく MySQL の upload_path と upload_url_path に直接記述していたのですが、 プライムストラテジーの王さんが便利なプラグインを出している事が分かりました。 「030 Ps Display

WordPressでサーバを引っ越しする時や、開発環境から本番環境へ移行する際は、 データベース内の旧ドメインを新ドメインに書き換える必要があります。 その方法をまとめてみました。 UPDATE wp_options SET option_value=REPLACE(option_value,"旧ドメイン","新ドメイン"); UPDATE wp_posts SET post_content=REPLACE(post_content,"旧ドメイン","新ドメイン"); UPDATE wp_posts SET guid=REPLACE(guid,"旧ドメイン","新ドメイン"); UPDATE wp_postmeta SET meta_value=REPLACE(meta_value,"旧ドメイン","新ドメイン"); ところが、岡本さんのブログ「WordPress のDB上のサイトURLを

これは検索して頂くとたくさん記事がでてくると思いますのでこれ以上は割愛させて頂きますが、 この場合、 もし検索キーワードが空（空欄）の状態で検索ボタンが押された場合のURLは、 http://example.com/?s=&cat={カテゴリID} となり、 テンプレートは category.php が呼び出されてしまいます。 そこで category.php ではなく、 通常の検索結果テンプレートの search.php が呼び出されるよう変更してみたいと思います。

最近よく使用するWordPressプラグイン「Advanced Custom Fields」で 画像を挿入する際の手順を自分用のメモとしてまとめてみました。 まずは「Advanced Custom Fields」の設定を行います。 ここでのポイントは返り値の設定を「画像ID」にするという事です。 次にテンプレートへの記述は、 <?php $attachment_id = get_field('image'); $size = "full"; // (thumbnail, medium, large, full or custom size) $image = wp_get_attachment_image_src( $attachment_id, $size ); $attachment = get_post( get_field('image') ); $alt = get_post_m

WordPress3.4.1 の投稿画面で、タイトルの入力は必須となっていないので、 入力を必須とし、入力がなければエラーを出すという機能を追加してみました。 // タイトルを必須入力にする function my_title_required() { echo <<< EOF <script type="text/javascript"> jQuery(document).ready(function($){ if('post' || 'page' == $('#post_type').val()){ $("#post").submit(function(e){ if('' == $('#title').val()) { alert('タイトルを入力してください！'); $('#ajax-loading').css('visibility', 'hidden'); $('#publish

先日、Advanced Custom Fields を使用する機会があったのですが、 （管理画面もともて使いやすかったです。日本語化されています。） 以前の記事「Custom Field Gui Utility の表示をカスタマイズ」と同じく、 Advanced Custom Fields の入力欄も見やすくレイアウト変更してみたいと思います。 /wp-content/plugins/advanced-custom-fields/css/input.css を開き、最終行に下記コードを追加します。 #poststuff .acf_postbox .inside .label { float: left; width: 20%; margin: 0; white-space: nowrap; } #poststuff .acf_postbox .inside .label+* { float

画像挿入後、HTMLソースをみてみると、imgタグのclass属性とtitle属性が自動的に挿入されます。 不要なclassやtitleは自動挿入したくないですよね。 という訳で、それらを削除してみたいと思います。 function remove_img_attr($html, $id, $alt, $title, $align, $size) { $html = preg_replace('/title=[\'"]([^\'"]+)[\'"]/i', '', $html); return preg_replace('/ class=[\'"]([^\'"]+)[\'"]/i', '', $html); } add_filter('get_image_tag','remove_img_attr', 10, 6);

MW WP Form で入力エラー時にエラーメッセージを表示する WordPress公式フォーラムの方で質問があったのでその回答を兼ねて記事にしました。 フォーラムの該当記事はこちら。 内容はタイトルにある通り、お問い合わせプラグイン「MW WP Form」で入力エラーがあった場合、入力フォームの上部にエラーメッセージを表示させます。 ではその手順を説明していきます。

メールアドレス収集プログラム（Bot）から少しでもメールアドレスを守るため、 メールアドレスをエンティティ化してみたいと思います。 今のBotは優秀らしいので気休めかもしれませんが。。 手順1 WordPressには antispambot() という便利な関数があり簡単にエンティティ化してくます。 それを使用し、WordPressのエディタから挿入できるように、 ショートコードを作成してみたいと思います。 まずは、下記コードを functions.php に追記します。 // エンティティ化 function antispambot_short($atts) { extract(shortcode_atts(array( 'mail' => '', 'text' => '', ), $atts)); $mail = antispambot($mail); $text= antispamb

カスタマイズ方法 カスタマイズ方法はとても簡単！ 下記CSSを、Custom Field Gui Utility のCSSファイル（cfg-utility.css）を開き、 最下部に貼り付けるだけです。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 #cfg_utility .inside { margin: 0; padding: 10px 20px; } #cfg_uti

WordPressのバージョンが3.3になり、ログイン直後のダッシュボードに「新しい WordPress サイトへようこそ !」が表示されるようになりました。 非表示にさせたい場合、表示オプション欄からチェックを外すか、テキストリンクの「非表示にする」もしくは「このメッセージを非表示にする」をクリックすれば良いのですが、 デフォルトで非表示にさせたい場合の方法をご紹介します。 当初、Simple Colorsさんのブログ記事を参考に、 functions.phpに下記コードを試したのですが、どれも非表示なりませんでした。。 'wp_welcome_panel', // Welcom Panel 'dashboard_wp_welcome_panel', // Welcom panel 'welcome_panel', // Welcom Panel 'dashboard_welcome_p

進行管理や情報共有などをWeb上で管理するプロジェクトサイトのWordPressテーマです。 極力無駄を無くし、シンプルで見やすいデザインにしています。 カスタムナビゲーションやウィジェット機能にも対応し、 簡単にナビゲーションやサイドバーをカスタマイズする事ができます。 たくさんの方に使っていただければ嬉しいです。 ダウンロード テーマは、個人利用、商用利用、ともに無料で使用いただけます。 ライセンスは、WordPressと同じくGPLライセンスとなります。 動作は WordPress3.4.1で確認。(2012.07) PHP5以上が必要です。 ダウンロード　　デモ ※デモページ ID：guest　PW：guest 更新情報 ［2012.07.06］　ver1.0.1　細かなバグ修正 ［2011.11.17］　ver1.0 公開 使用方法 それでは順番に導入方法を説明します。 【1】