ウィジェット

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

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

過去の記事を「掘り起こして」読んでもらう仕掛けとして「ランダムな記事へのボタン」を追加しました。 WordPressブログにランダムな記事へのボタンを追加するカスタムウィジェットを作成しました。きっかけは、ブログの「アーカイブ」としての機能を強化したいと思ったからです。カスタムウィジェットを作成するPHPコード前の記事、ランダムな記事、次の記事へのリンクを表示するカスタムウィジェットを作りました。 WordPressテーマのfunctions.phpファイルの末尾に追加...

とりあえずのメモプログラミングホームページ運用

[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 art...

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いろんな周辺機器とりあえずのメモ

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

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

Windows 11を使っていたら、いつの間にか画面右下に見慣れない天気のボタンがついていました。タスクバーの「ウィジェット」ボタンをオフにしました。（「設定」ー「個人用設定」の「タスクバー」にある「ウィジェット」をオフにする）間違ってクリックするとニュースなどが表示されるつい、スタートボタンと間違ってクリックすると、ニュースなどが表示されます。少し表示に時間がかかるので、ちょっとうっとうしいです。ウィジェットをオフにするこの機能はタスクバーの「ウィジェット」です...

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 { ...

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 mus...

2020.09.22 2024.07.20

ニッチな話題プログラミングホームページ運用