プラグインと言うことなので、当ウェブサイトは本プラグインを紹介することにしました。ブロックでグラフを作るためのプラグイン。ブロックエディターの設定部分で設定をしていく形で、グラフを視覚的に作れる便利なブロックがいっぱい用意されています。ブロックエディター用のプラグインなので、もちろんクラシックエディターでは役に立ちません。arearadarと言う種類のグラフが対応されているみたいです。順番に見ていきましょう。ケミグラフのカラーは用意されている何パターンかを選んでいます。カラーバリエーションもかなり豊富です。pieケミテレビなどでお馴染みのパイチャート。値と表示されている割合がよく誤魔化されていることでもお馴染み。barlineケミプレゼン資料でもよく見かける折れ線チャート。値を右肩上がりにしたいってよく言われるやつですね。areaケミ積み上げ段エリアチャートは、最後の値が解りにくいと言うデメリットもあって、日本の企業のプレゼン資料ではあまり取り入れることも少ないと言われてますね。radarケミ診断サイトとかでよく見かけるレーザーチャート。これもブロックで作れるのは嬉しいですね。要望したら対応をしてくれました。ブロックを選択してブロックエディター上にブロックを追加します。各グラフの種類を選択します。ボタンを押して、各データの値を入力します。その他のパネルから、グラフのタイトルやデータの説明を表示するかなどを選択してグラフを彩ってください。ケミプラグインはすべて英語表示ですが、グラフに表示する文字列は日本語も正しく使えます。Chartsは、ブロックを使ってグラフを表示したいと言った方には最適なプラグインです。p...codecanyon.net4.5ケミ有料のプラグインですが、購入して良かったと思います。カスタマイズでよくある問題を随時更新していきます。略して記述されている場合があります。クラスが見つからない」と言うエラーで表示されるケースがあります。変更して確認してみてください。まま記述するのも可能だよ。パーサーのことを書いています。記述を置換する場合は、正規表現で文字列置換をすることが多いです。正規表現で正しく置換することが苦労する場合もあるでしょう。用いて判定する手法を行う方が、楽に実装できる場合があります。PHPライブラリを使うのは、ページ全体の表示速度の低下につながることでしょう。用意されている関数をそのまま用いて実装する方が良いでしょう。DOMパースを行うのが、ページの表示速度をあまり落とさないので良いと考えています。文字列置換の基礎を解説します。関数の説明は簡易的なものに留めます。関数の詳細については下記のページをご参照ください。関数を使用してテンプレートパーツを取得し、特定のdiv要素の削除を行なってみましょう。$html;}上記のように記述後、確認してみてください。「この記事を書いた人」の「記事一覧」のリンクが、表示されなく(削除)なるでしょう。削除する方法を使うことで、安全にリンクを取り除くことも可能です。置換しようとすると別の</a>までを対象にして変なリンクになっちゃうこともある。関数は、情報も少なく慣れていない場合には難しいでしょう。PHPライブラリも試しに使ってみるのが良いでしょう。関数を内部で使用しています。そちらは、やり方次第で速度の低下を許容範囲内にできる場合もあります。本格的に全面リニューアルしたお知らせです。合わせたサンプルコードにも書き換えました。ケミその記事数は合計で約30。ポッドキャストやスライドで行った記事は加筆をして標準の記事にしています。各ページ・記事のURLを変更しました今後のウェブサイト運営方針の変更のため、リニューアルに合わせて、各ページ・記事のURLも変更しています。キャラクターを追加・性格などの調整もしました今までキャラクターをきちんと分けていなかった部分を大幅に修正し、新しくキャラクターを追加しています。今後、もっとわかりやすく台詞量も増やしていく予定です。今後ともよろしくお願いします他に大きく変更もしているのですが、今後ともよろしくお願いいたします。カスタムテーブルに関する基礎」の記事で、テーブルを新規生成・削除する基礎について解説しました。本記事では、新規生成したテーブルのデータを操作する方法について解説します。カスタムテーブルに関する基礎」の記事で解説を行っています。本記事を読まれる前に、そちらの記事を先にお読みいただければ、理解が深まるかもしれません。サンプルコードについて解説したソースコード全体を動作するかたちで記述しているファイルは、記事の最後からダウンロードできるようにしています。動作確認される場合は、そちらをダウンロードしてご確認ください。関数を使ったんだっけ。関数を使うのかな?テネーブルそうですね。SQL構文をクエリ操作する形で、INSERT(データ追加)やUPDATE(データ更新)を行う形でもテーブル内にデータを追加・更新が可能です。関数と言う関数を使用する方法で解説します。置き換えると言う意味ですよね?データを置き換えるんですか?テネーブルはい。関数は、指定されたデータがある場合にデータの置き換え(更新)を行います。データが無い場合は、無いデータを置き換えると言う行為をしますので、データの作成となります。下記のウェブページにも記載されています。Codexルミェール実際のコードを見ていこう。関数の第1引数として、データを操作する対象のテーブル名を指定します。次の第2引数では、データを追加・更新するカラム名と値を設定します。関数は、データのシリアル化が必要な場合にデータをシリアル化する関数です。PHPの配列などの値はそのままデータベースで保存できませんので、シリアル化をする形で、データベースで保存できる値に変更しているのです。最後の第3引数は、値のフォーマット書式の指定となります。書式の値は以下の通りになります。Codexより引用テネーブル今回の値はシリアル化も行っておりますので、シリアル化した後の文字列型がフォーマット書式となります。標準のテーブルを対象にもできるよ。標準のテーブルの場合には、そのテーブル内のデータを安全に操作するための専用の関数が用意されているから。関数を使わないんですか?テネーブル今回のような正しく一意性を持つデータのみを格納しているテーブルであれば、他に重複するデータが存在しません。関数であっても他のデータが置換されない為です。同じ値が保存(データが重複)される事は、ありませんよね。関数を使う事も可能なのです。関数では指定した値に該当するすべてのデータが置換されてしまいます。関数を正しく使う必要があります。関数を使用した方が良いでしょう。関数の説明は割愛するよ。動作の確認をしてみようブリエこの処理の実行だけを行っても、データベースにデータが生成されてるのが確認できました。関数が用意されています。一意性のデータであれば、データは1つしか存在しません。今回の場合であれば該当していますので、1つのデータを取得するget_row関数で取得が可能です。クエリ文字列の記述を行います。そのまま記述を行うと脆弱性対策ができません。インジェクションといった脆弱性対策を行いましょう。関数のような制約があると思ってください。文を1カラム1行で記述し、変数をフォーマット書式の値で設定するという形」と覚えておけば良いです。設定している場合は連想配列でデータが返却されるよ。ように各カラムの値が扱えるんだ。関数は、指定した条件に一致するデータをすべて削除されますのでご注意ください。関数の指定方法とほぼ変わりませんので、そちらをご覧ください。削除された行の数値を返却されますね。サンプルコードのダウンロードケミ解説したサンプルコードを実際にプラグインで動作するようにしているファイルです。勉強される時以外にはプラグインを有効化していたとしても意味ありませんので、勉強後はアンインストールと削除を忘れないようにしてください。ダウンロードまとめケミ本記事も長くなりました。割愛していたinsert関数、update関数や、トランザクション制御についての解説は、別の記事で解説することにします。get_results関数を使用して複数のデータを処理する方法なども別の記事で解説するようにします。https://not-wiz.net/?p=191本記事は、カスタム投稿タイプのページテンプレートについて解説をします。以降では、プラグインでカスタムページテンプレートを追加できるようになっています。それと同様に、カスタム投稿タイプのテンプレートも簡単にプラグインで追加設定する事が可能になりました。フィルターフックを使用することで、プラグインだけでカスタム投稿タイプでもテンプレートを正しく追加して設定する方法を解説します。カスタム投稿タイプとは?カスタム投稿タイプは自分で作れる新しい投稿タイプです。標準《デフォルト》で用意している投稿タイプには、主に5つあります。デフォルトで5つの主要な投稿タイプがあります。カスタム投稿タイプを使う理由とは?自分で新しい投稿タイプを作りたい時とは、どう言う時でしょうか?いくつかのケースを紹介します。通常の記事と別にしたい場合に使う例えば、専門用語を紹介する用語集を作りたいとしましょう。標準の投稿を使って行う場合であれば、通常の記事と用語集が混ざってしまう問題が起こるでしょう。言った分類で分ける辞書のような構成にしたいかもしれません。標準の記事の構成では難しい仕様もあるでしょう。ルミェール標準で用意されている「カテゴリー」「タグ」などの要素を「タクソノミー」って言うんだ。「カスタム投稿タイプ」は「カテゴリー」「タグ」などの要素は標準で用意されず、「タクソノミー」を自分で設定しないと何も設定されないよ。言った値を登録すると言った感じですね。言ったカスタム投稿タイプを設定できるプラグインなどが存在します。リファレンスやプラグインの配布ページに詳しい説明があります。そちらを参考にして各自で設定をしてください。本記事では詳細解説を割愛します。WordPress.org公式プラグインディレクトリカスタム投稿タイプのテンプレートもプラグインで追加設定しようカスタム投稿タイプを設定出来たでしょうか?しかし、それらの設定をしても、まだカスタム投稿タイプには足りない設定があると思われます。投稿の属性に表示されるテンプレート要素このままの状態では、カスタム投稿タイプの投稿にはテンプレートの設定が存在しない為、レイアウトがデフォルトテンプレートの状態でしか表示できません。カスタマイザーで、カスタム投稿タイプであっても「投稿」と「固定ページ」のビューテンプレートを選択できるようになっていますが、それ以外のテンプレートを選択したい場合もあるはずです。プラグインで設定を行えば、カスタムページテンプレートを選択できるようになりました。これを使用してカスタム投稿でもページテンプレートを設定してみましょう。フックで設定を行いましょう。公式ウェブサイトの「カスタムページテンプレートの追加方法」の記事では、ファイルの記述をコピーして使用されているのですが、カスタム投稿タイプでも標準のページテンプレートとして使用する場合、テーマにある同一のページテンプレートファイルを読むように調整してあげる方が良いかもしれません。そのようにしてみましょう。ルミェール処理を上書きすると、テーマがアップデートされた時や、投稿されている記事のテンプレートにも影響が出ちゃう。投稿テンプレートはテーマのアップデートに気にせずに使いたいよね。用意されている標準のページテンプレートは、次のように7つあります。Type後述の記述です。ワンポイントアドバイステーマ標準で用意された7つのページテンプレートのファイル名と同一のファイル名でページテンプレートを生成した場合は、そのファイルの処理が上書きされて適用されます。その為、既存の投稿のテンプレートに対しても影響が出てしまいますので、テーマと同じテンプレートのファイル名を使用しないようにするか、テーマと同様のレイアウトを使用したいのであれば、後述のようにテーマファイルを読込むようにする処理を設定しておくと良いでしょう。テーマテンプレートと同一の名前にする必要はありません。追加したいカスタム投稿タイプのみでも適用されるようです。しますので、テーマのページテンプレートに記載された処理が実行されます。テーマがアップデートされた場合でもアップデートされたテーマのページテンプレートを読込んで処理を反映しますので、上書きなどの問題を受けません。言う名前でファイルを新規生成します。標準で用意されている7つのタイプのテンプレートに関しては、次のように7つのファイルを用意し、上記のようにテーマディレクトリのページテンプレートを読込む記述の方法で使用すれば、テーマのアップデート時にもテーマのアップデートされたページテンプレートで対応されます。用意された7つのページテンプレートは、投稿や固定ページの表示にも使用されていますので、変更を行った場合は、それらの投稿や固定ページの表示全体にも影響を及ぼしてしまいます。適用されていなくても優先度が高いファイルの処理で上書き実行されるようです。post(投稿)、page(固定ページ)の記述が無くても、同一ファイル名の場合、優先度が高いファイルの処理が適用されるようなのです。読込みするような形でのみ使用が良いと思われます。Nameを使用するのを推奨します。プラグインでも行えるようにしていることからも、プラグインの方では上書きが推奨できないなどの部分もあります。子テーマを作らずにプラグインで可能なので、カスタム投稿に合わせたデザインのページテンプレートを同一のプラグインで配布できるのは非常に魅力があると思います。興味のある方は、そういうことにも挑戦してみてください。ヘッダー位置を変更した際に、設定によっては想像しているデザインと異なった形で表示されてしまう場合があります。本記事は、ヘッダー位置に合わせた要素のカスタマイズ方法をまとめました。以降」のみ対応しています。ヘッダーに大きな変更があったの。スタイルを当てて行っていたの。変更に伴ってカスタマイズ方法も変更されたんです。Monkey公式では、次の通り書かれています。適用されなくなるのでご注意ください。あてるように変更してください。対してCSSをあてる変更が必要です。v9より前のバージョンでは、ヘッダーの設定は今のように多分類化されていなかったんだ。v9以降にヘッダーの調整が多くされて、スタイルも大きく変更されたよ。ヘッダーの種類は、分類が多くなりました。言うスタイルに分かれるようになっています。次のように記述されます。設定は、スマートフォンやタブレット端末で見える時の設定ってことですか?テネーブルそうですね。スマートフォンを基本としたモバイルファーストのテーマと言われています。解像度でヘッダー位置の見え方も異なる設定ができるように対応されたんですね。その為に多くのスタイルが変更されています。カスタマイズ」にも解説があります。言う記述が付与されます。言うスタイルクラスになります。言う記述が付与されます。言うスタイルクラスになります。言う記述が付与されます。言うスタイルクラスになります。言う記述が付与されます。言うスタイルクラスになります。ノーマルルミェールノーマルの場合はスタイルが付かないよ。何も設定されていない場合も、このノーマルが設定される。標準(デフォルト)ってことだね。ヘッダー位置に合わせたコンテンツスタイルの変更方法ブリエオーバーレイメニューの時にメニューとコンテンツが重なりすぎちゃった。コンテンツ開始位置をズラすと、オーバーレイ以外の時に余白が気になっちゃうかな...。テネーブルそう言う場合は、オーバーレイの時だけコンテンツの開始位置を少しずらしたいなどの場合には、ヘッダー位置に合わせてコンテンツスタイルを変更すれば解決するんじゃないでしょうか?ブリエヘッダー位置に合わせてコンテンツスタイルを変更?テネーブルそうです。