テーマ／プラグイン開発者なら知っておきたい Contact Form 7 のこと
WordPress でサイト制作をしていると必ずと言っていいほどお世話になるのが、問い合わせフォームを簡単に設置できる Contact Form 7 です。有名なプラグインだけあって多くのサイトで設定方法などが解説されていますが、がっつり開発者向けの記事は見かけません。ということでここでは Contact Form 7 をプラグイン／テーマ開発者向けに解説します。記事内で引用しているソースのバージョンは、記事公開時の最新版 v5.4.1 です。 カスタム投稿タイプ wpcf7_contact_form について サイドメニューの「お問い合わせ」で表示されるコンタクトフォーム一覧ですが、これらはカスタム投稿タイプ wpcf7_contact_form として wp_posts テーブルに保存されています。コンタクトフォームをページ内に表示させる際に エラー: コンタクトフォームが見つかりませ
【WordPress】今更だけど、WysiWygエディタ（ビジュアルエディタ）で書いた記事にCSSを適用する方法をまとめてみた話 - Qiita
【WordPress】今更だけど、WysiWygエディタ（ビジュアルエディタ）で書いた記事にCSSを適用する方法をまとめてみた話 はじめに 未だ世界でも日本でもシェアNo.1を誇るWordPress！！ 我が社においても、WordPressの案件は多い・・・ WordPressの案件をやっていてよく考えるのが、相手にどうやって記事を書いてもらうのか！？です。 WordPressにはデフォルトでWysiWygエディタが搭載されています。 注）現在の最新WordPressのバージョンでは、WysiWygエディタとBlockエディタの両方が搭載されており、デフォルトはBlockエディタになっています。 ただ、WysiWygエディタ（特にビジュアルエディタ）は機能が豊富なので、好き勝手使用されると書いた記事にCSSが適用されず、せっかくデザインしたページが台無しになってしまいます。 というわけで、
【WP】自前のCSVインポート処理の決定版。大量データや多数のカスタムフィールドにも対応。 | 東京のホームページ制作 / WEB制作会社 BRISK
【WP】自前のCSVインポート処理の決定版。大量データや多数のカスタムフィールドにも対応。 更新日：2019/10/07 WordPressにCSVデータをインポートするために様々なプラグインがありますが、要件に応じた柔軟な対応は難しいものがあります。 例えば、「社内で管理している商品番号をキーにしたい」や「基幹システムから出力したCSVを毎日自動で取り込みたい」や「管理画面から『上書き禁止』設定をしたものはCSVインポートで上書かない」などなど。 こういう要件に関してはプラグインをカスタマイズをするよりも、自前でのCSVインポート処理を作ってしまうのが良いと思います。 そんなに難しくありませんし、とても柔軟に作ることが出来ます。 この記事では以下の流れで解説します。 CSVファイルのアップロード処理インポート処理用のPHP作成大量のデータや処理でメモリが足りなくなるケース対応非同期処理で
別のWordPressの情報をwp-loadを利用して表示させる方法
こんにちは。ウェブデザインチームのharuです。新宿中央公園にスタバやカフェができたので息抜きによく行ってます。 複数のWordPresを運営していると、それぞれの情報の一部を表示させたい事があると思います。wp-loadを利用することで別のWordPressに情報を表示させる事ができます。 この方法は、例えば下記のようなケースに利用されます。 同一サーバーのWordPressでなくても、別サーバーの別ドメインのWordPressの情報を読み込んで表示させる事ができます。とても便利ですね。 ファイルの構成 今回は読み込ませたい箇所をモジュールとなるファイルを用意して、そのファイルを読み込むようにします。 モジュールファイルの用意 モジュールとなるファイルは今回「inc-file.php」としました。 いつもどりWordPressの関数を記載します。 このまま読み込ませても何も表示されないの
phpmyAdmin でSQL を実行して文字列を置換する方法｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
WordPress サイトのお引越の際などに役立つ、phpmyAdmin からSQL を実行して文字列を変更する方法のご紹介です。 データベースのバックアップ phpmyAdmin にアクセスして、まずは「エクスポート」よりデータベースのバックアップをしておきます。 phpmyAdmin でSQL を実行して文字列置換 バックアップ後、今度は「SQL」をクリックして、 以下のようなSQL文 を入力し、実行します。 update テーブル名 set カラム名=replace(カラム名, "置換前の文字列", "置換後の文字列"); WordPress のサイトであれば、このようなSQL 文です。 update wp_posts set guid=replace(guid, "/images/", "/img/");
WordPressの自動更新は危険？安全にバージョンアップする手順を解説 – ワードプレステーマTCD
アプリやソフトウェアでよく目にするバージョン。「働き方2.0」や「Web3.0」などの表現にも使われていますよね。 バージョンはエンジニアだけのものではなく、書き方を覚えれば、一般的なファイルや資料の管理等にも役立ちます。というわけで今回は、誰もが使えるバージョンの書き方ついてご紹介いたします... しかし、WordPressはv1.0.2（アートブレイキー）の例外を除き、2段階のバージョン表記になっています。 メジャーアップデート マイナーアップデート >> WordPressバージョンの一覧 >> WordPress Versions « WordPress Codex 知る必要もない豆知識です。豆知識ついでに書いておくと、WordPressがメジャーアップデートされる際は、ジャズアーティストの名前がつけられます（v2.0.5だけ特別でWordPress開発メンバーのお子さんの名前だそ
WordPress ContactForm7 動的なオリジナルのフォームタグを作りたい。 - かもメモ
WordPressでサイトを作る時のフォームの定番Contact Form 7はすごく便利なのですが、カスタム投稿から動的にselectタグを作るなどカスタマイズしたタグが欲しいことがあります。 ゴール (作りたいフォームタグ) 例えばこんな感じに、タレント(talent)というカスタム投稿タイプを作成して所属するアイドルを登録して フォームでは、お仕事を依頼するタレントを選べるようにしたいような場合。 タレントを登録・削除するたびに、フォームのセレクトタグのvalueの値を変更するのはメンドーだし、ジョニー先生に任せた時に上手く運用できるか怪しいので、タレントの登録情報を動的に取得してセレクトタグを出力できると運用の手間も減ってハッピーになれそうです。 ※ カスタム投稿タイプの登録は割愛します Contact Form 7 のカスタムフォームタグ・フォーム登録画面で使えるショートコードを
WordPressのContact Form 7、MW WP Formから送信されたデータをHubSpotのコンタクトに登録する方法
これで事前準備ができたので、次は実際にWordPressのフォームを実装してみましょう。 今回は「Contact Form 7」と「MW WP Form」を使って、HubSpotのコンタクトに登録していきます。 自社、ご自身で使っているフォームプラグインに合わせてどちらかを読んで実装してみてください。 Contact Form 7から送信されたデータをコンタクトに登録するContact Form 7の場合は、ショートコードに内部名を設定します。 例えば、「名」の場合は[text* firstname]、「メールアドレス」の場合は[email* email]と設定してください。 では、フォームを作っていきます。 コード例は以下です。 <label> 姓 <span class="required">(必須)</span> [text* lastname] </label> <label> 名
固定ページにページネーション機能を持たせる | WordPressカスタマイズ事例【100ウェブ】
固定ページにページネーション機能を持たせる テーマ販売あり WordPressに長く携わっていると、固定ページで一覧表示してページネーションまでしたい、という場面がよく出てきます。 一覧表示はともかく、ページネーションまでしようとなるとひと工夫が必要です。 そこで、例として「services」というカスタム投稿タイプの記事の一覧を固定ページに出して、なおかつページネーションまでさせる方法を紹介します。 まず、その固定ページ用の専用テンプレートを作りましょう。 たとえば固定ページのスラッグが arekore だとすると、 WordPressのルールで、page-arekore.php を用意してあげれば、デフォルトテンプレートの page.php ではなく page-arekore.php を読み込んでくれます。 page-arekore.php に以下のように記述します。 <?php $p
WordPressのREST APIの使い方 - Qiita
はじめに たまにWordPressのREST APIを使うのですが、毎度毎度使い方を忘れて、なんか同じサイトを行ったり来たりしている自分に腹が立ってきたので、まとめます。。 いつもお世話になっているサイト まずは基本的なこと WordPress REST API で、カスタム投稿タイプなどの情報を取得する アイキャッチ取得したいとき WP REST API v2 WordPressの新着記事をアイキャッチ画像付きで取得する方法 カスタムフィールドの値も取りたいとき wordpress rest-apiでカスタムフィールドを出力する際に処理結果を整形したい そもそも独自API作りたいとき WP REST API を使って独自エンドポイントを設定する。 いつもありがとうございます！神！ いつの間にか公式のREST APIのドキュメントがきれいになってた？元から？ REST API Handbo
VSCodeでWordPressを編集する際に便利なプラグイン(おすすめの拡張機能)
Web制作でよく使っているVSCodeの拡張機能(プラグイン)について紹介します。主にWordPress関連のWeb制作で役立つ拡張機能です。 拡張機能は個別に設定項目があります。設定したときは理解していても、後で見ると内容が分からなくなるので、個人的な備忘録として記事を書いています。 WordPress開発でVSCodeを使いたい人はご参考に。 WordPress SnippetPHP IntelephenseLive ServerLive Sass CompilerJS & CSS Minifier (Minify)IntelliSense for CSS class names in HTML VSCodeにインストールしたプラグインはサイドメニューのExtensions (Ctrl + shift + X)で確認できます。プラグインのインストールもここで行います。 WordPres
bbPressの自作テーマで検索結果画面を作る方法 - アドベンチャーズ株式会社
このシリーズでは、WordPressの掲示板プラグインであるbbPressを、自作テーマでカスタマイズする方法をお届けします。 今回は検索画面の作成についてです。 bbPress自作テーマの基礎編については、前回の記事をご覧ください。 検索機能を作る際に、いくつかハマりポイントもあったので、随時解説していきます。 検索窓を作る まず、検索窓を作ります。 検索窓そのものは、form-search.phpというファイルです。デフォルトではこんな風に書いてあると思います。フォームの見栄えはHTML/CSSで自由にスタイリングしましょう。 <div class="bbp-search-form"> <form role="search" method="get" id="bbp-search-form"> <div> <label class="screen-reader-text hidden"
アカウントユーザーの管理画面での行動履歴のすべてを記録するWordPressプラグイン「WP Activity Log」の使い方 – ワードプレステーマTCD
複数のユーザーで1つのWordPressサイトを管理している場合、いつ誰がどんな変更を加えたかを記録に残しておきたいと思うことはありませんか？ 特に企業で運営するWordPressサイト、個人情報を取り扱うECサイトを運営する場合は、多くのスタッフや関係者が管理画面にログインすることになるため、各ユーザーの行動履歴を自動的に記録することはセキュリティや個人情報保護の観点からも必要なことです。 そこで役立つのがWordPressプラグイン「WP Activity Log」。アカウントユーザーのダッシュボード内での行動履歴（アクティビティログ）を記録するプラグインです。 「WP Activity Log」機能概要 「WP Activity Log」をインストールすると、WordPressサイト内で行われたアクティビティのすべてが記録します。 すべての投稿・固定ページ・カスタム投稿タイプの投稿・
WordPress★サイトをコピーしてテスト環境をつくる手順【プラグインなし】 – WEB-Geek-Site.com
今回は、 WordPressをそのままコピーしてテスト環境とする。 というのをやろうとして、サイトの複製にとりかかったのですが、 いつも使っている便利なプラグインを使うとエラーが出まくり、手動で作業した手順をメモ。 コピー元のWordPressでやること コピー元のデータをバックアップ 全データをFTPで自分のPCにダウンロードしておく。 データベースの処理： コピー元のデータベースをエクスポート phpMyAdminでデータベースを選んだら「エクスポート」タブを選択し、下の2点をチェック！！ データ量が多い場合はzip圧縮をえらんで「実行」する 「DROP TABLE / VIEW / PROCEDURE / FUNCTIONを追加」にチェックをいれる。 「作成するクエリの最大長」を「1000」に変更 コピー先となるワードプレスでの作業 バックアップファイルのアップロード コピー元からバ
WEMO | コピペで終わらない、本質的な理解を目指した知識整理のメモをお届け。
jQueryをCDNで読み込む時のフォールバックの記述「window.jQuery || document.write()」って何ぞや？コードの意味を読み解い...
WordPress手動バージョンアップの方法と注意点 | サイト引越し屋さん
「WordPressのバージョンが古過ぎて自動バージョンアップ出来ない。」 「out of memoryというエラーが表示されて自動バージョンアップ出来ない。」 こういった悩みを抱えてはいませんか？ 3.8.2以降のWordPressでは、自動でバージョンアップが行われます。 また、WordPress管理画面からバージョンアップボタンを押すことで、簡単にWordPressの中心的なデータ（コアファイル）を新しいものに更新することが出来るのです。 ところが、WordPressのバージョンが古過ぎたり、サーバーの状態によっては自動更新できない場合があります。その場合、手動でのバージョンアップ対応が必要となります。 本記事では、そんな手動バージョンアップの方法と注意点について解説しています。 是非、参考にしながらバージョンアップ作業を進めてみてください。
WordPressのパーミッション設定 決定版 - Qiita
はじめに WordPressの構築時、SFTPでファイル転送ができないことや、プラグインがインストールできないなどのエラーに遭遇したため、wordPressのパーミッション設定についてまとめます。 前提条件 wordpressのサーバーに対して、SFTPでファイル転送することがある。(ログインユーザはec2-user) /var/www/html/配下にwordpressのディレクトリやファイルが置かれている nginxを使用。apacheでも問題なし。 ファイル転送やプラグインインストール時、パーミッションが原因のエラー プラグインやwordpressバージョンをアップデートするときに、FTP接続情報を聞かれる 原因は、サーバであるapacheやnginxに対して、ディレクトリやファイル所有者権限が不足しているためです。 プラグインを更新するときに、ディレクトリを作成できませんでした。と
WordPressで推奨されるパーミッション設定について - 株式会社ネディア │ネットワークの明日を創る│群馬
アクセス権は左から3文字ずつ、 ユーザー（所有者）のアクセス権 グループのアクセス権 その他ユーザーのアクセス権 を表しており、「rwx rw- r–」の場合、 ユーザー（所有者）に対しては、読み取り可能、書き込み可能、実行可能 グループに対しては、読み取り可能、書き込み可能 その他ユーザーに対しては、読み取り可能 という意味になります。 最後に数値で表す場合には、「読み取り=4」、「書き込み=2」、「実行=1」として所有者、グループ、その他ユーザーごとに足した数値で表します。 下記の場合、「764」というのがアクセス権を数値で表したものとなります。 ———————————– 所有者 グループ その他ユーザー ———————————– rwx rw- r– 421 42 4 ↓ ↓ ↓ 7 6 4 ———————————– 例えば、一般ユーザはシステムに関するファイルへの書き込みは出来ない
ドメイン変更ありのサーバー移転もお任せ！【All-in-One WP Migrationの使い方】
WordPressのバックアップ。普通の方法だと初心者さんにはちとキツイ。 WordPressをバックアップするためには、システムファイルとデータベース、異なるデータの正しい扱い方を知っておかなければいけないからです。 そこで便利なのがプラグインです。「BackWpUP」や「Duplicator」など、バックアップ用のプラグインはたくさん見つかりますよね。 今回紹介するのは「All-in-One WP Migration」。メリットは以下の3つがあります。 バックアップから復元まで5クリック以内 サーバーが移転する場合でも大丈夫 ドメインが変わる場合も自動で対応 使い方が非常にシンプルなプラグインです。 バックアップは複数の方法で取っておいたほうが安心です。ぜひ今回の「All-in-One WP Migration」の存在も覚えておきましょう。 他のバックアップ用プラグインとの違いを比較
WordPressのテンプレートタグやデータベースの情報を外部ファイルから利用する
今日はWordPressで使われているテンプレートタグやデータベースの情報を含めたAPIを、外部のPHPファイルで扱う方法を紹介します。 実は意外と簡単で、ワードプレスのフォルダ内にある「wp-blog-header.php」または「wp-load.php」を外部ファイルの冒頭で『require_once』で読み込むだけ。 <?php require_once ('./wordpress/wp-blog-header.php'); ?> または…… <?php require_once ('./wordpress/wp-load.php'); ?> 「wp-blog-header.php」で行われる処理は「wp-load.php」と「template-loader.php」の読み込みです。 「template-loader.php」は選択中のテーマファイルに関する処理なので、これが必要なけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
