ウェビングスタジオのサイトはWordPressテーマ「Snow Monkey」で制作していますが、投稿（ブログ）と固定ページとは別に「活動記録」という、カスタム投稿タイプで作成したコンテンツがあります。 このサイト以外で発信した投稿や技術情報を記録している、シンプルなリンク集です。 https://webbingstudio.com/activity/ WordPressの既存テーマを案件に採用するときに、一番悩むことになるのが以下の3点です。 カスタム投稿タイプには対応しているのか どこまで自由にカスタマイズできるのか できる場合はどのような手順なのか 実際にテストサイトを作って検証できればよいのですが、既存テーマを使いたい案件はそのような時間もないことがほとんどです。 この「活動記録」を例として、よくあるパターンと、実装までの手順をご紹介します。functions.phpにある程度のP

ほぼほぼ全て必要なフィールドに対応しています。頼もしすぎる。 それ以外では以下のフィールドに対応しているようです。 Contact Form 7 Limiter Location Map PayPal Item WP WYSIWYG (WP標準のWYSIWYGですね) Gravity Forms これらのフィールドに対し、予め作成されたCSV、XMLから一括インポートが行えます。その他無償のアドオンが様々提供されていて、国内で有名なもので挙げると「Yoast SEO」「WPML」などのインポートも対応しているようです。 WP All Importの使い方を知りたい WP All Importはウィザード形式で進めることができ、難しい処理は不要でインポートを実施することができます。また嬉しいことに日本語対応している（そして所々機械翻訳を利用しているようで、壊れている）ので、読み進めるのも簡単

2023年10月1日から新しい法律が施行され、ブログやサイトにアフィリエイトなどの広告をは載せている場合は、 「この記事にはプロモーションが含まれています。」 などの文章を表示して、この記事に貼ってあるリンクは広告ですよー、とちゃんと表示することが必要になりました。 その表示を行わないとアフィリエイトなどの広告リンクがステルスマーケティングと判断されてしまい、景品表示法違反になってしまうようです。 これから投稿する記事にはPRですよーの1文を追加するだけですが、今までの過去の記事全てに追加していくのは大変で現実的ではありません。 なので広告を載せてる記事も載せていない記事も全部の記事にWordPress（cocoon）でPR告知の文章を入れてしまう事にしました。 WordPressでウィジェットの追加 メニューの「外観」から「ウィジェット」を開きます。 利用できるウィジェットから「テキスト

年がら年中、レモンを大量に消費してるので、業務用のレモンと炭酸水で、レモンスカッシュを飲んでいる技術課の森です。 はじめに 前回作成したSFTPサーバに対して、これからプログラムを作成して、実際にファイルをPUT/GETしていきます。 前回のブログは こちら 今回は ローカルで作成したプログラムでSFTPサーバにファイルをPUT します。 プログラム 環境／ライブラリ まずは環境やライブラリについてです。 virtualenv(20.0.16) python(3.7.3) paramiko(2.7.1)（Pythonで使うライブラリ） これを利用してプログラムを作成していきます。 なお、プログラムは異常処理など行っていないので、 利用される際は、適宜異常処理を行ってください。 プログラム 今回は単純にプログラム実行ディレクトリ直下にPUTするファイルを配置しておき、 そのファイルをSFTP

WordPressのCSVインポーターといえばReally Simple CSV Importerが有名です。 名前の通りシンプルで使いやすく、日本で広く利用されているため情報もたくさん出回っています。 しかし難点もあります。 まず、長らく更新されていないこと。不安です。 CSVを調整しないといけないこと。インポーターに合わせてデータの項目名を調整しないといけません。 さらにカスタムフィールドやカスタムタクソノミーを含む投稿をインポートするとなると急激に難易度が上がります。私も何度ハマったことか‥‥‥ そして、どうせなら1つのプラグインでエクスポートとインポート両方できたらいいのにと、だれもが思っているはず。 そんなニーズに応えてくれるのが、掘り出し物のプラグイン「WP Import Export Lite」です。 無料の高機能プラグイン WP Import Export Lite の良い

ショートコードに指定した引数の値を元にphpファイルをincludeして、かつその読み込んだファイルにショートコードの引数を渡した時の備忘録 やりたいこと ショートコードを作って引数で指定した名前のphpファイルを読み込む かつそのphpファイルにショートコードの引数を渡す functions.php ショートコードを作って引数「file」「text01」「text02」にデフォルト値を指定 <?php function php_file_Include($params) { extract(shortcode_atts(array( 'file' => 'default', 'text01' => 'デフォルトのテキスト01だよ', 'text02' => 'デフォルトのテキスト02だよ' ), $params)); ob_start(); include(STYLESHEETPATH

WordPressのカテゴリーを任意の順番で並び替えたい、 そう思う場面は結構多いのかなと思います。 例えば、以下のような4件のカテゴリーがあるとします。 ID：2 カテゴリー名：料理 スラッグ：cooking ID：3 カテゴリー名：スポーツ スラッグ：sports ID：4 カテゴリー名：その他 スラッグ：others ID：5 カテゴリー名：旅行 スラッグ：travel この4件のカテゴリー一覧を表示する際、 「その他」を一番下に表示したいと考えた場合、 IDで並び替えても、nameで並び替えても、slugで並び替えても 「その他」が一番下にはこないです。 get_categoriesで取得してvar_dump出力結果を下にそれぞれ記載しておきます。 実行したコード $categories = get_categories(array( 'exclude' => '1', //今回は

カスタムフィールドの値をcsvファイルからまとめて編集する方法 さっそくやり方を解説します。 インポートとエクスポート、それぞれ違うプラグインを用います。 Smart Custom Fields なんのプラグインでも良いのですが、今回はSmart Custom Fieldsというプラグインでカスタムフィールとを作成しました。 カスタムフィールドに加えたいタイプを選んで、カスタムフィールド名を記入します。 記事IDをCSVで出力する カスタムフィールドの値は各記事編集で入力できます。 それだと複数記事の入力は大変なので、csvで編集できるように、あたりのデータを出力します。 Export All URLsというプラグインを用います。 エクスポートする内容をチェックします。 下記の項目にチェックしました。

$slugはテーマディレクトリからテンプレートファイルのパスを指定します。get_template_part()において$slugは必ず書く必要があります。 $nameは$slugに対して追加で名前があるときに指定します。 呼び出したいテンプレートの例 上の説明だとちょっとわかりづらいと思うのでどういう風にテンプレートファイルの名前を指定するのかをだします。インクルードしたいテンプレートファイルに以下のものがテーマディレクトリの直下にあるとします。 content.php content-single.php content.phpをインクルードしたい場合 content.phpの「content」がget_template_part()の $slug になります。なのでcontent.phpをインクルードしたいときは get_template_part('content');とすればOK

WordPressを使っていると、headタグの中にコードを追加したいことがあります。 通常であれば、テーマの中のheader.phpのheadタグ内に追記をするのですが、Wordpressでは、functions.phpを使って簡単にタグを追加することができます。 その手順について解説しています。 headタグに新しくコードを追加する簡単な方法 functions.phpを開く まずは、functions.phpを開きます。FTPソフトなどなんでもいいのですが、今回はちょっとしたコードを追記するのみなので、Wordpressの管理画面からアクセスします。 「外観」→「テーマエディタ」→「テーマのための関数(functions.php)」をクリックします。 fucntions.phpが開き編集できる状態になります。 コードの追記 functions.phpを開いたら一番下に以下のコードを追

WordPressと静的サイトを共存させてみたときのやり方についてです。 「共存させてみる」とかカッコつけて言ってますが、WordPressをインストールしているフォルダと同じ階層にフォルダを作成して、静的サイトとして使用するhtmlファイルやcssファイルを放り込んでいくだけの簡単な作業なのです。 静的サイト用のフォルダを作成 WordPressがドキュメントルート直下に設置されているものとして説明しています。 WordPressのwp-contentやwp-includesがアップしてある階層にフォルダを新規作成します。今回はフォルダ名を「static」で作成してみることに。 このとき作成してアップしたstaticフォルダが静的サイト用フォルダになります。 静的サイトのフォルダにhtmlファイルをアップ 作成したフォルダ(例：static)には静的サイトとして使用するhtmlファイルや

WordPressでファイルを読み込むためのwp_enqueue_styleとwp_enqueue_scriptの使い方と引数の意味を理解しておこう。 2019 8/16 webサイトでcssやjsファイルを読み込む時、普通ならheadタグ内にlinkタグなどを記述しますが、WordPressではwp_enqueue_style()やwp_enqueue_script()といった関数を使用してファイルを読み込むことが推奨されています。 WordPressを使用する上で必須知識となるこれらの関数の具体的な使い方や引数の種類と意味を整理し、ファイルの読み込み位置を分ける方法やフロント側・管理画面側でのファイルの読み込み方の違いなどをメモしていこうかと思います。 どうしてファイルの読み込みにwp_enqueue_styleやwp_enqueue_scriptを使うのか これらの関数には、読み込む

当サイトでも多機能＆その分重いと有名なプラグイン Jetpack をアクセス解析など内部的な機能に限定して使っています。 しかし、標準状態では使っていない機能のためのCSSの読み込みがヘッダー部分に追加されて無駄に感じていました。 これを抑制する方法はfunctions.phpに以下の行を追加することで実現できます。 // remove jetpack frontend css // remove jetpack.css add_filter( 'jetpack_implode_frontend_css', '__return_false', 99 ); // remove jetpack-email-subscribe.css function remove_jetpack_email_subscribe() { wp_deregister_style('jetpack-email-su

Jetpackは多機能で便利なプラグインで、必要に応じて機能を有効化できます。しかし、CSSは機能ごとのCSSではなく、すべてのCSSを連結したファイルになっています。自分は何個かの機能を有効化して使っていますが、CSSファイルは必要としていませんでした。 ということなので、以前まではJetpackのCSSはfunctions.phpに下記のようなフィルターフックを書き込んで、読み込ませないようにしていました。 Jetpack6.9アップデート後CSSが読み込まれている！ Jetpack6.9にアップデートしたところ、これまで読み込ませないようにしていたCSSが読み込まれるようになっていました。無駄にファイルを読み込ませたくない自分としては由々しき事態なので、 フィルターフックが有効になる方法を調べました。結論から言うと、これまでのフィルターフックに関数を実行する順序を遅く設定すれば解決し

WordPressの定番プラグインJetpackを高速化するカスタマイズです。統計情報など、裏方機能しか使ってない方にオススメ。 久光さやかです。 WordPressにJetpack入れてみたら微妙に動作が重くなって1年になります。お互いのニーズに合致しそうだと思い、連絡してみました。 …って「1年経った」しかかかってないし。 えーと。Jetpackは超有名なプラグインですが、多機能すぎて遅くなるのが悩みの種です。普及率は高い一方、それぞれのサイトで実際に使われてる機能は数えるほどでしょう。 おち研でも動作を軽くするために不要な機能をガンガン止めていった結果、フロントエンドに出る機能を全く使ってないことに気付いてしまいました。 あれ？これって…もしかしてJetpackが独立して出力しているCSSを切っても特に問題ないのでは？( ；・`д・´) Jetpackが出力するCSSを無効化する J

例えばプロダクトキーや API キーなど、長くて複雑な文字列を、訪問者に提供している場合、この機能を提供することで、訪問者のクリップボードに文字列をコピーして、その後はペーストだけすればよい、という形で利便性を高めることができます。 JavaScript で記述していますので、脱 JQuery / 非 JQuery を望まれる方にもご利用いただけます。 HTML <p id="campaign-code">VjBpRLpQkr5GniGG7J5PxUa7CXmZKuzD</p> <p><a href="javascript:void(0);" onclick="javascript:clipboard();" style="cursor: pointer;"><i class="fa fa-clipboard" aria-hidden="true"></i> <span id="clipb

不動産や採用情報など、カテゴリ・タグ・カスタムフィールドを駆使したWordpressで作ったサイトを運営中。 ユーザーが、色々と欲しい情報を絞り込み検索できたら便利だと思っている。 イイ感じのプラグインがないけれど、自作で検索フォームを作ったり、カスタマイズ出来るものなのかな？ 結論！プラグインに頼らなくても複数条件で絞り込み検索を設置・カスタマイズできます！ タイトルや本文はもちろん、カテゴリ・タグ・カスタムタクソノミー・カスタムフィールドから絞り込み検索できるフリーワード検索の他、チェックボックス・ドロップダウン（プルダウン）・ラジオボタンを使う検索フォームを作れる検索した値を保持して検索フォームに引き継げる超便利検索フォームが作れる 今回はフォーム周りをメインに解説するので、検索自体の細かい設定はこちらでお済ませください。 【Wordpress】フリーワード検索のカスタマイズいろいろ