【EASEL】作品個別ページのページネーションのデザインを整える
作品個別ページの下部にある、前後の作品ページのリンク（ページネーション）のデザインを整えるカスタマイズの備忘録です。前後の作品タイトルの長さに差があってもリンクの大きさが一定になるようにCSSを編集します。 編集前（上からPC版、……
EASELカスタマイズ
【EASEL】日記ページの見た目を整える
前回の記事で作成した日記ページの見た目を整え、より見た目を日記ページらしくするカスタマイズの備忘録です。 投稿ごとのカテゴリー表示を消す投稿ごとにカテゴリー表示がありますが、カテゴリーは「日記」だけなので、この表記は必要ありません……
【EASEL】日記ページを作成する
WordPressテーマ「EASEL」を使っているサイトで、てがろぐなどの外部ツールを使わずに日記ページを作成する方法です。スマホから簡単に更新することも可能です。※WordPress標準の機能「投稿」を日記だけに使うことが前提の方法です！……
【EASEL】カテゴリー、タグ一覧表示のアイキャッチ画像周りの修正②
カテゴリー、タグ一覧表示のアイキャッチ画像周りの修正①でアイキャッチ画像の見た目を整えたので、次はPHPを編集して、アイキャッチ画像が設定されていない記事にもなにかしらの画像が表示されるように修正します。アイキャッチ画像が設定されていなくて……
【EASEL】カテゴリー、タグ一覧表示のアイキャッチ画像周りの修正①
一部のカテゴリーやタグでの一覧表示のアイキャッチ画像に統一感を出すためのカスタマイズです。デフォルトのアイキャッチ表示修正後画像が正方形になるように修正しました。CSSの編集figure.eye-catch { aspect-rati……
【EASEL】作品タイプ「文章」一覧表示のアイキャッチ画像にリンクを設定する
作品タイプ「文章」を一覧表示した際に、デフォルトでは作品のタイトルのみにリンクが設定されています。アイキャッチを設定している場合に、アイキャッチ画像を押した際にも作品ページに飛べるようにカスタマイズします。 PHPの編集「taxo……
【サイト制作】URLをクリップボードにコピーするボタンを作る
管理している同盟ページ「サイトカスタムおもろい！」で使用したボタンのコードです。サイトカスタムおもろい！ ボタンを押すと現在のページのURLをクリップボードにコピーできるようになっています。さらに、コピーができると上に「コピーでき……
【WPプラグイン】WP ULikeのボタンにアニメーションをつける
Wordpressプラグイン「WP ULike」で作成したボタンにアニメーションをつけるカスタマイズについての備忘録です。 クリックしたときにボタン自体が縮小、拡大するアニメーション（bound）と、クリックしたポイントを起点に水……
【EASEL】土日のみ日付の色を変更する
EASELの日付表示を土曜日のみ青、日曜日のみ赤に変更するカスタマイズについての備忘録です。以前に日付表示のフォーマットを変更しているため、デフォルトとは違うコードが一部含まれています。詳しくは以下のリンクから確認できます。 PH……
【EASEL】自動翻訳させない設定にする
EASEL使用サイトをChromeで見た際に、日本語であるにもかかわらず表示される「英語から日本語に翻訳する」というポップアップを表示させないようにするカスタマイズ備忘録です。 PHPの編集EASELの「easel」→「heade……
【EASEL】続・ページネーションのデザインを整える
EASELのページネーション（ページ送り）のデザインを変更するカスタマイズについての備忘録です。以前のページネーションのCSSカスタマイズに関する記事はこちらから参照できます。 ページが増えるにしたがって、デザインが崩れてしまうこ……
【WPプラグイン】WP ULikeのローディング画像を変更する（2025/11/26更新）
Wordpressプラグイン「WP ULike」を押した時に一瞬表示されるローディング画像を変更するカスタマイズについての備忘録です。デフォルトのボタンを押すと、画像の切り替わり時に上画像のような円がぐるぐる回るアニメーションが一瞬表示され……
【EASEL】メニューボタンの当たり判定を大きくする
EASELのスマホ、タブレットでの閲覧時のメニューボタンの当たり判定を大きくするカスタマイズの備忘録です。上の画像の青い範囲がデフォルトの当たり判定です。青い範囲以外のヘッダー部分をタップするとトップページに飛んでしまいます。 カ……
【EASEL】サムネ右上にページ内の画像枚数を表示する
EASELの作品タイプ「イラスト」のサムネイル（アイキャッチ）のみに、ページ内の画像枚数を表示させるカスタマイズの備忘録です。PHPの編集EASELの「easel」→「library」→「parts」→「works-illust.php」を……
【EASEL】投稿の日付表示を変更する
EASELで投稿などに表示される日付表示を以下のように変更するカスタマイズについての備忘録です。 EASELデフォルトの表示では以下のようになっています。年月日の中で日が一番大きく表示されていますが、数字が一列に並ぶように変更しま……
【WPプラグイン】WP ULikeで拍手ボタンを作る
Wordpressプラグイン「WP ULike」を使って拍手ボタンを作るカスタマイズについての備忘録です。右にあるような拍手ボタンを作成できます。 WP ULikeの設定Wordpressメニューの「プラグイン」→「新規追加」から……
【EASEL】ページネーションのデザインを整える
EASELのページネーション（ページ送り）のデザインを変更するカスタマイズについての備忘録です。以下はEASELのデフォルトの状態でのページネーションです。スマホの画面幅にすると途中で改行されてしまうため、1行に収まるようにcssを変更しま……
【EASEL】作品一覧の表示件数を変更する
当サイトでも利用しているWordpressテーマ「EASEL」の作品一覧の表示件数を変更するカスタマイズについての備忘録です。EASELはデフォルトの場合、作品一覧、投稿一覧ともに表示件数は12件になっています。Wordpressの「設定」……