ニッチな話題

[Cocoon] カルーセルの「CLSに関する問題」を改善したいけれど難しそう ニッチな話題

[Cocoon] カルーセルの「CLSに関する問題」を改善したいけれど難しそう

読んでいる文章をずらされると腹が立つだろう。だから、そういうページは直した方がよい。さて、どうやって? という話。CLS(累積レイアウト変更)とはウェブページはあとから画像が表示されると、下にある文章がずれます。これを「累積レイアウト変更(CLS:Cumulative Layout Shift)」といいます。広告が多いページだと気になるのよねーユーザーの利便性が大事Googleサーチコンソールでは、このようなレイアウトのずれを指摘してくれます。CLSに関する問題:0.25超(...
macOS Big Sur 11.1にアップデートした話 【HDDの空き容量が増えた】 ニッチな話題

macOS Big Sur 11.1にアップデートした話 【HDDの空き容量が増えた】

基本システムをアップデートする通知が来ると、何が更新なんだろうと気になります。HDD容量に余裕がなくて、ちょっと保留していたんですが、ようやくできました。macOS Big Sur 11.1アップデートの通知2020年12月15日にソフトウェア・アップデートの通知がきました。2020年12月15日macOS Big Sur 11.0.1から11.1へのアップデートです。夜間にインストールされるということで、翌朝見てみると「インストール未完了」。自動インストールできなかったアッ...
[mac] アップデートしたらGmailのサインインが必要だった ニッチな話題

[mac] アップデートしたらGmailのサインインが必要だった

macOS Big Sur 11.1にアップデートしたところ、「Googleアカウントのパスワードを入力する必要がある」という通知が表示されました。そのレポートです。macOSでのGoogleアカウントの認証パソコンでもスマホでも、アップデートをした後にアカウント認証が必要になることがありますね。表示された通知「GOOGLEのパスワードが必要です」GOOGLEのパスワードが必要ですxxx@gmail.comのパスワードを"インターネットアカウント"で入力「インターネットアカウ...
miエディタでCSSの見出し表示をする ニッチな話題

miエディタでCSSの見出し表示をする

miエディタにしたのは、そろそろCSSを整理しようと思ったからです。いろんなスタイルを継ぎ足していったので、重複や記述方法のばらつきがあって、ちょっと見直したくなってきました。そのために必要なのが、エディタの「見出し表示」機能。miの見出しの指定方法をレポートします。モードをCSSにするまずは、テキストのモードを選びます。初期値は「標準」なので、画面上のメニューから「CSS」を選びます。これで、構文に合わせてコードに色付けされます。見出しの設定そのままでは見出しリストは空っぽ...
macのエディタでmiをインストールした話 ニッチな話題

macのエディタでmiをインストールした話

わたしは、文章をメモするときにテキストエディタを利用しています。起動が早いからです。テキストエディットはプレーンテキストのエディタではないところが、macのデフォルトのテキストエディタは、「テキスト エディット」は、起動すると「ファイルを選ぶ画面」が表示されます。すぐに白紙が表示されないんですね。しかも、ファイル形式は「リッチテキスト形式」になっています。軽快にプレーンテキストを編集したい、という用途のアプリではないようです。メモアプリでもいいけれど……「メモ」アプリでもよい...
[WordPress] 設定したCSSが一部反映されない 【LiteSpeed CacheのCSS結合の注意点】 ニッチな話題

[WordPress] 設定したCSSが一部反映されない 【LiteSpeed CacheのCSS結合の注意点】

設定を変更していたら、ログアウトしてウェブページを見ると、スタイルシートがおかしいことに気づきました。スタイル適用の優先順位がおかしいWordPressにログインすると意図したとおりのスタイルが表示されているのですが、ログアウトすると一部に元のスタイルが適用されています。微妙な違いなんですが気づきますか?ログイン時の表示は意図したとおりのスタイルです。しかし、目次をみると、背景色は変更したstyle.cssで上書きスタイルになっているのですが、枠線の色がテーマのスタイルのまま...
Googleアドセンスのアンカー広告を下に固定する[Cocoon] ニッチな話題

Googleアドセンスのアンカー広告を下に固定する[Cocoon]

スマートフォンのユーザーの画面上下にずっと表示する広告を、アンカー広告(あるいはオーバーレイ広告)といいます。アンカー広告がメニューバーと重なると不便なので、今回はGoogle広告のアンカー広告の位置を変更しようと思います。ウェブサイト運営者向けの話ですポイントスクリプトで上部アンカー広告を抑制できる。上下にメニューがあると、アンカー広告の配置に影響がある。【追記】パソコン画面にも表示されるようになります。(2021年7月9日)追記(2023-07-17)アンカー広告の位置指...
XML sitemapをAIOSEOからGoogle XML Sitemapsプラグインに変更した ニッチな話題

XML sitemapをAIOSEOからGoogle XML Sitemapsプラグインに変更した

ウェブサイトのsitemapを作っておくと、記事を追加したときに検索エンジンに認識してもらいやすくなります。↑サーチコンソールについて知りたい。これまで、「AIOSEO(All in One SEO)」プラグインを利用していたんですが、どんどん機能が増えたので、代わりのものを探してみました。今回は、なるべくシンプルで単機能のサイトマップ作成プラグインを探しました。追記:2021年3月26日久しぶりに見たらプラグイン名が変わっていました。設定項目が重複しているというのも、わたし...
note風スタイル第5弾!引用とコード ニッチな話題

note風スタイル第5弾!引用とコード

note風デザインもそろそろ簡単な微調整です。今回は引用文(blockquote)とコード(pre)のデザイン。ビフォア・アフター元のデザインに比べて、小さくグレー基調にしました。以前は引用部分が長いと「うるさい」印象があったので、全体が見通せるようになりました。ただ、文字は少し小さいかもしれません。こんな感じの引用。こんな引用元code is here { something.}引用ブロック引用ブロックは、かなりスッキリしました。.entry-content blockqu...
note風スタイル第4弾!目次のデザイン ニッチな話題

note風スタイル第4弾!目次のデザイン

「note風スタイル」ということで、ブログのスタイルシートを編集しています。今回は、目次について。主な変更点は……文字を細く・小さく・薄く背景色をグレーに項目の間に線を追加noteの目次の特徴は、「控えめ」なこと。記事によっては目次を付けていないものも多いです。目次(table of contents)のHTML構造.toc.toc-title.toc-contentol.toc-listliaリスト構造(ol, li)とアンカーリンク(a)の関係で、かなり複雑な入れ子になっ...
[Cocoon] ブログ記事の作成日時・更新日時を2段にする 【white-space pre】 ニッチな話題

[Cocoon] ブログ記事の作成日時・更新日時を2段にする 【white-space pre】

ブログ記事のタイトル部分のスタイルを少しいじりました。作成日時と更新日時を2段になるようにしました。こちらがCSSです。.entry-header .date-tags { order: 3; color: #a8abb1; font-size: 16px;}.entry-header .date-tags .post-update:after { content: "\A" ; white-space: pre ;}少し、文字の色や大きさも変更していますが、メインになるのは...
WordPressのバックアップ復元がずっと終わらない…… 【Softaculous】 ニッチな話題

WordPressのバックアップ復元がずっと終わらない…… 【Softaculous】

ヒヤリとした話です💦WordPress 5.6のアップデートが思うようにいかず、いったんバックアップから5.5に復元することにしました。そのときに、バックアップ作業がずっと進まない状況になったので、レポートします。注意バックアップに失敗するとデータを失う場合があります。十分に注意した上で、自己責任で操作して下さい。WordPress 5.5に戻したいWordPress 5.6にアップデートしたところ、よく使っているプラグイン(Change Block Keywords)が対応...
note風スタイル第3弾! Cocoonのアイキャッチをタイトルの上に変更した 【display-flex】 ニッチな話題

note風スタイル第3弾! Cocoonのアイキャッチをタイトルの上に変更した 【display-flex】

Cocoonのアイキャッチ画像は、既定ではタイトルの下に表示されます。今回はアイキャッチ画像をタイトルの上に表示されるように、スタイルシートを編集しました。これもnoteのデザインを参考にしています。タイトルと本文の位置が近くなるので、読みやすいですよね。Cocoon設定やPHP編集もいいけれど……アイキャッチ位置を変更する方法をざっと調べると…Cocoonの設定でアイキャッチを非表示にして本文中に画像挿入する方法content.phpを書き換えて表示位置を変更する方法が紹介...
note風スタイル第2弾!モバイルメニューを編集 ニッチな話題

note風スタイル第2弾!モバイルメニューを編集

こんにちは。以前、noteのような読みやすいブログを目指して、スタイルシート(CSS)を変更しました。前回は、パソコンでもシングルカラムの方が読みやすいのではないか、というテーマでした。今回のメインは モバイルメニューです。どうすれば、スマホユーザーにとって集中して読みやすいか、というテーマでnoteのUIを参考に、ブログのスタイルをいろいろ試してみましたので、レポートします。モバイルメニューボタンをいろいろ変更した上部バーはすっきりさせました。下部バーはLINE登録、ツイッ...
Google AnalyticsでページのクリックURLを記録する 【Google タグマネージャーの組込み変数】 インターネット小話

Google AnalyticsでページのクリックURLを記録する 【Google タグマネージャーの組込み変数】

ウェブサイトのアクセス解析にGoogleアナリティクスを使っていますが、外部サイトのクリック数がありません。Googleタグマネージャーで通常ページのアクセスは計測できたものの、AMPページでうまくいきませんでした。GoogleタグマネージャーのAMPコンテナについて、レポートします。AMPページのクリックURLについてJavaScriptコードを追加して再挑戦しました。クリックURLを計測したいならタグマネージャ外部サイトのクリック数を計測したいと思いました。紹介したどのペ...
macOS Big Sur 11.0.1で親指シフトできるのか?【実際にアップデートを試してみた】 ニッチな話題

macOS Big Sur 11.0.1で親指シフトできるのか?【実際にアップデートを試してみた】

macOSの更新通知が来たので、さっそく更新してみました。親指シフトの入力支援アプリなどが動作するか心配だったのですが、無事に利用できました。今回は、macOS Big Surアップデートの流れをレポートします。ポイントmacOS Big Surは、かなり大きなアップデート!ネットで不具合を確認してから更新した方が安心親指シフト環境は問題なく使えた空き容量が思った以上に必要(約50GB)注意事項macOS Big Surのアップデートは、か な り 大きな変更です。古いmac...
「macOS Catalina 10.15.7追加アップデート(2020-11-05)」ではフォント読込のバグが修正された ニッチな話題

「macOS Catalina 10.15.7追加アップデート(2020-11-05)」ではフォント読込のバグが修正された

こんにちは。macbookを使っていたら、ソフトウェア・アップデートの通知がありました。どんな更新内容なのか、ざっとメモしておきます。ソフトウェア・アップデートの通知が表示されるソフトウェア・アップデート"macOS Catalina 10.15.7追加アップデート"が利用可能で、夜間にインストールされ…「詳細」をクリックすると、「システム環境設定」の「ソフトウェア・アップデート」が表示されます。通知を閉じてしまった場合は……もし、通知を閉じてしまっても、「システム環境設定」...
やっとLiteSpeed Cache 3.5.2がリリースされたので更新してみた 【Javascript読込みの最適化設定】 ニッチな話題

やっとLiteSpeed Cache 3.5.2がリリースされたので更新してみた 【Javascript読込みの最適化設定】

ここまでのあらすじを振り返ってみると、LiteSpeed Cache 3.5.0.1がリリースされたのが、2020年9月29日でした。その後、すぐに(2020年9月30日)JQueryの遅延読みで不具合が見つかり、LiteSpeed Cache 3.5.0.2として以前のバージョンにいったん戻されます。当初はすぐに修正される見通しでしたが、しばらく、そのままになっていました。最近ようやく動きがありましたので、メモしておきます。LiteSpeed Cacheの更新履歴を読んでみ...
Javaをアップデートしようとしたら削除してしまった 【更新とインストール】 ニッチな話題

Javaをアップデートしようとしたら削除してしまった 【更新とインストール】

スマートフォンやパソコンを使っていると、いろいろなソフトウェアのアップデートを「さばく」、ということが大事だと感じます。今回、「アップデートしようとしたら、削除していた」という、ちょっと「不思議」な体験をしたので、メモしておきます。パソコンに慣れてても、そんなことがあるんだね要件macOS Catalina 10.15.7Java 8 Update 271 build 09"A new version of Java is available!"「Java 8 Update ...
Macのデフォルトメールソフトの設定はどこ? ニッチな話題

Macのデフォルトメールソフトの設定はどこ?

Macでメールアドレスをクリックした時に、Google ChromeのGmailが立ち上がっていました。メールを作成するのに「メール」アプリを使いたかったので、デフォルトのメールソフトを「メール」アプリに変更しました。システム環境設定にはメール設定はない最初、プロトコルの関連付けだと思ったので、「システム環境設定」内に項目がないか探したんですが、ありません。「メール」で検索してみたけれど…まずは「メール」アプリを起動する実は、「メール」アプリのメニュー「設定」にあります。「メ...