CMS and BLOG

WordPressやMovableTypeのインストールやカスタマイズ、便利なプラグイン等の記事。

サイト制作

【CSSアニメがガタつく】Safari（iPhone/iPad）でtransform・filter使用時のカクつきはwill-changeで滑らかになるよ！

【CSSアニメがガタつく】Safari（iPhone/iPad）でtransform・filter使用時のカクつきはwill-changeで滑らかになるよ！

jQueryとCSSでアニメーションするアイテムをページで使ったところ。 PCのChromeブラウザでは何ともないのに、iPhone、iPadで何故かカクカクになってしまう。少し調べてみると、will-changeを書けば解決しました。

CSS　

サイト制作サーバー

【htaccess】どうだった？リダイレクト関連13パターン。ドメイン正規化、ページ内移動、サブドメイン移動、モバイル別、まとめてみたよ

【htaccess・サンプル15】どうだった？リダイレクトルールのサンプル15パターン。全部まとめてみたよ（ドメイン正規化、ページ内移動、サブドメイン移動、特定のページ除外、モバイル別）

ページを移動した時や、ドメインに引っ越しの際にも色々便利な、htaccess。そんな便利な記述だけど、実際リダイレクト先は色々なパターンがあるので、判った分だけ網羅しておきますね。

Webサービス Xserver サイト制作サーバードメイン　

WordPress サイト制作

【WordPress】ファビコンが出ない？favicon.icoの他にsvgもある？favicon作成と記述を再確認して設定してみる

久々にWordPressサイトのファビコン（favicon.ico）を設定したけど、アレ？上手く出ない？えっ！？「favicon.ico」だけじゃあダメなんかいー！なんでだー！という事があったので、覚書として書いておきます。

function.php WordPress WordPressカスタム WordPressテーマ　

WordPress サイト制作

【WordPress】カスタムロゴ機能をフル使用。画像サイズをCSSで指定し、テキスト表示には別タグのCSSを指定する

Wordpressの管理画面から、自由にタイトル用のロゴ画像をアップできる、カスタムロゴの機能。カスタムロゴを使えるようにして、カスタムロゴの画像サイズなどを外部CSSで指定したり、画像がない時のみ、別なCSSを指定する。そのような設定をする機会があったので、内容をメモしておきます。

function.php WordPress WordPressカスタム WordPressテーマ　

WEBサービスサイト制作

カラミーショップの通知メールアドレスを独自ドメインにしてエックスサーバーで使う設定、Gmail「メール送信者のガイドライン」の改定でDNSレコードを追加

カラミーショップの通知メールアドレスを独自ドメインにしてエックスサーバーで使う設定　Gmail「メール送信者のガイドライン」の改定でDNSレコードを追加

2024年2月に、Gmailの「メール送信者のガイドライン」が改定され、送信元の確認がとれないメールはGmailでは受信できなくなるとのこと。 2024年5月21日〜27日にかけて、カラミーショップも対応するとのことで、そのためのエックスサーバー側の設定を変えたのでメモしておきます。

Webサービス Xserver カラミーショップ　

WordPressでプラグインを更新後ログインできなくなった時の解決方法

【WordPress】WordPressが真っ白！プラグインを更新後ログインできなくなった時の解決方法

WordPressのプラグインを更新したら、サイトもログインページも真っ白。そんな時は、直接FTPして、トラブルの元のプラグインを探します。プラグインを読み込まれないようにしてあげれば、元通りログイン画面が復活します。

WordPress プラグイン　

WordPressテーマのパンくずリストをschema.org（構造化データ）対応にしてみた

【WordPress】WordPressテーマのパンくずリストをschema.org（構造化データ）対応にしてみた

長い間触っていなかった、WordPressサイトのパンくずリスト（BreadcrumbList）をGoogleの新しい形式に変更しました。

Google WordPress WordPressカスタム WordPressテーマサイト制作　

サイト制作

【Flash再生】Flash Playerの代替ソフトが無くても再生できる「swf2js」が、とても便利

【Flash再生】Flash Playerの代替ソフトが無くても再生できる「swf2js」が、とても便利

ウェブ上でFlashを再生できる便利な、JavaScript製のライブラリを発見して、リニューアルしたサイトに使用中です。再生も問題なくでき、プラグインも再生ソフトもいらなく、とても便利なのでメモしておきます。

サイト制作　

WEBサービス

洗剤のニオイ難民に朗報。ライオン製品のアレがどこに売ってるか一目でわかるマップがあるよ。

洗剤のニオイ難民に朗報。ライオン製品のアレがどこに売ってるか一目でわかるマップがあるよ。

いつも使っていたおしゃれ着洗い（衣料用中性洗剤）が切れてしまった。使っていたのはアクロンなのだけど…。

Webサービス　

ウィジェットを旧エディタに戻す

【WordPressテーマ】ウィジェットブロックエディターを元に戻す方法

WordPressのウィジェットはブロックエディターより昔のエディターの方が使いやすかった！とか、クラシックエディターの方が使いやすいかも？という方に。

WordPressテーマプラグイン　

WordPressテーマカスタマイズ

【WordPressテーマ】トップページの最新記事一覧のテキスト表示方法（文字数で抜き出す、テキストだけ表示）

WordPressのトップページに表示される最新記事。このテキスト部分の表示方法について、ちょっと調べたのでメモしておこうと思います。

WordPressカスタム WordPressテーマ　

サイト制作

Bootstrap4.5 カルーセルスライダーの色変更

【Bootstrap4.5 Carousel Slider】カルーセルスライダーの色を変更する方法

Bootstrap4.5のCarousel Sliderの矢印の色は基本白ですが、これを別な色にしたい時のメモ。まず、bootstrap.cssのどこの箇所に書かれているかというと…

CSS サイト制作　