ちいラボエッセイ 試しに記事下にLINE登録ボタンをつけてみた
Youtubeの「チャンネル登録お願いします」を参考に、ブログの記事下に「LINE登録」ボタンを追加してみました。
ついでに、LINE公式のあいさつメッセージにも、タイムラインの見方を画像で説明するようにしました。
...
wordpress
ちいラボエッセイ 
ニッチな話題 Cocoonで注目記事ランキングのショートコードを作成した【SQLって何？からのデータベース操作】
記事のアクセスランキング（人気記事）は、上位の記事がなかなか変わらないので、あまりおもしろくありません。
WordPressの記事のアクセス数の前週比のランキング（急上昇の記事）を作りたいと思って、Cocoonのコードを読んでみまし...
インターネット小話 [Cocoon] 記事のタグをサイドバーに表示した（タグクラウドではない）
ブログのサイドバーの項目を見直してみました。
WordPressのサイドバーに記事のタグを追加した
カスタム検索とナビゲーションメニューの間に、・リンク・目次・タグ・関連記事を追加しました。
とくに、記事のタグを追加する...
ニッチな話題 AMP用ページを見やすくしたりメニューをつけたり（note風スタイル第7弾）
cocoonのAMP機能で生成している
CocoonテーマのAMP設定でAMPページを生成しています。
通常ページとAMPページの差
デフォルトスタイルだと、AMPページのスタイルは通常ページとだいぶ差があります...
ニッチな話題 Goolgle XML Sitemapsプラグインが検索で見つからない（改名していた）
以前に紹介したGoolgle XML Sitemapsプラグインを、別サイトで利用しようとしたら、検索で見つかりませんでした。
ポイント
「Google XML Sitemaps」から「XML Sitemap...
ニッチな話題 LiteSpeed Cacheプラグインをオン・オフで比較してみた
LiteSpeed Cache（v3.6.4）プラグインの「キャッシュ機能」のオン・オフでどれぐらい違うのか、比較してみました（2021年3月23日現在）。
もしかして、誤差の範囲……？
もう少し詳しく比較してみま...
インターネット小話 Cocoonで記事一覧の画像と文字の位置を逆にした（note風スタイル第６弾？）
久々にホームページのCSSをいじりました。今回は、記事一覧の画像と文字の配置です。
これも、note風スタイルの一環ですね。
大きな字で見やすいタイトルと正方形のアイキャッチ
アイキャッチ画像より、タイトル文に目がいくよ...
インターネット小話 WordPress 5.7にアップデートした 【インサータからドラッグ】
ダッシュボードにWordPress 5.7の通知が来ていました。
そろそろ更新してみる
わたしはプラグインの対応を確認してから更新したいので、WordPress本体は自動更新にはしていません。
しばらく放置してい...
ニッチな話題 WordPressのエディタが異常に遅い？ 【バージョン更新の意味】
WordPressで「エディタ画面が異常に遅い」という相談を受けました。
これは、WordPressとテーマのバージョン相性が原因でした。
結論
エディタの反応が異常に遅かったが、WordPressとテーマを最新版に更新すると...
ニッチな話題 「index.php?xml_sitemap=params=」XMLサイトマップのURLがおかしい？ 【WordPressのパーマリンク】
XML Sitemapsプラグインで、XMLサイトマップを作ったけれど、なんかアドレスがおかしい。
結論
WordPressのXMLサイトマップのURLが「index.php?xml_sitemap=params=」なのは、パーマリ...
ニッチな話題 [Cocoon] カルーセルの「CLSに関する問題」を改善したいけれど難しそう
読んでいる文章をずらされると腹が立つだろう。
だから、そういうページは直した方がよい。
さて、どうやって？ という話。
CLS（累積レイアウト変更）とは
ウェブページはあとから画像が表示されると、下にある文...
ニッチな話題 [cocoon] Googleアドセンスのアンカー広告を下に固定する
スマートフォンのユーザーの画面上下にずっと表示する広告を、アンカー広告（あるいはオーバーレイ広告）といいます。
アンカー広告がメニューバーと重なると不便なので、今回はGoogle広告のアンカー広告の位置を変更しようと思います。
...
ニッチな話題 note風スタイル第5弾！引用とコード
note風デザインもそろそろ簡単な微調整です。
今回は引用文（blockquote）とコード（pre）のデザイン。
ビフォア・アフター
元のデザインに比べて、小さくグレー基調にしました。
以前は引用部分が...
ニッチな話題 note風スタイル第４弾！目次のデザイン
「note風スタイル」ということで、ブログのスタイルシートを編集しています。
今回は、目次について。
主な変更点は……
文字を細く・小さく・薄く背景色をグレーに項目の間に線を追加
noteの目次の特徴は、「控え...
ニッチな話題 [Cocoon] ブログ記事の作成日時・更新日時を２段にする 【white-space pre】
ブログ記事のタイトル部分のスタイルを少しいじりました。
作成日時と更新日時を２段になるようにしました。
こちらがCSSです。
.entry-header .date-tags {
order: 3;
colo...
ニッチな話題 WordPressのバックアップ復元がずっと終わらない…… 【Softaculous】
ヒヤリとした話です💦
WordPress 5.6のアップデートが思うようにいかず、いったんバックアップから5.5に復元することにしました。
そのときに、バックアップ作業がずっと進まない状況になったので、レポート...
ニッチな話題 note風スタイル第３弾！ Cocoonのアイキャッチをタイトルの上に変更した 【display-flex】
Cocoonのアイキャッチ画像は、既定ではタイトルの下に表示されます。
今回はアイキャッチ画像をタイトルの上に表示されるように、スタイルシートを編集しました。
これもnoteのデザインを参考にしています。
タイ...
ニッチな話題 note風スタイル第２弾！モバイルメニューを編集
こんにちは。以前、noteのような読みやすいブログを目指して、スタイルシート（CSS）を変更しました。
前回は、パソコンでもシングルカラムの方が読みやすいのではないか、というテーマでした。
今回のメインはモバ...
ニッチな話題 LiteSpeed CacheがアップデートされてJQueryが遅延読込みされている 【ただしサイトスピードは爆速化】
つい「爆速」なんて、ちょっと扇情的なタイトルをつけてしまいました（汗）。
でも、プラグインのアップデート一つでこんなに変わるんですね。
ということで、ほとんどタイトルが全てなんですが、LiteSpeed Cacheプラグインの...
ニッチな話題 [mixhost] 自分のサイトにアクセスできない【データベース接続確立エラー】
ブログの編集をしていたら、いきなりアクセスできなくなりました。
はじめてのことでびっくりしましたので、その顛末を記録しておきます。
Error establishing a database connectionとは？
...
ニッチな話題 [Cocoon]アイコンリストのデザインをラベルボックスみたく余白をつめた
Cocoonのアイコンリストのデザインが、ラベルボックスに比べて余白が多すぎる感じがしたので、修正しました。
ビフォー・アフターを比べる
元のデザインがこれで
ちょっとラベルボックスに比べると間延びしている気がし...
インターネット小話 スムーズにフリーイラストの配布する【ショートコードでクリエイティブコモンズ登録】
こないだは自作の画像ファイルをクリエイティブ・コモンズ・ライセンスで公開する方法を調べました。
せっかく作った図案のうち、再利用できそうなものは、ほかの方も使えるようにすると便利なはずです。
しかし、ライセンス...
ニッチな話題 WordPressのテンプレートをいじらずにPHPコードで遊びたい
WordPressのカスタマイズにはPHPコードを利用しますが、テンプレートをいじるのはなんか不安です。
ウィジェットとしてPHPコードを実行したいと思います。
カスタムHTMLではPHPコードは実行できない
まず試した...
ニッチな話題 WP ULikeプラグインがAMPページでうまく表示されない
WP ULikeプラグインは、WordPressに「いいね」ボタンを設置するプラグインです。
通常ページではこのようにハートマークのいいねボタンが表示されます。
ところが、AMPページだと……
...
ホームページ運用 WordPressで効率的にブロックを挿入したい！ 【スラッシュ挿入を活用】 Change Block Keywordsプラグイン
WordPressのブロックエディタには、スラッシュでブロックを挿入する機能があります。これを「slash inserter」といいます。
slash inserterで検索すると、英語の記事がいくつか出てきます。
ス...