【WordPress】ページや権限によってアクセス制限をかける | バシャログ。
みなさんこんにちは、yamashitaです。 今回はWordPressでログインの有無やユーザー権限によってアクセスできるページを設定する方法を紹介します。 これにより、クローズドな情報などを掲載することができます。 パスワード保護もありますが、複数ページを同時にアクセス制限する場合などに使えます。 ログインしていない場合はどのページも見られない // アクセスされてるURLを取得 $url = $_SERVER['REQUEST_URI']; $parseUrlArray = parse_url($url); // ログインページのURLを取得 $parseLoginUrlArray = parse_url(wp_login_url()); // ログインページの一致していない且つ、ログインしていない if ((strpos($parseUrlArray['path'], $parseL
ShifterやWP2Staticで出力されないパスを出力する（リクエストする）[WordPress] | バシャログ。
どうもfujiharaです。 今回はShifterやWP2Staticで 任意のパスを書き出したいときのTips紹介になります。 背景 Jamstack流行ってますね。WordPressでもちらほら対応することが増えてきました。 ShifterやWP2Staticは自動でパスを探して出力してくれるのですが、 追加でwp-jsonのパスも出力して欲しいことがある場合もあります （URL検索ではヒットしない）。 そんな時に、出力時このパスもチェックしてね！という機能があるのでご紹介します。 Shifter ShifterURLS::AppendURLtoAll フィルターを使います. function append_additional_url ( $urls ) { $urls[] = home_url('任意のパス'); return $urls; } add_action( 'init'
【WordPress】一部のページをテーマテンプレートから切り離して実装する | バシャログ。
みなさんこんにちは、yamashitaです。 日中は窓を開けてると気持ちいいですが、日が落ちると寒くなってきましたね。 気温の上下に振り回されてる日々を送っています。 今回はWordPressの一部ページをテーマから切り離した状態で表示したい時の処理について紹介します。 あまり使用することもないかもしれませんが、特別な案件で、テーマ内の既存のテンプレートファイルを編集できないとのことで、この方法を使用したので手順等を記したいと思います。 準備すること テーマから切り離すパスを決める パスに応じたディレクトリとindex.phpの作成 必要に応じて別途PHPファイルの作成 必要に応じて.htaccessの作成 テーマから切り離すパスを決める まず切り離すパスを決めなければ話は進みませんので、決めていきます。 例えば「カスタム投稿の一つのタイプの場合だけ」という場合はテーマ内にsingle-x
【WordPress】独自のブロックを簡単に作成できるプラグイン「Block Lab」ー後編 | バシャログ。
こんにちは、koyaです。 今回は前回の続きを書きます。 前回のおさらい 前回はプラグインでブロックのフィールドを作成するところまでをやりました。 上の画像のようにブロックエディタ上のフィールドに値を入力して、いざブロックに反映しようとすると画像のようなエラーが出た状態になっている状態で終わりました。 ブロックエディタでのエラーの解消 上記のエラー文では「Block rendered as empty.block-lab-editor__ssr」と表示されています。 ブロックをレンダリングしようとしましたが中身が空でした。と言われていますね。 プラグイン入力した状態では入力画面は作りましたが、ブロックの中身やデザインは設定されていない状態です。 これを解消するためにブロックの中身を作成していきます。 ブロックはテーマディレクトリの下にblocksディレクトリを作成し、その中にブロックごとに
【WordPress】カスタムタクソノミーを親なしのチェックボックスで追加する | バシャログ。
こんにちはfujiharaです。自宅のwifi環境に中継機を導入したら ネットワーク環境が劇的に変化してマジすげぇと感動しています。 今回はカスタムタクソノミーを追加したときに、管理画面で親なし・チェックボックスにする 方法をご紹介します。 方法 カスタムタクソノミーを通常追加するときには以下のコードで 実現すると思います。(詳細オプションは省いて、無名関数で実装しています) add_action( 'init', function () { register_taxonomy( 'bashalog', 'post', [ 'label' => 'バシャログ', ] ); } ); 上記で追加されると以下のようになります。テキストフィールドで追加していく方法 まずはこれをチェックボックスにします。meta_box_cb に post_categories_meta_boxを指定 add_a
【WordPress】多言語対応プラグインPolylangでhome_url()を使うときに気を付けること | バシャログ。
みなさんこんにちは、yamashitaです。 6月からクーラーをフル稼働していて8月にはどうなっていることやら心配です。 さて今回はPolylangプラグインを設定している状態でhome_url()を使う際の注意点を一つ紹介したいと思います。 Polylangとは 設定することで多言語ページのURLを設定してくれるプラグインで、各投稿・ページにも対応するページが存在するか一覧で確認できるようになります。 今のところ自分は使用していませんが、有料版には自動翻訳もあるようです。 home_url()の動作 テンプレート上で使用する場合はほとんど通常時と同じ感覚で使って大丈夫です。 出力内容は以下の通りです。 デフォルト言語ページの場合、http://example.co.jp/の様にトップのURLがそのまま出力されます。 他の言語ページの場合、http://example.co.jp/enの様
【WordPress】独自のブロックを簡単に作成できるプラグイン「Block Lab」 | バシャログ。
こんにちは、koyaです。 在宅勤務で自宅PCでAdobe製品を開きながら作業することが多くなり、メモリが足りなくなってしまったので16GBから48GBにアップグレードしました。めちゃくちゃ快適です。 最近はChromeだけでもメモリをたくさん使ってしまうので16GBだと足りなくなってしまいましたね… 今回はブロックエディタに独自のブロックを追加する事が出来る「Block Lab」を紹介します。 インストール プラグインの追加から検索、または以下のサイトからダウンロードしてインストールします。 wordpress.org 公式サイト 使用方法 インストールをするとサイドバーの一番下に「Block Lab」が追加されるので、ここからメニューを開くことが出来ます。 All Blocksを開くとデフォルトで「Example Block」が下書き状態で追加されています。 「Example Bloc
gulp-directory-sync でディレクトリを同期する | バシャログ。
どうもfujiharaです。ただいまテレワーク中です。本日はgulp-directory-syncを使って ディレクトリを同期する方法をご紹介します 追記:2021/06/28）まずこちらの記事を参考にしていただき、駄目な場合はこちらのgulp-directory-syncをお試しください。 背景 WordPressを開発する際には以下のような構成で行っております。 (以下リポジトリルートです) . ├── frontend_check (コーディング用) ├── gulpfile.js ├── package.json ├── src (各種ソース) ... (その他各種設定フィル等) srcディレクトリで各種ソースを用意しgulpで運用してfrontend_checkに吐き出すイメージです frontend_check以下はこの様になっています frontend_check ├── a
【WordPress】類似したURLからリダイレクトで全く別ページにアクセスされるのを止める | バシャログ。
皆さんご機嫌いかがでしょうか。yamashitaです。 本日はWordPressのお節介機能を止める方法を紹介します。 URL自動補完リダイレクトについて 実際の動作例 以下のような親子構成の固定ページがあるとします。（いい例が考えつかずすみません） /jp /en /jp/aaaa /en/bbbb この時/en/bbbbにアクセスしようと思い、間違えて/jp/bbbbとURLを入力すると・・・なんと/en/bbbbにアクセスできるとても便利な機能なんです。 他にも/jp/jpと入力した場合、ビックリなことに階層を飛び越えて/jpにアクセスさせてくれます。とても便利と見せかけて存在しないページへのアクセスを勝手に存在してるページに飛ばしちゃいます。 このような例のほかにも、/jp/aaと入力すると/jp/aaaaにアクセスします。 どうやら前方一致でリダイレクトしてるようでパスの最後の階
【WordPress】WordPress5.4での変更点まとめ | バシャログ。
こんにちは。koyaです。 ついに弊社でも全面的にテレワークを行うことになったので、自宅の模様替えをして作業環境を整えたりしました。 集中できるスペースを作るには狭い部屋ですが以前よりは仕事場って感じになって満足しています。 今回は3/31にアップデートされたWordPress5.4の情報についてまとめようと思います。 ブロックの追加 今回のアップデートで新規ブロックとしてTikTokブロック、ソーシャルアイコンの2つが追加されています。 TikTokは既存の埋め込みブロック同様にURLを入力するのみで動画を埋め込むことが出来ます。 ソーシャルアイコンは画像のような丸いアイコンのデザインで各種ソーシャルサイトへのリンクをまとめて表示することが出来ます。 よく使う機能がシンプルなデザインでデフォルトで追加されたのはいいですね。 既存ブロックの強化 既存ブロックも使いやすく進化しているのでまと
WordPress パスワードなしでユーザーをログイン状態にする | バシャログ。
どうもfujiharaです。1年の4分の1が早くも終わりました。本日はパスワードを入力せずにWordPressにログインする方法をご紹介いたします。 背景 外部サービスにログインしたユーザーはWordPress内の表示させる情報を変えたい。またユーザーによって内容は変えなくても可能な時に、 WordPress側にユーザーアカウントを1つ1つ用意するのではなく、ログイン状態用ユーザーを1つ作成してそのユーザーがログインしている状態にすれば実現できるじゃん！ ということで探していたらありました。 実装 $userID = XXX; wp_clear_auth_cookie(); wp_set_current_user ( $userID ); wp_set_auth_cookie ( $userID ); 説明 まず設定したい$userIDを決めます。(存在するユーザーのIDです(ない場合は作
ブロックエディタが抜群に使いやすくなるプラグイン「Snow Monkey Editor」 | バシャログ。
こんにちは。koyaです。 先日今シーズン最後のスノーボードをするために越後湯沢まで行きましたが、ボードやシューズが泥まみれになってしまいました。 例年であれば4月末まで営業しているようなゲレンデも3月末には営業終了していそうです。ただでさえコロナで外出が億劫なのに暖冬も重なって今年は散々でした。 今回紹介する「Snow Monkey Editor」はブロックエディタで記事を書く際に欲しい機能が詰め込まれているプラグインです。 ダウンロードはこちらから出来ます→Snow Monkey Editor Snow Monkeyというとテーマの方をイメージしますが、こちらのプラグインはSnow Monkeyのテーマでなくても使用可能です。 Snow Monkey Editorはインストールをすると記事編集画面の右側に「スタイル」とスノーモンキーアイコンがついたブロック表示設定項目が追加されます。
【WordPress】ビジュアルエディタで編集したいけどTinyMCEの自動整形をどうにかしたい | バシャログ。
ご無沙汰しております。yamashitaです。 どの職業でも"瀬戸際"ってやつが想像以上に続くことってありますよね。 その辺見極める力は是非付けたいところです。 それはそれとしてWordPressで使用されているエディタ、TinyMCEの仕様に振り回されました。 日々コードを見て慣れている開発者としてはテキストエディタ側でHTMLを編集したい、 実際に運用する普段コードに慣れていない人は（あとからプレビューするとしても）ビジュアルエディタで実際の見た目に近い状態で編集したい という当然の要望がありますよね。 しかし、ビジュアルエディタで編集すると意図して組んだHTMLが崩れてしまうということが多々あり、苦労しました。 検索すると多くの方が困っているようで、プラグイン（主にTinyMCE Advanced）を使ったり、使わなかったりと様々な方法で解決されているようでした。 それらを総合的に取
【WordPress】カスタムフィールドの更新時間について | バシャログ。
バシャログ。アドベントカレンダー3日目、yamashitaがお届けします。 今回は技術記事とオススメしたいものの企画記事、どちらか順番は自由に二つの記事を書くことになってますが、技術記事から書きたいと思います。 前回はおかしなテンションで書いた結果、社内で正気かと疑われたので様子を見たいと思います。 ちなみに前回紹介した時屋はコンセプト毎に店舗を拡大してるので皆様是非食べてください。 さて、この記事ではWordPressのカスタムフィールドを含めた投稿の更新時間を取得する方法を考えたいと思います。 流れは以下の通りです。 なぜ取得する必要がある？ カスタムフィールドの更新時間を保存する方法 カスタムフィールドの更新時間を取得する方法 まとめ なぜ取得する必要がある？ 経緯としては、投稿を管理画面以外からも更新するシステムを作っていました。 その際に投稿本体を更新せずにカスタムフィールドのみ
【WordPress】WordPress5.3での変更点まとめ | バシャログ。
こんにちは。koyaです。 先日スノーボード友達と久しぶりに会ってきたのですが、まだまだ雪が降る気配がなくてシーズンインがどうなるのか気になっています。スキー場のライブカメラから目が離せません。 今回はWordPressのアップデートがあったのでエディタ周りの変更点をまとめます。 公式テーマに「Twenty Twenty」が追加 待望のブロックエディター対応公式テーマが追加されました！ エディター画面で公開後のスタイルを確認することができるんで、WordPressを触ったことがない人でも簡単に記事を書くことができます。 今までの公式テーマは白色基調でした。参考に以下が今までのテーマです。 「Twenty Sixteen」 「Twenty Seventeen」 「Twenty Nineteen」 今回のテーマは#BD3854を使った落ち着いた色合いのテーマです。今まで白で統一されていたのでブ
【WordPress】アップロードしたメディア、ファイルにアクセス制限をかけて非公開にしたい。 | バシャログ。
こんにちは、朝出勤したら上司にWANDSの再始動を告げられて動揺してるyamashitaです。 今回はWordPressのメディアにアップロードした各ファイルへのアクセス制御について書こうと思います。 WordPressは記事の投稿を非公開にしても、それに添付されたメディアにアクセス出来てしまいます。 ディレクトリに置いてあるだけなので当然といえば当然ですが、「記事を非公開にしても添付ファイルが非公開にならないのはおかしいでしょ。」と思ったので対処法を調べてみました。 検索してもメディアの投稿ページへのアクセス制御が多くヒットし、ファイル自体に対するアクセス制御の処理はあまりヒットしませんでした。 .htaccessの基本的な処理で対応できてしまうので誰も書いてないだけかもしれませんが・・・・ 今回紹介する対処法の大まかな流れは以下の通りです。 ファイルを削除する 同サイトからのアクセスの
【WordPress】is_xxxx()という関数は用法用量を守って使いましょう。 | バシャログ。
皆様ご無沙汰しております。yamashitaです。 今回はWordPressの関数を使うにあたって、気を付ける点を書こうと思います。 開発時に使ってみたら全然動かなくてパニックになったので調べてみました。 主な関数はis_page(),is_single(),is_archive(),is_attachement()など、表示するページの種類を判定する関数です。 おそらくこのファイルにある関数が主な対象です。 https://github.com/WordPress/WordPress/blob/master/wp-includes/query.php どういう風に失敗したのか。 カスタム投稿を含めた特定の投稿やアーカイブ、一部のユーザーからのアクセスが出来ないようにしたかったのですが、 functions.phpに以下のような記述をしました。 if(is_post_type_archiv
WordPress 記事編集時にカスタムCSSを効かせる | バシャログ。
どうもfujiharaです。夏の終りのこの季節過ごしやすくて一番好きです 本日はWordPress 5系からGutenberg に変わったんですが、TinyMCEでカスタムCSSを効かせる方法をご紹介します。 はじめはGutenbergでもやってたんですが、それ以外の設定が多すぎてまずはTinyMCEでご紹介させてください。。 使用前 カスタマイズの前後でどう変わるかお見せします。 before after 方法 2つの手順で行っています。 読み込みCSSの追加 TinyMCEの Body に特定のクラスを追加 読み込みCSSの追加 add_action('after_setup_theme', function () { add_editor_style("assets/css/common.css"); add_editor_style("assets/css/editor_reset
Docker Compose でWordPress環境を作ってみる | バシャログ。
こんにちは、ishidaです。最近、猫カフェにハマってます。 Dockerを先日インストールしたので、WordPress環境を作ってみたいと思います。 開発環境 ・macOS Mojave 10.14.4 ・Docker version 18.09.2 Docker Composeとは 公式サイトには、 Compose とは、複数のコンテナを使う Docker アプリケーションを、定義・実行するツールです。Compose はアプリケーションのサービスの設定に、Compose ファイルを使います。そして、コマンドを１つ実行するだけで、設定した全てのサービスを作成・起動します。 と書いてあります。 コマンド１つだけで、複数のサービスを作成・起動が出来るようになります。 超便利ですね。 Docker のインストール まずはDocker Desktopをインストールしていきましょう。 公式サイトか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://bashalog.c-brains.jp/19/11/12-152006.php