WordPressWP REST API

WP REST API v2のwp_remote_post()API関数を使ってWordPressに記事や固定ページを投稿する方法の紹介とサンプルコードです。 wp_remote_post()で投稿するサンプルコード require_onc ...

CSSCSSデザイン

CSSを使ってHTMLに表示するテキストをメタルっぽく装飾するサンプル集になります。 また、チェック柄以外にもテキストをシャドウ、立体、ストローク、ネオン、ストライプからグラデーション、メタル風、鏡面反射などにするCSSサンプルも紹介してい ...

CSSCSSデザイン

CSSのみでテキストをチェッカー柄やギンガムチェック・タータン・チェックなどのチェック柄に装飾するサンプル集です。 各柄のカラーバリエーションも紹介しています。 また、チェック柄以外にもテキストをシャドウ、立体、ストローク、ネオン、ストライ ...

2019-09-06CSSCSSデザイン

CSSを使ってテキスト文字に影、立体、光沢などを付けて装飾するサンプル集です。 シャドウ系、立体系、ストローク、ネオン、ストライプからグラデーション、メタル風、鏡面反射などカテゴリにわけて紹介していきます。 賛否はあるかもしれませんが、フォ ...

JavaScriptイベント

スクロール量に合わせてページの背景色のCSSを変更していくシンプルなJavaScriptの動作サンプルとサンプルコードです。 スクロール量に合わせて背景色を変更する 動作サンプル See the Pen JavaScript Change ...

CSSCSSアニメーション

CSSだけで流れる文字を作成するCSSアニメーションサンプルパターン集になります。 共通HTML <div><p class="text">流れる文字のCSSアニメーション</p></div> 右から左へ流れる文字の ...

2019-08-29CSS旭日

CSSを使って作る旭日旗のサンプルコード集です。 旭日に16本の旭光が射す旭日旗のCSSデザインで、影付きや青色バージョンも作成しました。 旭日の位置や大きさ、旭光の幅などをCSSで簡単に編集できるようにしました。 旭日旗、ノーマル See ...

CSSCSSデザイン

リンク先の説明書きなどに使われるCSSだけで作るマウスホバー時にポップアップするバルーンポップアップ・ツールチップのデザイン集です。 共通HTML 紹介しているサンプルCSSの共通部分です。 HTML <ul> <li>MENU ...

JavaScriptイベント

JavaScriptを使ってCSSのスタイルを動的に変更する方法です。 要素の背景色を変更するボタン、要素のポジションを変更するボタン、また.styleで指定可能な主なstyle属性一覧を紹介しています。 要素の背景色を変更するボタン Ja ...

JavaScriptイベント

JavaScriptを使って指定した要素に対してマウスホバー(マウスオーバー)イベントを実装する方法です。 マウスホバーイベントを実装する方法 JavaScriptを使って指定した要素に対してマウスホバー(マウスオーバー)イベントはaddE ...

JavaScript取得

JavaScriptを使ってクリック時などに要素のclassからidを取得する方法です。 クリック時・マウスホバー時・ドラッグ時などのパターンを紹介しています。 要素のクリック時にclassからidを取得する方法 JavaScriptを使っ ...

JavaScript判別

JavaScriptを使って現在表示中のページがHTTPかHTTPSかを判別する方法です。 またHTTPの場合にHTTPSのページにリダイレクトする方法も紹介しています。 httpかhttpsかを判別する方法 location.protoc ...

JavaScript判別, 文字列

JavaScriptを使った文字列の前方一致や後方一致を判別する方法です。 文字列の前方一致を判別する startsWith()関数を利用して文字列の前方一致を判別する方法になります。 startsWith()関数は指定した文字列の前方が第 ...

JavaScriptイベント

テキストや要素上での左クリックまたは右クリックをトリガーにしたJavaScriptイベントの実装方法です。 左クリックをトリガーにしたイベントの実装方法 JavaScriptで左クリックをトリガーにしたイベントの実装方法になります。 実装サ ...

2019-08-27CSSCSSデザイン

ほんわか系CSSボタン01 柔らかい色を使ったほんわか系CSSボタンです。 動作サンプル See the Pen CSS Background color change animation by yochans (@yochans) on ...

WordPressWordPressプラグイン

GoogleがWordPress用の公式解析プラグイン「Site Kit」を発表しましたので、早速使ってみました。 Google製解析プラグイン「Site Kit」はSearch Console、Googleアナリティクス、Googleアド ...

2019-06-15JavaScript

JavaScriptを使ってマイナス値をプラス値に、プラス値をマイナス値に変更する方法です。 マイナスをプラス、プラスをマイナスにする 計算式でマイナスをプラス、プラスをマイナスにする -(value) サンプルコード let n1 = - ...

WordPress

WordPress5.2からリカバリーモードが新機能として実装されました。 関連: WordPress5.2の新機能・変更点まとめ | ONE NOTE リカバリーモードは今までPHP等に問題のあるエラーがあると、WordPressの管理画 ...

2019-05-09WordPress

WordPress5.2が一般にアップデート可能となりました。サイトヘルス機能を始めいくつかの機能追加や変更点がありますのでまとめていきたいと思います。 WordPress5.2のコードネーム?は「ジャコ」というらしい。 名高く革新的なジャ ...

PHP

PHPで年のみ年月、年月日のセレクトフォームを作成するサンプルコードです。 年のみのセレクトフォームを作成 年の期間を指定してセレクトフォームを作成 範囲をループ処理で作成していきます。サンプルでは1980年~2020年までのセレクトフォー ...

PHP文字列

str_replace()は文字列の置き換えができるPHP関数ですが、str_replace()を使って複数の条件を指定する方法になります。 str_replace(置き換える文字列, 置き換え後の文字列, 対象の文字列); str_rep ...

WordPressWP REST API

この記事はWordPressでPHPからカテゴリを作成・追加する方法の紹介になります。 WP REST API等で動的に記事を投稿する際に存在しないタグを指定した場合でも自動タグを作成して追加したり、一括して複数のタグを作成する際などに利用 ...

2019-05-04WordPressWP REST API

WordPressでphpからカテゴリを作成・追加する方法になります。 WP REST APIで記事を投稿する際に、存在しないカテゴリを指定した場合でもカテゴリを追加させる手段として使えますね。 カテゴリを追加するWordPress関数には ...

2019-05-09WordPressWP REST API

WP REST APIを使って新規投稿・編集する時にGutenbergのブロック要素としておく方法です。 REST APIだけで投稿や編集をするならあまり意味はないかも知れませんが、Gutenbergのブロックデザインを使えるのでWP RE ...

2019-06-19WordPressWordPressプラグイン

WordPressではショートコードを利用して関節的にウィジェットでPHPコードを実行する方法がありますが、「PHP Code Widget」は直接PHPコードを記述・実行できるウィジェットを追加できる様にするプラグインです。 ショートコー ...