WebPとLazyLoadを使って表示速度を向上させる 東京新宿のホームページ制作会社イッティ
ホームページの表示速度を上げるには、デバイスごとの画像ファイルの切り替えが有効です。画像フォーマットのWebPと、LazyLoadで遅延読み込みで、表示速度を体感できるパフォーマンスにします。 表示速度が異常に遅いホームページはSEOにも不利になることから、近頃はホームページの表示速度に関してセンシティブになっています。 ホームページの表示が遅い主な原因は画像ファイルの読み込みです。 今回は、PCとスマートフォンそれぞれに最適な画像ファイルを読み込むようにします。 さらにLazyLoadを使って遅延読み込みさせて表示速度を早めます。 また、画像ファイルに「WebP」フォーマットを使って、画像の軽量化を図ります。WebPフォーマットが対応しているブラウザにはWebP画像を表示させ、未対応のブラウザには通常のjpgやpng画像を表示させます。 デバイスに合わせたサイズの画像を読み込む Lazy
超シンプルなオリジナルの管理画面で記事を投稿できるWordPressテーマ・svbtleがちょっと面白い
こういう事も出来るんだなー、と ちょっと驚いたのでシェア。WPの テーマなんですが、既存の管理画面 を使用せず、新たに別の超シンプル な管理画面を用意し、管理できる ように設計されています。 WordPressの管理画面を既存のものとは別に用意し、そこで記事を更新できるように設計されたテーマです。確かに管理画面に拘るなら作り変えるより最初から作った方が楽かもしれない。 テーマの見た目は大きな特徴はありませんが、管理画面をオリジナルのもので管理できるようにしてあり、その管理画面も超シンプル。 通常、WordPressの管理画面は http://example.com/wp-admin/ ですが、svbtleではwp-adminフォルダと同じ階層にwp-svbtleというフォルダを置き、そこで記事を管理できるようにしてあります。 なので、管理画面のURLは http://example.com
【WordPress】Contact Form 7 に値を渡すメモ｜WordPress｜しろうとにけがはえた
こんにちは、ふいにフォームに値を渡したい時って、ありますよね(*´ω｀*) そんな時、いつもどうやるんだっけーと思い出すのが面倒くさいので、メモします(´・ω・｀)＜知ってるよ！って人は生暖かい目で見て下さい（笑） Contact Form 7に値を渡す方法Contact Form 7をインストール WordPressでフォームのプラグインはいくつかあります、私は最近MW WP Formをよく使っていますが、今回はみんなだいすき！Contact Form 7を使用します(´・ω・｀)！管理画面からインストール、どん！そして有効化。 値を渡すページ値を渡したいので、値を渡すページまたは投稿などのところに通常と同じフォームを書きます(´・ω・｀)＜普通にね、POSTで渡します。 phpに表示したい分岐させて書いちゃうと楽かも♪ <form action="URL" method="post">
画像をカテゴリあるいはタグで分類したいのですが・・・
検索で自分なりにいろいろ調べたのですが、いい方法・プラグインが見つかりません。 もしこの投稿を見かけて、策の思いつく方がいらっしゃたら、アドバイスいただきたく思います。 【やりたいこと】 アップロードする画像をカテゴリーやタグで分類して、ページAでは分類Aの画像を一覧表示・ページBでは分類Bの画像を一覧表示・Cでは分類ABのどちらかに当てはまる画像を一覧表示させる。 投稿ページとアイキャッチを使ってテンプレートファイルに組み込めば実現できるということはわかるのですが、画像表示のためだけに、1枚1枚投稿ページを生成するのは、なんだか使いづらいサイトな気がしています。 なので、投稿ページにカテゴリーを指定するのと同じように画像そのものを分類して、それに沿って表示させることはできないものでしょうか？ 上記を実現する方法を思いつく方がいらしたらお教えください。お願いします。 画像もポストとして管理
PHP_CodeSnifferを使ってWordPressのプラグインやテーマがコーディングスタンダードに準拠しているかチェックする | Firegoby
PHP_CodeSnifferを使ってWordPressのプラグインやテーマがコーディングスタンダードに準拠しているかチェックする 先日、海外のユーザーさんから「おまえWordPressのコーディングスタンダートをガン無視してるやないか！」というツッコミを頂きまして、「あーすいませんすいません」みたいなやりとりをしてたら、コマンドラインでコーディングスタンダードに準拠しているかどうかをチェックするツールを教えてもらいました。 PHP_CodeSniffer + WordPress-Coding-Standards コーディングスタンダードに準拠しているかどうかをチェックするためのツールとしてはPHP_CodeSnifferというのが有名です。 http://pear.php.net/package/PHP_CodeSniffer/ このPHP_CodeSniffer用に作られたWordPr
管理画面におけるエラーメッセージの表示 | Firegoby
以下今書いているある本の下書きなんですけど、つっこみどころがあればぜひ。 WordPressには、admin_noticesというフックが用意されており、このフックを使用するとエラーメッセージなどを管理画面で表示することができます。 https://codex.wordpress.org/Plugin_API/Action_Reference/admin_notices それほど難しいものではないので、この章でこれまでに作ってきたプラグインで入力チェックを行い、エラーメッセージを出力してみましょう。 <?php /* Plugin Name: My Admin */ add_action( 'admin_menu', 'my_admin_menu' ); function my_admin_menu() { add_options_page( __('My Submenu', 'my-cu
How to show a custom notification to a specific user?
I am new here, I found this spot interesting and very special. I've already found useful information through your discussions. My first question is about user management. As Admin, I would need to display some text or notification on the dashboard of a specific user. For a "specific" user name, for example.
Wordpressと住所自動入力のZipAddrを連携させるプラグインzipaddr-jpです。
ライブラリの埋め込みはフォーム中に次の文字がある時のみ有効となります。（レスポンス優先） （1）`zip` 又は、 （2）`postc` ※ 時々ミスを見受けますので、ご注意下さい。 [Wordpress用のプラグイン名] ‥‥ 「zipaddr-jp」 [id名の命名規則] ・郵便番号、都道府県、市区町村、地域、各欄のid名を、次のように定義してください。（標準） (1) zip （zip1）、 pref、 city、 area、 addr (2) zip2（zip21）、pref2、city2、area2、addr2 (3) zip3（zip31）、pref3、city3、area3、addr3 (4) zip4（zip41）、pref4、city4、area4、addr4 (5) zip5（zip51）、pref5、city5、area5、addr5 (6) zip6（zip
プラグインなしでカスタムフィールドの値を検索範囲に反映させる方法 - Welcart カスタマイズ
ツイート B! ブックマーク Google+ Pocket Facebook WelcartなどでECサイトを運営していると、メーカーの品番やSKUのコードを検索に反映させたい場合が結構あります。 しかし、Welcartが使っているWordPressの検索機能は「タイトル」と「コンテンツ」のみからキーワードを探すだけです。metaデータに格納されているSKU・品番などは、そのままでは検索されません。 また、ECサイトでなくても、Advanced Custom Fields等でカスタムフィールドを使ったデータを使っている場合にも、それらを検索に反映させたい場合も少なからずあると思います。 このようなmetaデータを検索範囲に入れる方法は、世界中のエンジニアさん方がチャレンジしているようでコードも多く出ていますが、いくつも試した中ようやく動いたのがこちらのブログで紹介されていたコード。 Sea
Search ALL Custom Fields in WordPress - Deluxe Blog Tips
By default, WordPress searches only in post title and post content, and it's not enough when you have many additional data in custom fields (post meta) and you want that data is searchable as well. This post will show you how to search in all custom fields to get more results. If you want to search only for ONE or TWO custom fields, you should use built in WordPress meta_query variable. Search For
WordPress Wednesday: Custom Field Templates Part II – Using PHP in Your Templates – The Greenhouse
In the last WordPress Wednesday, we talked about the Custom Field Template plugin. This week, we’re going to go into a little more detail about this plugin, which was developed by Hiroaki Miyashita; specifically, we’re going to talk about how to incorporate PHP into the custom field templates that you build. Let’s start with the Lawblogs.ca example mentioned in part one — specifically, our ‘Clawbi
カスタムフィールドの値（メタデータ）で絞り込み検索
Tweet Tweetカスタムフィールドの値（meta）での絞り込み検索の需要はけっこうあるのではないでしょうか。 例えば次のような場合です 物件情報（カテゴリ） 土地（子カテゴリ） 新宿区（子カテゴリ？） 江東区（子カテゴリ？） 中央区（子カテゴリ？） 建売（子カテゴリ） 新宿区（子カテゴリ？） 江東区（子カテゴリ？） 中央区（子カテゴリ？） このようなカテゴリ構造で、子カテゴリに地域名をそれぞれ複数設けたい場合、地域名をそれぞれの子カテゴリごとに、さらに子カテゴリとするなら、重複した名前のカテゴリを設けることになります。これではどうもすっきりしません。 このような場合、地域名を子カテゴリ扱いではなく、カスタムフィールドの値にしてしまえば、すっきりします。 商品紹介サイトなどでも活用できます。（商品分類をカテゴリに、色やサイズ等をカスタムフィールドに） カスタムフィールドをチェックボック
Custom Field Templateでフィールドに追加ボタンを出す
WordPressでカスタムフィールドを使用する場合、プラグインを使用すると思いますが、個人的に多用するのが「Custom Field Template」。 通常はあらかじめ設定したフィールドしかユーザー側では入力できないのですが、「Custom Field Template」を使って、フィールドをユーザーが追加できるようにしてみます。 フィールドに追加ボタンを設置する テンプレートコンテンツ: 内の設定に、「multiple = true」と「multipleButton = true」を指定することで、フィールドに「追加」ボタンが表示されるようになります。 「multipul」と「multipleButton」の事例 [test] type = text size = 100 label = 追加する項目 multiple = true multipleButton = true 「m
WordPressでテーマからJavascriptやCSSを読み込む書き方まとめ
WordPressでテーマを作る場合、Javascriptや外部CSSを使うことも多いと思いますが、テーマのheader.phpに直接書くのではなく、functions.phpから一括で管理する方法です。 WordPressでは、キューに追加されたJavascriptやCSSを wp_head() や wp_footer() の位置で、自動的に適切な順番で出力してくれます。特にjQueryなどのライブラリやjQueryプラグインを使用する場合は、複数のjsファイルに依存関係が発生し、読み込む順番が決まってくる場合があります。こういう時でも、一括管理していればあとあとで変更が楽になります。こんな感じ。 /** * スクリプトとスタイルをキューに入れる */ function my_scripts() { // 管理画面では読み込まない if ( !is_admin() ) { // スタイル
Custom Field Templateで投稿者がフィールドを追加できるようにする方法
WordPressの定番カスタムフィールドプラグイン『Custom Field Template』で投稿者がフィールドを自由に追加できるようにする方法を紹介します。これを知ってるのと知らないのじゃ出来ることの幅が大分違ってきます！！知らない人はチェックしてみてください。知ってる人もチェックしてみてください笑 まえがき 前回『Custom Field Templateの使い方[WordPress]』という記事で『Custom Field Template』の基本的な使い方は説明しました！今回は一歩進んで記事を投稿している人自身がフィールドを追加できるようにする方法を紹介します。これにより例えば投稿者に好きなだけカスタムフィールドで画像を登録してもらうといったことが可能になります。便利です。 「multipul」オプションと「multipleButton」オプション テンプレートコンテンツの設
[試] 表示速度改善のその先へ！進化するWordPressプラグイン SNS Count Cache
シェア数表示に新たな選択肢を！表示速度改善だけでなくシェア数の分析にも使えるWordPressプラグイン SNS Count Cacheアップデートのお知らせです。Feedlyフォロー数やカスタム投稿タイプの対応、シェア数データのCSVファイルエクスポート機能の追加を行いました。また管理ページに関してソート機能等の様々な改善を行いました。続きを読む 関連記事 [試] シェア数表示に新たな選択肢を！WordPressプラグイン SNS Count Cacheアップデート [試] 表示速度改善とシェア数ベースの人気記事ランキングを実現、WordPressプラグイン SNS Count Cache [試] HTTPからHTTPSのシェア数引継ぎにもWordPressプラグイン SNS Count Cache [試] Twitterのシェア数取得先エンドポイント閉鎖がSNS Count Cache
![[試] 表示速度改善のその先へ！進化するWordPressプラグイン SNS Count Cache](https://cdn-ak-scissors.b.st-hatena.com/image/square/e36fc4367676c97997bffb45ac4e4afcdbc80e47/height=288;version=1;width=512/https%3A%2F%2Fmarubon.info%2Fwp-content%2Fuploads%2Fintro-update-wordpress-plugin-sns-count-cache-3-01.png)
プラグインを使わずに WordPress カテゴリーページに説明文を表示する方法 - Naifix
WordPress カテゴリーの「説明」に入力したテキストを、カテゴリーページに表示するカスタマイズ方法を解説します。 以下 2 パターンの解説です。 クラシックテーマ（ category_description() を使用 ） ブロックテーマ（ ブロックを使用 ） WordPress カテゴリーの「説明」 カテゴリーの「説明」入力欄は、投稿 > カテゴリー と進んだ先にある「新規カテゴリーを追加」の部分にあります。 追加済みカテゴリーの場合は、「編集」をクリックした先です。 テーマによっては、「説明」に入力したテキストがカテゴリーページに表示されます。以下は当サイト（Naifix）の例です。 ブログ運営に関する記事一覧 – Naifix 「説明」に入力してもどこにも表示されないテーマは、カスタマイズが必要です。 クラシックテーマの場合 従来のテーマ（クラシックテーマ）の場合、以下の手順で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Native WordPress Loading GIFs - Austin Passy
Building An Advanced Notification System For WordPress — Smashing Magazine
Custom field template missing for some custom post types - WordPress Development Stack Exchange