WordPress：会員制サイトやマッチングサイト制作時に便利な関数の備忘録 - NxWorld
WordPressを使って会員制サイトやマッチングサイトなどのようなユーザー参加型（登録型）のサイトを構築する際、デフォルトで用意されている管理画面・登録画面・ログイン画面などは使用せずに、自作した各種フォームや情報更新機能をフロントへ配置したものを利用させることも多いと思います。 ただ、自分は普段からこういったサイトをWordPressで構築することが少なく、同じような処理の関数が用意されているのに無駄に自作してたり単純に忘れてることが多いので、覚えておきたい便利関数の備忘録です。 ちなみに、例えばログインフォームを任意の場所へ簡単に表示できるwp_login_form()やログアウト用リンクを出力させるwp_logout_url()などのように便利だと感じる関数は他にもありますが、極力WordPress感を消すといった要望がある場合はそのまま使えないことも少なくないので、個人的にそのよ
WordPressのget_template_part関数にバージョン5.5.0から追加された新機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.1なので、なんで今更と思われてしまうかもしれませんが、それほど個人的に待ち望んでいたすばらしい機能だったので、こうして記事にしてしまいました。 結論としましては、get_template_part関数が便利になりました、という話になります。 get_template_part関数のこれまで使い方 get_template_part関数とは、テーマの中で任意のテンプレートファイルを呼び出すことができる関数です。用途としては、シングルページやアーカイブページなどにおいて共通して表示したいパーツがある場合に、そのパーツを別のテンプレートファイルにしておくことにより一箇所で管理する、といったことができます。 具体的な使い方を説明します。 最新記事n件みたいなパー
【超簡単】WPでブロックエディタを自作できる、ACFとは？手順も解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！「御徒町」を「つれづれまち」と読んでいたバックエンドエンジニアのまうみです。 今回はみんな大好きなWordPressプラグイン「Advanced Custom Fields PRO」（以下、ACFと省略）を使った、自作ブロックエディタの設定方法を紹介したいと思います。 ブロックエディタを自作する方法はいくつかあります。しかし、Reactの知識やjsをbuildするための環境構築が必要ですし、WordPressの実装経験がある方でも、ハードルが高い印象を受けるかもしれません。 また、WordPress本体のアップデートに合わせてメンテナンスをしていく必要もあります。いくらブロックエディタ自体の利便性が良くても、制作やメンテナンスにコストがかかるのは極力避けたいですよね。 そういったハードルをACFを使用することで解決し、簡易的にブロックエディタを開発することが可能です。ゼロからブ
theme.json を使ったテーマデザインの設定
以下は、Jeff Ong が書いた WordPress.org 公式ブログの記事「Configuring Theme Design with theme.json」を訳したものです。 誤字脱字誤訳などありましたらフォーラムまでお知らせください。 WordPress 5.8以降、新しいツールである “theme.json” をテーマ開発に利用できるようになりました。初めて聞いたかもしれませんし、すでにこれを試用し、テーマを開発しているかもしれません。いずれにせよ、今は WordPress テーマにとってエキサイティングな時期ですので、この記事を読んでいただけて嬉しく思います。 当記事では、この新しいフレームワークを簡単に紹介し、実用的なヒントと例をいくつか共有することで、何ができるのかを説明していきます。 theme.json とは 技術的に言えば、theme.json はテーマのディレクト
できる！WordPressカスタマイズ #02 最低限知っておきたいPHP超入門
WordPressのサイトでPHPでカスタマイズする場合、カスタマイズするプログラムは状況によっていろいろな場所に書く事ができますが、ここでは子テーマファイルに書く事を想定して進めます。PHPは書き方を間違えるとサイトが停止します。この記事の内容を試してみたり、実際運用中のサイトをカスタマイズする時はテスト用のWordPressサイトを用意して行ってください。開発の際は wp-config.php に define( 'WP_DEBUG', true ); と一行追加してデバッグモードを有効にするとPHPの致命的以外のエラーも表示してくれます。詳しくはこちら。 PHPの書式の基本 php の開始タグと終了タグ PHPはHTMLの中に動的な処理を簡単に埋め込む事ができます。 例えば下記のように<h1>というhtmlの中に <?php で はじめて、 ?> までの部分に書く事ができます。
WordPress で投稿一覧をカスタムフィールドの値でソートする方法 - by Takumi Hirashima
WordPress で投稿一覧をカスタムフィールドの値でソートして表示する方法を紹介します。 例えば、投稿をカスタムフィールドの値でソートしたい時に便利な方法です。 投稿一覧をカスタムフィールドの値でソートする ソートの条件を変更する カスタムフィールド値が日付の場合に日付でソートする方法 カスタムフィールド値のデータ型を指定する リピーターフィールド値でソートする方法 投稿一覧をカスタムフィールドの値でソートする 投稿一覧をカスタムフィールドの値でソートする場合は meta_query を使用します。 例えば、カスタム投稿タイプが products、カスタムフィールド名が 商品 の場合、フィールド値が ラジオ の投稿を取得する方法を紹介します。 <?php // 投稿をカスタムフィールドの値でソートする $custom_field_value = 'ラジオ'; // フィールド値の指定
サクッと立ち上げられるサーバーレスWordPress！「Shifter」でFAQサイトを1時間で作る | DevelopersIO
Shifterとは ShifterはWordPress環境をサーバーレスで立ち上げ、静的なサイトを生成することができるサービスです。 Shifterを使って下記のようなFAQサイトを作ってみました。アカウント作成からサイト公開まで1時間弱で済みました。この状態まで無料で作成することができます。 よくある質問 – Developers.IO CAFEカスタマーサポートサイト Shifterのアカウント作成 Shifterのアカウントをお持ちでない方は以下のページからアカウントを作成します。 Shifter サイトの作成 新規サイトを作成します。サイトを作成する際はまずプランを選択する必要があります。まずは無料で始めたいのでFree Tierを選びます。 Site nameを入れて完了です。 WordPressの起動 サイトを作成後、下記の画面になります。この画面がShifterで一番よく使う
ネイティブLazy-loadをWordPressで簡単実装するプラグインをGoogleが公開
[レベル: 中級] ネイティブ Lazy-load を簡単に実装する WordPress 用のプラグインを Google が公開しました。 ネイティブ Lazy-load は JavaScript のライブラリを利用することなく loading 属性を追加するだけで、画像と iframe の遅延読み込みを可能にします。 1 か月前にリリースされた Chrome 76 でサポートされました。 設定不要、インストールするだけで WP で Lazy-load Native Lazyload プラグインの使い方は非常にシンプルです。 インストールして有効にするだけです。 設定項目はありません。 有効にすると、img タグと iframe タグに loading=”lazy” 属性をプラグインが自動的に追加します。 現状では、loading 属性をサポートするブラウザは Chrome 76（以上）だ
Jトラストシステム株式会社 ページ閉鎖の知らせ
サイト閉鎖のお知らせ 平素より格別のお引き立てを賜り誠にありがとうございます。 Jトラストシステム（株）のサイトは2022年4月1日に閉鎖いたしました。 これまでご利用いただきました皆さまには、心より御礼申し上げます。
WordPress でも大丈夫！実例で見るウェブパフォーマンス改善
ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパフォーマンススコアを、30点以下から95点以上に改善した際、実際に行った施策を用います。
【WordPress】WordPressのここがダメ - Qiita
巷では、少し前からアフィブログを WordPress で作るのが流行っているようですが、主に PHP 開発者＆サーバー管理者の観点から、WordPress のダメだと思うところを、思うままに書いてみました。 WordPress をディスるつもりはありませんので、注意喚起：解決法：ポエム ＝ 4：1：5 ぐらいの感覚でご覧いただければ幸いです。 ⇒ 【WordPress】WordPressのここがイイ 1.設計が古すぎる 先日書いた記事で、気になって admin-ajax.php のコードを眺めてみましたが、Oh... これは酷い…。 require_once が連呼され、global 空間に define() とコンフィグ用の配列が入り乱れ、$_GET $_POST $_REQUEST が舞い踊り、ファイルはクラスどころか関数にすらなっていない…200 行に満たないコードはネタの宝庫で、1
もう迷わんよ。WordPressで固定ページや投稿ページの基本情報を取得する方法まとめ【投稿タイプ・カスタムフィールド・カテゴリー・タグ・タクソノミー】 | WEMO
もう迷わんよ。WordPressで固定ページや投稿ページの基本情報を取得する方法まとめ【投稿タイプ・カスタムフィールド・カテゴリー・タグ・タクソノミー】 2019 8/16 WordPressをいじっていると、投稿ページや固定ページなど、そのページが持つ情報を取得するというのは日常茶飯事かと思います。 しかし、ひとつの情報に対し、取得する方法が複数あってなにかとややこしい。 テンプレートタグや関数を使えばいいってのはわかるんだけど、綴りとか覚えきれなくて同じことを何度も調べなおしてしまったり。ていうか、似たような関数いっぱいあるけど違いが分からないまま、その時調べて出てきたやつを使ってるけどいいのだろうか...。 と、いうことで、自分でも散らかった知識を整理するために今回は固定ページ・投稿ページの様々な情報を取得する方法をまとめていこうと思います。 この記事では「ループ」という表現を多用し
[WP]Advanced Custom Fieldsの日付フィールドの値から曜日を取得して表示する方法｜WordPressプラグイン｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
WordPressのカスタムフィールド拡張プラグイン「Advanced Custom Fields」のDate Time Pickerを使えば、日付の登録と表示ができるようになりますが、その日付フィールドに入力された日付の値から曜日を取得して、「月火水木金土日」の形式で表示する方法を紹介させていただきます。
![[WP]Advanced Custom Fieldsの日付フィールドの値から曜日を取得して表示する方法｜WordPressプラグイン｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/36ddce54f22519d5fda66f704f15711ab7b7f1f9/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2015%2F08%2Fadvancedcustomfields.png)
Wordpressで登録した投稿を取得し反映するカレンダーの作成方法 │ クリエイトホームページ
WordPressには数種類のカレンダープラグインがありますが、どれもカレンダーに反映させる情報の管理は投稿とは別にカレンダー専用管理となっています。 （中にはカレンダー専用の投稿もありますが、既に登録された投稿を取得・反映するものではありません） 既に運用されていて、カテゴリーや投稿が存在している場合の対処方法としてのカレンダー作成依頼がありましたので、備忘録としてまとめておきます。 投稿との連動ですが、投稿の公開日をカレンダーに反映しても常に過去の案内であり、カレンダーとしての機能が活かされていないと思います。今回の案件についても、近い未来のイベントを案内する事が目的なので、イベントの開催日を設定する必要があり、それに対応するため「アドバンスカスタムフィールド」プラグインを使って管理する事を前提にまとめます。 まずは、投稿に対してカレンダーに掲載させる日の情報を設定させるため、アドバン
WordPressの編集画面にカスタムフィールドの項目を表示させる方法 | デジタルコンテンツ企画室
WordPressには「カスタムフィールド」という機能があります。投稿や固定ページなどに独自の項目を追加する機能です。詳しく知りたいという方は公式ドキュメントの以下のページを参照いただければと思います。 カスタムフィールドの使い方 – WordPress Codex 日本語版 今回の記事では、WordPressの編集画面にカスタムフィールドの項目を表示させる方法を紹介します。というのも、WordPress 3.1以降では、カスタムフィールドの編集項目がデフォルトで非表示になっているからです。新しくカスタムフィールドを追加するには設定変更が必要です。 投稿、または固定ページの編集画面の右上にある「表示オプション」をクリックします。 投稿画面内に表示する項目が表示されますので、その中にあるカスタムフィールドにチェックを入れます。 これで、投稿本文の下に、カスタムフィールドを追加するためのエリア
25+ Top WordPress Themes to Make Architecture Design Sites | Envato Tuts+
“Architecture inspires emotion. It prompts memory and association.” Working on your own architecture website or construction company site? Architecture is founded on visual design, and so it’s essential to have a website that matches; well-designed, sleek, streamlined. To make a website for your architecture business, you’ll need a great WordPress theme. (You’ll also need some quality photos. The
WordPressに構造化データをJSON-LDで記述する方法 – Dream Seed
Googleの検索結果がちょっと見やすくなったりするので設定したほうがいいと言われる「構造化データ」。Search Console（旧ウェブマスターツール）を見たときに「構造化データが設定されていません」という表示が出ていてずっと気になっていたのですが、なんだか難しそうで放置していました。しかしよく調べると、Wordpressなら簡単に設定が出来るようだったので、ちょっと設定しみてました。 そもそも、構造化データとは？そもそも構造化データとはなんでしょうか？ 噛み砕くと、そのものずばり「構造化」された「データ」です。うん、さっぱりわかりませんね。 詳しくは専門のサイトなどを参照してほしいのですが、簡単にいうとコンピュータ（今回の場合はGoogleの検索エンジン）がデータ（今回はWEBサイトの情報）を理解できるようにタグ付けして記述されたものです。 記述には、「Microdata」、「RDF
WordPressのセキュリティ 制作者向け基本ガイド - Qiita
はじめに 過去にWordPressの脆弱性に関するケーススタディをご紹介しました。 Webアプリケーションの脆弱性ケーススタディ（WordPress編） Webアプリケーションの脆弱性ケーススタディ（WordPress編その２） 今回はWordPressのセキュリティ対策を行う上で大切な基本事項をまとめてみたいと思います（本記事はWordPress 4.9.4をもとに書いております。古いバージョンと異なる部分があるかもしれませんので予めご了承ください）。 WordPress本体およびプラグインやテーマのアップデートを行う WordPress3.7以降では初期状態でマイナーバージョンの自動アップデートが有効になっています（1日に2回WP-Cronイベントで更新チェックが行われます）。つまり、バグフィックスやセキュリティパッチなどは自動的に適用されているわけですが、WordPressサポートチ
GoogleはWordPressサイトのウェブページ表示速度の向上に本腰を上げて取り組む
世界最大のCMS「WordPress」によって作成・管理されるサイトはページ表示速度の点で難があるとのこと。そこで、ウェブページの表示速度向上を狙うGoogleは、WordPressと協力して、サイトのページ表示速度アップに取り組む構えです。 Google's Presence at WordCamp US https://torquemag.io/2017/12/google-and-wordpress/ The need for speed: Google dedicates engineering team to accelerate development of WordPress ecosystem https://searchengineland.com/need-speed-google-dedicates-engineering-team-accelerate-develo
米国ホワイトハウスのWebサイトがWordPressを採用 – Capital P – WordPressメディア
米国の首相官邸であるホワイトハウスのウェブサイトがリニューアルされ、WordPressが採用された。 WordPress採用にいたった経緯 ホワイトハウスがわざわざリプレースしたのだから、色々と理由はあるのだろうが、WordPressのリードディベロッパーAndrew Nacinが政府のデジタル部門であるUSデジタルサービスにジョインしたことが大きいだろう。 右上がAndrew Nacin。最近は忙しいようだが、長い間、WordPress開発のリーダーだった。 サイトのソースを見てもらえるとわかるのだが、スタイルシートや画像のパスが wp-content 以下になっているので、WordPressであることは一目瞭然。ホワイトハウスがWordPressを採用しているということは、大企業にとっての追い風となるだろう。headタグからちまちまメタタグを削除しなくてもやりようによってはセキュアだと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
