WordpPress、css、PHP、javascript等のコーディング・プログラミング・WEB制作お役立ちブログ
新着記事
-
ユーザー削除時にそのユーザーのコメントも削除:WordPress
WordPressでユーザーの削除時に、記事の場合は削除するか他の管理者に紐づけるかできますが、 ユーザーを削除してもそのユーザーのコメントは残りますので、今回はユーザー削除時にそのユーザーのコメントも削除する方法をご紹 […]
-
コメントに使用されるアバターをカスタムフィールドで指定した画像に変更：WordPress
コメントに使用されるアバターをカスタムフィールドで指定した画像に変更する方法をご紹介します。 今回はACFを使用してユーザープロフィールにアバター画像用のカスタムフィールドを追加して説明します。 ACFでカスタムフィール […]
-
ACFでフィールドタイプにユーザーを指定したときに、選択肢をユーザー名ではなくニックネームに変更する方法
ACFで関連フィールドタイプのユーザーを指定したときに選択肢がユーザー名になってしまうので、 ユーザー名ではなくニックネームに変更する方法をご紹介します。 functions.php 上記でOK //$text .= & […]
-
clip-pathで背景を好きな形に切り抜く方法：CSS
CSSのclip-pathで背景を好きな形に切り抜く方法をご紹介します。 DEMO clip-pathの書き方 例えばboxというclassの要素を上下斜めに切り抜きたい場合、 clip-pathは以下のように記述します […]
-
CSSアニメーション（animationプロパティ）徹底解説
CSSアニメーション「animation」タグの基本についてご紹介します。 例として今回はフェードインアニメーションを例に進めます。 フェードインのHTML＆CSS フェードインするコンテンツ 基本的にはkeyframe […]
-
makeshopのクリエイターモードでパンくずを実装する方法
makeshopのクリエイターモードでのパンくずリストの表示に少し手間取ってのでメモ。 カテゴリページのパンくずリストの表示 カテゴリページでは以下のようなコードでパンくずを表示します。 makeshopではTOPを取得 […]
-
ドラッグで左右の画像比較する方法：javascript
ドラッグで左右の画像比較ができるjavascriptをご紹介します。 WordPressのプラグインでいうと「Twenty20 Image Before-After」のような動きをjsのみで実装する方法です。 ビフォーア […]
-
WordPressのRSSフィードからアイキャッチ付きの記事一覧を取得する方法：PHP
PHPでWordPressのRSSフィードからアイキャッチ付きの記事一覧を取得する方法をご紹介します。 アイキャッチを取得するためのWordPress側での処理 WordPressの通常のフィードにはアイキャッチ情報が入 […]
-
記事の最初の見出しの前にコンテンツを追加する方法：WordPress
WordPressの記事の最初の見出しの前にコンテンツを追加する方法をご紹介します。 CTAコンテンツや、アドセンスを挿入したい場合に便利です。 functions.phpに追加する 以下のソースをfunctions.p […]
