【WordPress】カスタムフィールド管理プラグイン・Custom Field Suiteの使い方 – atomicbox
WordPressのテーマ製作をしていると、カスタムフィールドをうまく取り入れてクライアントが更新しやすいようにカスタマイズしたいなぁと思うことが多々あります。 今回は、筆者もよくお世話になっている「Custom Field Suite」というプラグインの使い方を書き留めておこうと思います。 基本情報 WEBサイト：Custom Field Suite インストール：「プラグイン」メニューから「Custom Field Suite」で検索してインストール・有効化します。 ドキュメント：Documentation | Custom Field Suite フリーのプラグインなのですが、ループフィールドに対応しているのがとても便利！ フィールドグループ作成 メニューに追加された「フィールドグループ」から、新規作成でカスタムフィールドセットを作ります。 特定のテンプレートや、カスタム投稿タイプに
WordPressの設定画面への項目追加方法まとめ – Simple Colors
WordPressの設定メニュー内の「一般」「投稿設定」「表示設定」「ディスカッション」「メディア」「プライバシー」「パーマリンク設定」の７ページでは、ほぼ同一の手法で独自の項目を追加することができます。この追加方法と各設定画面における追加可能な場所をまとめてみました。 ※ 「パーマリンク設定」ページでは、項目の表示追加方法は同じですが、データの保存方法が異なります。 設定画面の構成 設定ページでは、同一機能に関する項目をまとめたものをセクション、セクションが集まって１つの設定画面を構成し、これをページと捉えます。 設定画面では、ページに対してセクションを追加したり、セクションに対して項目が追加できるようになっています。 項目の表示追加 項目の表示追加は、add_settings_field関数を用いて行います。追加する項目が複数ある場合の表示順は、add_settings_field関数
custom field suiteのループ内にある最初の画像を取得したい
いつもお世話になっております。 表題のとおり、custom field suiteのループ内にある最初の画像を取得したいのですが、なかなかうまく表示されません。 <?php $fields = $cfs->get('slider'); if( $fields ) : foreach ($fields as $field) : ?> <?php $attachment_id = $field['slider_img']; if($attachment_id) : $gazou_sp = wp_get_attachment_image_src($attachment_id,'img470x350' ); echo '<li><div><img src="' . $gazou_sp[0] . '" alt=""></div></li>'; endif; ?> <?php endforeach;
WordPressの記事をCSVでダウンロードできるWP CSV Exporterプラグインを作ってみた - 着ぐるみ追い剥ぎペンギン
WordPressの記事をCSVでダウンロードできるWP CSV Exporterプラグインを作ってみた 2023 6/01 現在（2023/6/1）では、このプラグインが「CSV Import and Exporter」として別のプラグインとして新しく公開されました。 ここからダウンロードできます。 このプラグインは、先月の11月23日の「WordBench東京 11月勉強会」に参加した時に作り始めました。数日前に公式プラグインとしてリリースしており、WordPress 4.1(RC)でもテスト済みです。 WordPressの記事をCSVファイルでエクスポートできるプラグイン「WP CSV Exporter」です。 自分が作ったプラグインで、公式のものはこれで3つ目です。 どうして作ったのか？ WordPressのプラグインには、CSVでインポートするものは多いのですが、エクスポートする
WordPressのテーマカスタマイザーに画像のアップロード機能を設置する方法
メディアアップロード機能とは テーマカスタマイザーで、メディアをアップロードする機能の完成形は以下のようなものになります。（以下は、サイトロゴのアップロード機能例） テーマカスタマイザーとは、「外観→カスタマイズ」で表示されるカスタマイズ画面のことです。 こんな感じで、Wordpressのメディア機能にアップロードして、そこから画像を選択できるので、テーマ内画像の変更を手軽に行えるようになります。 もちろん、今回の方法を子テーマに適用すれば、子テーマ内からでも、この機能を実装することができます。 カスタマイズの主な手順 このカスタマイズは、コピペで編集するとしたら以下の2つだけになります。 functions.phpでカスタマイザー部分の設定 ロゴを表示する部分で設定値（今回はロゴのURL）の呼び出し 今回は、ロゴの画像ですが、コピペして好みの設定に変更すれば、いろいろな場面に利用できます
WordPress3.4のテーマカスタマイザーで自由度の高いテーマを作ろう
Posted: 2012.06.20 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 WordPress3.4からテーマカスタマイザーとい機能が追加されテーマファイルを編集しなくても管理画面から色や画像などリアルタイムで確認しながら編集できるようになりました。 この記事ではテーマカスタマイザーの使用方法とカスタマイズ方法をご紹介します。 テーマカスタマイザーの使い方 WordPressの管理画面で左メニュー「外観」→「テーマ」で「テーマ管理画面」を表示し、「カスタマイズ」ボタンをクリックします。 テーマカスタマイザー画面が表示されます。 何も設定していなくても「サイトタイトルとキャッチフレーズ」と「固定フロントページ」という項目があります。 たとえばテーマファイルで下記のように設定してあると、「サイトのタイトル」などの変更箇所がリアルタイムで
WordPressで外部ブログのRSSを表示したら日付が1日ずれちゃう。タイムゾーンの問題？
ℹ️本記事にはPRが含まれています。 さてさて、先日から外部ブログのRSS情報を画像付きで表示するためにあれこれやっていますが、割と簡単にできた～！と思ったら落とし穴がありました。なぜか日付が1日ずれちゃうのです。 RSS情報に表示されている日付から1日ずれる 左下のスクリーンショットが外部ブログ、右下のスクリーンショットがRSSを拾って表示しているブログの方です。 外部ブログの方、「2014/09/12 Fri」と表示されておりRSS情報を確認してもちゃんとこの日付で表示されています。ところが、自ブログの方で表示しようとすると、日付が1日戻ってしまいます。 ピーンと来たのは「タイムゾーン」です。調べてみると、WordPress内の関数、基本的にはGMT（グリニッジ標準時）だそうで、これがそのまま表示されているようです。 というわけでタイムゾーンのためにいろいろと関数を試してみた！ まず、
静的ファイルをWordPressサイトの中に共存させる方法
はい、今回も備忘録として。 WordPressはたしかに便利なんですが、稀に静的ページとして構築しなくてはいけないページが出てきます。 とくにWordPressサイト内に特設ページやランディングページを設ける時など。 普通だったらWrodPressがインストールされているディレクトリの中に新しく別のディレクトリを作ればそれだけで大丈夫なんですが、例えばそのディレクトリ名をスラッグで使っている名前と同じものにしたい場合。 ここではそれを “works” として。 http://(WordPressがインストールされているURL)/works/ これがアーカイブページなどに設定されている状態で /works/ というディレクトリを作ると、先に /works/ のディレクトリを開いてしまうので、アーカイブページとしての /works/ が機能しなくなるみたいです。 そこでいろいろ調べてみたところ
All in One SEO Pack が生成するタイトルで例外をつくりたい。 | doli blog
有名なWorpdressプラグイン「All in One SEO Pack」。多分に漏れず私も使っております。 今回「ある一部のページだけ例外的に異なるタイトルを生成したい」と思いました。 All in One SEO Pack が生成するタイトルでは、不都合なページがあるというわけです。 タイトル生成に関わるwp_titleフックを使って変更しようとしてみたのですが、All in One SEO Pack が生成するタイトルの優先度が高いので、変更できません。 そこで少し調べると、All in One SEO Pack にフックが用意されているのがわかりました。 All in One SEO Packとapply_filtersとadd_filterと | funxion aioseop_titleフックが使えます。 add_filter( 'aioseop_title', 'my_ch
WordPress で jQuery を使う時の注意点
慣れていない方には解りにくいところがあるようですので、いまさらですが要点をまとめます。 特別な理由がない限り WordPress に含まれている jQuery を使う WordPress には外部スクリプトを読み込むための独自の仕組みがあります。また、WordPress インストールには初期状態で jQuery が含まれており jquery というスクリプトハンドルですぐに呼び出せる状態となっています。コンフリクトや依存関係の問題を引き起こさないように考えられていますので、特別な理由がない限りこれらを利用します。 コード例 テーマの functions.php に以下のように記述するとサイトの公開側に jQuery が読み込まれるようになります。 function my_scripts() { wp_enqueue_script( 'jquery' ); } add_action( 'wp
Contact Form 7で確認用メールアドレスの入力フォームを加える方法
Contact Form 7はお問い合わせフォームを用意するのに、非常に便利なWordPressプラグインです。これまでWordPressを使ったサイトで、このプラグインを入れなかったことは一回もありません。 今回確認用メールアドレスを入力欄として設けなくてはならなくて調べたのですが、意外にいい方法が見つからなかったので、自分で作ってみました。 functions.phpに下記コードを追加（UTF-8で保存すること！） <?php add_filter( 'wpcf7_validate_email', 'wpcf7_text_validation_filter_extend', 11, 2 ); add_filter( 'wpcf7_validate_email*', 'wpcf7_text_validation_filter_extend', 11, 2 ); function wpcf
特定のカスタム投稿タイプのみアーカイブでの表示件数を変える | IT女子のお気に入りフォルダ
例えば、「新着情報（news）」「キャンペーン（campaign）」「ギャラリー（gallery）」といった具合にカスタム投稿タイプを複数設置していて、アーカイブでの表示件数を「新着情報」と「キャンペーン」は10件にして、「ギャラリー」だけは16件にしたい！ といった場合の対処方法です。 対象のカスタム投稿タイプのテンプレートファイルでquery_postsを使って表示件数をセットしなおす方法もあります。ちょっと前にそういった内容をご紹介させていただきました。 参考：WordPressでアーカイブ毎に表示件数を変える方法 が、functions.phpでpre_get_postsをフックする方法を知った今、こっちの方がスマートじゃないか！と思った次第であります。 テンプレートファイルに書く手法だと、変更したいテンプレートファイルすべてに記述が必要になっちゃうからね。 pre_get_pos
WordPressで記事に画像投稿する際に、自動でクラス名をつける
記事内の画像をいい感じのエフェクトをつけて拡大表示させるWordPressのプラグイン「Easy FancyBox」というのを導入したのですが、挿入されたaタグやimgタグに固有のクラス名がないので、CSSで調整しづらかったので、リンク付きの画像を挿入したい際に自動でclass名を追加するようにしました。 imgタグにclassを追加する場合とaタグに追加する場合を分けて書きます。 挿入されたimgタグにclass名をつける functions.php内に記述 <?php // 記事に画像投稿する際に、自動でクラス名をつける function give_linked_images_class($html, $id, $caption, $title, $align, $url, $size, $alt = '' ){ $classes = 'fancybox img-rounded'; /
WordPress条件分岐、スマートフォンとブラウザ別に表示を変える方法15種
スマートフォンなどのモバイル端末にWebサイトを対応させるのに、CSS3のMedia Queries（メディアクエリ）を使って、レスポンシブデザインにすることが多いと思います。しかし、Google Adsenseなどの広告は表示がはみ出てしまったりします。 スマートフォンなどのモバイル端末には、別の表示にしたり、ブラウザ別に表示を変えたい時があるのではないでしょうか？例えば、PCサイトでGoogle Adsenseの728×90を使っているけどiPhoneやAndroidなどのモバイルでは、レイアウトが崩れるので300×250に変えたいな等です。 今回の投稿では、WordPressでスマートフォン別、ブラウザ別に条件分岐する方法を集めました。 スマートフォン・タブレット端末 スマートフォン・タブレット端末別の条件分岐方法です。 モバイル端末で表示を変えるwp_is_mobile() PCブ
テストから本番へ！WordPressでURLが変わる場合のデータベース修正マニュアル - 株式会社bridge
タイトルの通りですが、WordPressでサイトを作る際テスト環境から本番環境へ（URLが変わる環境へ）移行する際の注意点とその方法をまとめておきたいと思います。 様々なサイトでその方法が解説されていますが、実際自分はこれを理解するのに少し時間がかかりました。そもそも当時はWordPressの構造のことなどさっぱりわかっていなかったので、今思えばうまくいかなかったのは当然ですが。。。 この先ここではなるべくわかりやすく解説できればと思います。 1. 基本的理解 必要ない場合は「2. 実装編！スクリプトを使う。」まで読み飛ばして下さい。 2022年4月8日 記事内容を最新の情報に修正しました。 まずWordPressは何でできているのかを理解しよう まずWordPressはMySQLと呼ばれるデータベースに様々なデータが記録され、PHPというプログラムを使って、実際にサイトとして表示させてい
WordPressでレスポンシブ・イメージの自動化を可能に。RICG公認プラグインが公開
追記： 2016.01.29 WordPress 4.4からレスポンシブ・イメージがCoreに実装されました。詳しくは以下をご覧ください： WordPress 4.4以降でのレスポンシブ・イメージ・プラグインはどうなるの？ WordPress 4.4からデフォルトで実装されたレスポンシブイメージってどうなのよ？ レスポンシブ・イメージの仕様策定や普及に努めているRICG（Responsive Images Community Group） が公認したレスポンシブ・イメージのWordPressのプラグイン が公開されましたね。このプラグインを使うとWordPressでのレスポンシブ・イメージの解像度対応の自動化が可能になります。RICG公認のプラグインが出たことでプラグインの開発や普及が加速すると嬉しいですね。 そもそもレスポンシブ・イメージってなによ？という方は、こちらあたりをお読みくださ
[WordPress]ダッシュボードの使い勝手を向上させるカスタマイズTIPS 10
ログイン画面のロゴ変更 まずはおなじみのカスタマイズから。 WordPressロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //ログイン画面のロゴ変更 function login_logo() { echo '<style type="text/css"> #login h1 a { background: url('.get_template_directory_uri().'/images/login_logo.png) no-repeat; width: 320px; height: 70px; background-size:100% auto; } </style>'; } add_action('login_head', 'login_logo');
![[WordPress]ダッシュボードの使い勝手を向上させるカスタマイズTIPS 10](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c6e8d439bbe9e018807c9d2af64018ebe3412b1/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2FDashboard-Customize-TIPS-10.png)
The 30 Best Free WordPress Themes Of 2014
Did you know that WordPress now powers 23% of all websites on the internet? It is no wonder - the open source CMS is very extensible and has a large community producing themes and plugins. The result is that you can build almost any site with WordPress. All that you need to do, is find the perfect theme, and we went ahead and did that for you! In this article, we've collected our favorite free the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10 Best Free WordPress Frameworks of Year 2014 – Neo Design
13 Free & Fresh WordPress Themes