記事一覧

記事の表示は投稿日時順です

ドメインを変更する

2024.03.13

WebTips, Xserver

あれこれ急に思い立ってやることが多い性格のようで(笑)、前回記事のように、以前使っていたとはいえ、急に Joomla! を立ち上げみたり、今回のようにサイトのドメインを変更しようとしたりしています。実際に今ドメ...

DockerでJoomla!

2024.03.07

Docker, Joomla!

現在、3つのサイトを WordPress で立ち上げていますが、ふと、Joomla! に移せないかなと思いたち、まずは Docker でローカル環境を立ち上げてみようと思います。なお、Joomla! の名称は正...

wpdb->prepareでテーブルに変数を使う

2024.02.18

Wordpress

WordPress のデータベース操作の際に wp->prepare でテーブル名に変数を使おうとしてエラーになった件、%i というプレースホルダーで解決です。prepare を使う意味...

Docker Compose V2

2024.02.10

Docker

Docker は WordPress のテーマ開発に使っているだけですのであまり、いや、まったく詳しくはないのですが、Docker Compose に V2 云々という記事が目につきましたので少し調べてみました。...

WordPress ユーザーページ、日付ページを非表示にする

2024.01.23

Wordpress

これまであまり気にしていなかったのですが、WordPress はブログシステムですので、投稿ページだけではなくユーザーページや日付ページなど、公開しようと思っていないページまでデフォルトで表示するようになっています。...

WordPress のCSSにFLOCSSを導入する

2024.01.15

CSS, Wordpress

現在、3つのサイトを運用しているのですが、やっと最後のサイトを完全オリジナルテーマに変更しました。サイト「@半径とことこ60分」公開はてなブログから WordPress に移行したのが...

WordPress のまるごとコピー、移行方法

2024.01.05

Wordpress

WordPress の利用は、レンタルサーバーのアピールポイントのひとつになっています(多分…)ので、どのサーバーでもインストールや移行ツールを用意していると思います。現在利用している Xsever でも「簡単インスト...

画像をSVGで切り抜く clip-path, mask

2023.12.16

CSS

前記事「GIMP 初期状態に戻す、パスツールを使う」では、GIMP で葉っぱの SVG ファイルをつくり画像を切り抜く過程を記事にしましたが、その際、CSS のプロパティ clip-path がなかなか思うような結果を...

GIMP 初期状態に戻す、パスツールを使う

2023.12.06

GIMP

画像編集には通常 Photoshop を使っています。しかし、自宅は Linux ですので同等のものと言いますと GIMP しかなく(そうでもないかもしれない…)、これまで直感的操作でやってきたのですが、あれこれやって...

AdSenseは一般映画のジャケ画をアダルト認定する

2023.11.23

Google, WebTips

今に始まったことではありませんが、Google AdSense は、アダルト映画ではない一般映画のジャケットの表紙画像をアダルト認定することがあります。早い話、内容ではなく、たとえば上半身裸の画像が使われていればそれは...

SassとFLOCSSでテーマ開発を効率化

2023.11.17

CSS

WordPress のテーマ開発をプラグインの wp-scss から node.js 上で gulp を走らせる方法に変えましたので、この際、CSS の設計思想に FLOCSS というものを取り入れてみようと思います。...

XserverのWordPress簡単移行は便利だけれど…

2023.10.10

Wordpress, Xserver

当サイト、やっと完全自作のテーマに変更することが出来ました。まったくのゼロからつくったテーマでプラグインもサイトマップ用と広告用の2つしか入れていません。WordPressテーマをゼロから自作...

IntersectionObserverで要素の位置を知る

2023.09.26

javascript, Wordpress

ブラウザへの表示に際し、要素が表示されたかどうかを知る非同期のインターフェイス IntersectionObservver に関してです。要素がどの位置にあるか、つまりビューポートの下にあるのか上にあるのかを知...

GDPRを設定する

2023.09.14

Google, WebTips

Google からくるメッセージは非常にわかりにくく、ましてや EU での広告配信ですのでしばらく放っておいたんですが、ピンクメッセージがスマホ全画面に表示されるにいたってはさすがに鬱陶しくなり、GDPR とやらを設定...

scroll-behavior:smoothは履歴に残る

2023.08.30

CSS, javascript

CSS だけでスムーススクロールが実装できる scroll-behavior: smooth は簡単でいいのですが、デメリットも多く、一番抵抗のあるのはブラウザの履歴に残ることです。スムーススク...