ウィジェット

[WordPress] ウィジェット構造をMarkdown形式で出力するプラグインを作ってみた とりあえずのメモ

[WordPress] ウィジェット構造をMarkdown形式で出力するプラグインを作ってみた

WordPressのウィジェットは便利ですが、いじっているうちに「前はどうなっていたっけ？」という状況になることがあります。そんな時に役立つ、ウィジェットの構造をわかりやすく記録できるプラグインを作りました。このプラグインを使うと、現在のウィジェット配置とその設定内容をMarkdown形式で出力できます。WordPressのウィジェット構造をメモしたいWordPressでウェブサイトを作っているとき、サイドバーやフッターにあるウィジェットの調整は頻繁に行います。しかし、調整し...
2025.03.12
とりあえずのメモプログラミングホームページ運用
操作しないと全画面で表示されるニュースを止めるには？（NEC LAVIEサイネージ） Windows

操作しないと全画面で表示されるニュースを止めるには？（NEC LAVIEサイネージ）

NECのパソコンには、操作していないときに自動的にニュースや天気予報を全画面表示する機能があります。2018年以降のモデルは「LAVIEサイネージ」、2017年以前は「インフォボード」で設定を変更できます。全画面表示を完全に停止したい場合は、Windowsの設定から該当アプリをアンインストールできます。LAVIEサイネージ・インフォボードNECのパソコンには、一定時間操作をしないでいると自動的にニュースや天気予報が全画面で表示される機能があります。この機能は「LAVIEサイネ...
2025.02.08
Windowsとりあえずのメモ
[WordPress]ウィジェットタイトルを非表示にするCSS とりあえずのメモ

[WordPress]ウィジェットタイトルを非表示にするCSS

WordPressの管理画面で多数のウィジェットを区別しやすくするため、タイトルをつけると便利です。しかし、管理用のタイトルがサイト上で表示されてしまうのは困ります。これは簡単なCSS設定で解決でき、サイト運営の効率が向上しました。ウィジェットタイトルの表示設定についてWordPressサイトでは、多数のウィジェットを配置していると、管理画面での区別が難しくなることがあります。各ウィジェットに管理用のタイトルをつければ楽です。しかし、サイト上でも表示されてしまうため、これまで...
2025.01.16 2025.01.17
とりあえずのメモプログラミングホームページ運用勉強中のメモ
アクセス数を増やすために特典資料をつけてみた（ユーザー行動） とりあえずのメモ

アクセス数を増やすために特典資料をつけてみた（ユーザー行動）

サイト内でのユーザー行動を増やすために、特典資料PDFのダウンロードボタンを設置することにしました。読者に役立つ情報を表形式でまとめた特典資料を作成しました。「ダウンロード」というユーザー行動たまにウェブページを閲覧していると「特典」が付いていることがあります。これは、サイトの検索結果の順位を上げることにも有効なのだそうです。というのも、読者が特典をダウンロードするという行動が、サイトの評価の指標の一つだからです。そこで、読者に役立つ情報をまとめて資料を作ることにしました。特...
2025.01.10 2025.01.14
とりあえずのメモホームページ運用
[WordPress]ランダムな記事へのボタンを追加した（functions.php） とりあえずのメモ

[WordPress]ランダムな記事へのボタンを追加した（functions.php）

過去の記事を「掘り起こして」読んでもらう仕掛けとして「ランダムな記事へのボタン」を追加しました。WordPressブログにランダムな記事へのボタンを追加するカスタムウィジェットを作成しました。きっかけは、ブログの「アーカイブ」としての機能を強化したいと思ったからです。カスタムウィジェットを作成するPHPコード前の記事、ランダムな記事、次の記事へのリンクを表示するカスタムウィジェットを作りました。WordPressテーマのfunctions.phpファイルの末尾に追加したら、ウ...
2024.09.05
とりあえずのメモプログラミングホームページ運用
[WordPress] ウィジェットエリアを転用して左サイドバーにした（CSS） とりあえずのメモ

[WordPress] ウィジェットエリアを転用して左サイドバーにした（CSS）

WordPressサイトで、ワイド画面の左側の空きスペースを活用し、目次を左サイドバーとして表示するカスタマイズを行いました。このカスタマイズは、使っていないウィジェットエリアを、CSSで転用して実現しています。画面幅に応じて表示を切り替える仕組みも導入し、小さな画面では従来の記事内目次を表示するようにしました。すぐに見出しに飛びたいパソコンで記事を読んでいるときに、スムーズに見出しに移動できるように、左サイドに目次を追加しました。従来の目次は、導入文の後（１つ目の見出しの前...
2024.08.29 2024.08.30
とりあえずのメモプログラミングホームページ運用
[JavaScript]全選択で記事部分だけになるようにした とりあえずのメモ

[JavaScript]全選択で記事部分だけになるようにした

自分のサイト内の記事全体を選択しやすいように、スクリプトを作りました。window.getSelection()テーマのjavascript.jsに以下のコードを追加しました。document.addEventListener('keydown', function(event) { if ((event.ctrlKey || event.metaKey) && event.key === 'a') { event.preventDefault(); const articl...
2024.05.24 2024.08.14
とりあえずのメモプログラミングホームページ運用
[Electron]今日の日付カレンダーアプリを作った（Calectron） とりあえずのメモ

[Electron]今日の日付カレンダーアプリを作った（Calectron）

Electronを使用して、Windows 7のガジェットにあったカレンダーのようなアプリケーションを作成しました。このアプリケーションは、今日の日付と曜日を表示するだけのシンプルなものです。macOS風にデザインを変更し、タイトルバーを削除して、ウィンドウ全体をドラッグできるようにしました。Windows 7のカレンダーのようなアプリを作ったElectronで Windows 7の「ガジェット」にあったカレンダーのようなものを作りました。ただ、今日の日付・曜日を表示するだけ...
2024.05.13 2024.08.19
とりあえずのメモプログラミング
今どきはiPhoneは横向きで充電するもの？（スタンバイ） iPhone

今どきはiPhoneは横向きで充電するもの？（スタンバイ）

iPhoneを横向きに置くと、充電中に時計などが表示されます。「設定」の「スタンバイ」で、機能のオン・オフや表示時間などを設定できます。iPhoneを便利に使うための機能で、左右にスワイプすると、ウィジェットや写真、時計の画面に切り替わります。スマホスタンドに立てて充電すると不安定いつもは、iPhoneを置いたまま充電しますが、仕事中などはスタンドに立てて充電コードにつないでいました。しかし、スタンドの下向きにコードが出るので、バランスが悪いのが気になります。ある程度の高さが...
2024.04.19
iPhoneいろんな周辺機器とりあえずのメモ
[Windows 11] タスクバー左下にある天気のボタンを消したい【ウィジェット】 Windows

[Windows 11] タスクバー左下にある天気のボタンを消したい【ウィジェット】

Windows 11を使っていたら、いつの間にか画面左下に見慣れない天気のボタンがついていました。これは「ウィジェット」ボタン。タスクバーの設定からオフにできました。「設定」ー「個人用設定」の「タスクバー」にある「ウィジェット」をオフにします。間違ってクリックするとニュースなどが表示されるつい、スタートボタンと間違ってクリックすると、ニュースなどが表示されます。少し表示に時間がかかるので、ちょっとうっとうしいです。ウィジェットをオフにするこの機能はタスクバーの「ウィジェット」...
2023.07.16 2025.02.08
Windowsとりあえずのメモ
[CSS] ブログの記事一覧をInstagramっぽくしたい（いったん断念） とりあえずのメモ

[CSS] ブログの記事一覧をInstagramっぽくしたい（いったん断念）

ひとこと日記のアイキャッチ画像を、Instagramのように大きく表示できるようにしたいと思いました。カスタムHTMLウィジェットでスタイル設定カスタムHTMLのウィジェットで、styleを追加すると、特定のページにスタイルを追加できました。<style>.entry-card-snippet { display: none;}figure.entry-card-thumb { padding-bottom: 0em;} .entry-card-thumb { width: ...
2023.03.05 2023.03.25
とりあえずのメモプログラミングホームページ運用
Google検索ウィジェットのハロウィン【イベントのロゴ】 インターネット小話

Google検索ウィジェットのハロウィン【イベントのロゴ】

スマホのホーム画面を表示したら、Google検索バーが一瞬だけハロウィン仕様のロゴになりました。Google検索のページは、その時々でロゴのデザインが変わりますが、ウィジェットの検索バーでも変化があるんですね。ちょっとした遊び心が楽しいです。こちらもどうぞ
2021.11.02 2022.04.12
インターネット小話スマホ基礎
試しに記事下にLINE登録ボタンをつけてみた ちいラボエッセイ

試しに記事下にLINE登録ボタンをつけてみた

Youtubeの「チャンネル登録お願いします」を参考に、ブログの記事下に「LINE登録」ボタンを追加してみました。ついでに、LINE公式のあいさつメッセージにも、タイムラインの見方を画像で説明するようにしました。LINEのあいさつメッセージには、画像を追加することができます。少しでもリピートにつながれば嬉しいです。こちらもどうぞ。
2021.06.28 2021.06.29
ちいラボエッセイホームページ運用教室からのお知らせ
Googleアドセンスのアンカー広告を下に固定する[Cocoon] ニッチな話題

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

スマートフォンのユーザーの画面上下にずっと表示する広告を、アンカー広告（あるいはオーバーレイ広告）といいます。アンカー広告がメニューバーと重なると不便なので、今回はGoogle広告のアンカー広告の位置を変更しようと思います。ウェブサイト運営者向けの話ですポイントスクリプトで上部アンカー広告を抑制できる。上下にメニューがあると、アンカー広告の配置に影響がある。【追記】パソコン画面にも表示されるようになります。（2021年7月9日）追記（2023-07-17）アンカー広告の位置指...
2020.12.22 2023.07.17
ニッチな話題ホームページ運用
WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】 ニッチな話題

WordPressのテンプレートをいじらずにPHPコードで遊びたい【テキストウィジェットで評価】

WordPressのカスタマイズにはPHPコードを利用しますが、テンプレートをいじるのはなんか不安です。ウィジェットとしてPHPコードを実行したいと思います。追記（2024-07-20）任意のPHPコードを評価する機能は、セキュリティリスクが大きいので削除しました。カスタムHTMLではPHPコードは実行できないまず試したのがウィジェットの「カスタムHTML」です。しかし、「<?」で始まるタグはエラーになってしまいます。Special characters must be es...
2020.09.22 2024.07.20
ニッチな話題プログラミングホームページ運用