WordPressで効率的にブロックを挿入したい! 【スラッシュ挿入を活用】 (Change Block Keywordsプラグイン) ホームページ運用

WordPressで効率的にブロックを挿入したい! 【スラッシュ挿入を活用】 (Change Block Keywordsプラグイン)

WordPressのブロックエディタには、スラッシュでブロックを挿入する機能があります。これを「slash inserter(スラッシュ挿入)」といいます。「slash inserter」で検索すると、英語の記事がいくつか出てきます。「change-block-keywords」プラグインを使うと、スラッシュ挿入のキーワードを自分で設定できるようになります。追記:2024-04-26ChangeBlockKeywordsプラグインのメンテナンスは、2021年5月を最後に止まっ...
「:not()」で複数のclassを指定するには 〜 擬似クラス[CSS] ニッチな話題

「:not()」で複数のclassを指定するには 〜 擬似クラス[CSS]

プログラミングには論理演算というのがあって、条件を組み合わせることがよくあります。条件を組み合わせたい(論理積)ことは多い例えば、擬似コードですが、if(day ≠ "日" ∧ day ≠ "土") return 営業else return 休日このような2つの条件、Aでもなく、Bでもない、という書き方をすることがあります。CSSではどうすればよいのでしょうか?否定擬似クラス:notを組み合わせる否定擬似クラス:notがありますが、複数組み合わせる場合は実はつなげて書きます。...
「NHKゴガク」アプリでテレビ講座は見られる? (NHKをインターネットで見る方法まとめ) インターネット小話

「NHKゴガク」アプリでテレビ講座は見られる? (NHKをインターネットで見る方法まとめ)

NHKの語学アプリをインストールしてみたんだけど、ラジオの語学講座は聴けるけど、テレビの講座が見られない!?どうして?残念ですが「NHKゴガク」アプリにはテレビ番組はありませんできることを見てみましょう。「NHKゴガク」アプリのできることNHKラジオ第2の語学番組が聞ける英単語クイズ発音練習サービス自分で調べるには「このアプリについて」を読んで見るこれはどうやって調べるかというと、アプリストアをよく見てみます。例えば、Playストアですと、「このアプリについて」という説明があ...
[PWA] 「ホーム画面に追加」という通知とは?(インストール不要のウェブアプリ) とりあえずのメモ

[PWA] 「ホーム画面に追加」という通知とは?(インストール不要のウェブアプリ)

「プログレッシブウェブアプリ(PWA)」は、スマートフォン上でアプリのように動作するウェブサイトです。PWAはホーム画面に追加でき、ブラウザのUI要素を隠すことでアプリのように見せることができます。PWAの目的は、ユーザーに頻繁にウェブサイトを訪れてもらえるようにすることです。プログレッシブなウェブアプリ?(PWA)インターネットを見ていると「ホーム画面に ちいラボアプリ を追加」などのようなメッセージが表示されることがあります。今回は、「PWA」というキーワードで、ホームペ...
WordPressのログイン画面にパスワードを入れても進まない ~WordPressアプリ・Jetpack ホームページ運用

WordPressのログイン画面にパスワードを入れても進まない ~WordPressアプリ・Jetpack

スマホでブログを書こうと思って、WordPressアプリをインストールしました。ところが、WordPressアプリと連携したら、なぜか通常のブラウザからのログインができなくなってしまいました。WordPressアプリログイン画面でパスワードを入力しても、ぐるぐるまわって先に進みません。後でわかったのですが、どうもロボットチェックの表示でひっかかかっていたようです。思い当たることといえば、WordPressアプリ。WordPress.comWordPressアプリは、WordP...
AMPエラー HTML タグに必須属性がありません。- formとJavaScript ニッチな話題

AMPエラー HTML タグに必須属性がありません。- formとJavaScript

ブログ記事の中にフォームを入れていたら、AMPエラーになりました。カスタムHTMLを使うとよくAMPエラーになりますね。足りなかったのは、formタグのtarget属性でした。formタグの説明では特に見かけなかったんですが、必須属性なんですね。今回のコードでは、javascriptの関数を動作させるためのボタンを配置するためにフォームを作りました。特にデータをサーバーに送るものでもなかったので、formのプロパティを指定していなかったのが、よくなかったようです。こちらが参考...
Skypeアプリで連絡先を追加する方法 【メールで招待する】 スマホ基礎

Skypeアプリで連絡先を追加する方法 【メールで招待する】

Skypeではじめて相手とやり取りするときの方法を確認しましょう。Skypeの「招待」のしくみ「Skypeアプリで連絡先を追加する」とはいうものの、実はSkypeでは「相手の連絡先に追加」するのではなく、「相手に自分の連絡先を伝える」ことで連絡できるようになります。これを「招待」といいます。Skypeで連絡先を追加する【招待する側】 招待リンクをメールで送る一番使いやすい方法は、メールで送る方法です。共有リンクが入っているメールの下書きが表示されるので、宛先を入力して送信しま...
CSSのクラス指定の空白の意味 知っていますか?子孫結合子と除外の方法 ニッチな話題

CSSのクラス指定の空白の意味 知っていますか?子孫結合子と除外の方法

CSSのクラス指定が複雑になったときの意味を調べてみました。散々、迷って出来上がったCSSのコードは以下です。.article :not(div.toc-content) li { font-size: 115%; font-weight: 600;}意図としては、「記事(.articleクラス)の中のリスト項目のフォントサイズを大きくする、ただし、目次(toc-contentクラス)のリスト項目のフォントサイズは大きくしない」です。これは3つの要素が組み合わせてあります。....
紛失してしまったスマホの探し方 ひとこと日記

紛失してしまったスマホの探し方

「デバイスを探す」というアプリがあります。事前にアプリを設定しておくと、別のスマホから探したり、ロックしたりできます。備えあれば憂いなし。今日もよい日を☆
フチなし印刷で色が薄くなる? 【顔料インクと染料インク】(Canon G5030の場合) いろんな周辺機器

フチなし印刷で色が薄くなる? 【顔料インクと染料インク】(Canon G5030の場合)

こんにちは。チラシの印刷でフチなし印刷をしてみたら、おんなじデータなのに全然色が違ってびっくりしました。ポイント「フチなし印刷」にすると、「染料インク」を選択され、黒が薄くなって印刷される。印刷プレビューで比べてみると印刷プレビューの表示を比べてみても、ページレイアウトの設定が違うだけなんですよね。印刷設定は「フチなし」のオン・オフだけしか違いがありません。それが、この色合い差!光の加減ではないんですよね。「フチなし印刷」の方は目視でも、ほとんどグレーです。濃度が70%ぐらい...
Tポイントをスマートフォンで使うには?PayPayのモバイルTカード表示 スマホ基礎

Tポイントをスマートフォンで使うには?PayPayのモバイルTカード表示

例えば、au Payには連携したPontaカードのバーコードを表示させるボタンがあります。コンビニなどで支払うときに、Pontaを見せて、au Payで支払う、という流れがスムーズです。au PayでTポイントのバーコードは出せない?Tポイントはどうかというと、au Payにはカードボタンはありません。PayPayにあります。このボタンのことを「モバイルTカード」といいます。Tカードのバーコード部分だけをアプリで表示させるので、「モバイル」なのです。Yahoo IDとTポイン...
デジタル通帳アプリのはじめ方とセキュリティ 【滋賀銀行を例に】 インターネット小話

デジタル通帳アプリのはじめ方とセキュリティ 【滋賀銀行を例に】

ATM に通帳を確認しようと思うと、平日に時間を取らないといけませんよね。相手から振込みをしてもらったかなど、すぐに確認したい取引もあって、「通帳アプリ」を利用しています。紙の通帳もなくなっていくようですし、デジタル通帳の使い方を確認してみたいと思います。 通帳アプリの3つの機能私の使っている通帳アプリ(滋賀銀行と京都信用金庫)には、こんな3つの機能があって、画面下のタブで切替えます。【ホーム】通帳記入を確認できる【お金管理】家計簿として入力したり、集計したりできる【サービス...
パソコンとスマホをつなぐ ひとこと日記

パソコンとスマホをつなぐ

スマホで撮った写真をパソコンで保管。パソコンの音楽データをスマホに移す。よく相談のあることですが、理解して、何度かすると慣れてきます。一緒に勉強してみましょう。
[Cocoon]ブログカードの表示順を変更してみる【functions.phpに追加する方法】 ニッチな話題

[Cocoon]ブログカードの表示順を変更してみる【functions.phpに追加する方法】

Cocoonテーマのブログカードをはてなブログ風のデザインに変更する方法を紹介します。functions.phpファイル内のurl_to_internal_blogcard_tag関数を修正して、ブログカードの要素の表示順を変更します。ブログロゴを上部に移動させ、CSSで抜粋のフォントサイズなどを調整することで、目的のデザインを実現できます。
再起動したら初期設定が表示された 【らくらくスマートフォンの暗証番号】 スマホ基礎

再起動したら初期設定が表示された 【らくらくスマートフォンの暗証番号】

スマートフォンでは「初期設定」が必要です。しかし、意外と買ったままで使っていることが少なくありません。こないだ教室で、3年ぐらい使っているらくらくスマートフォンなのに、再起動したところ初期設定の画面が出てくるということがありました。どうして、3年越しの初期設定画面が出てきたのか、理由を考えてみましょう。スリープとシャットダウンそれでもうまくいく理由の一つに、「スリープ」しか使っていないことがあります。「スリープ」と「シャットダウン」の違い、ご存知ですか?電源ボタンを軽く押すと...
らくらくスマートフォンなのにタッチ操作しにくい現象 スマホはじめて

らくらくスマートフォンなのにタッチ操作しにくい現象

スマートフォンにしたんだけど全然反応しなくて使いにくいよー……「高齢者だからこういう方がいいだろう」という「決めつけ」で、困っている姿に考えさせられます。そんな一つが、「らくらくタッチ」。「らくらくタッチ」は「オン・オフ」の設定が選べます。そういう意味では「押し付け」ではないのですが、使う人がその方法を知らないと、結局合わないものでも我慢しつつ使うことになってしまいます。ですので、使い方をちょっと理解してみましょう。そもそもらくらくタッチは「タッチしにくく」するものドコモのシ...
ブログの絵文字のサイズを小さくした【CSSのクラス指定】 ホームページ運用

ブログの絵文字のサイズを小さくした【CSSのクラス指定】

教室のブログを見ていたら、気になる点が……わかりますか?絵文字の部分が不自然に大きいんです。しかも、灰色の枠までついている。ということで、CSSをちょっといじります。デベロッパーツールでCSSを確認するChromeのデベロッパーツールで検証してみると、「.iwe-border-bold img」に該当するようです。絵文字ですが、インライン画像の挿入になっているんですね。ということで、文章中の画像には境界線が表示されないようにする必要があります。ところが、この「.iwe-bor...
スマホだけじゃない ひとこと日記

スマホだけじゃない

最近はタブレットやスマートスピーカーに加えて、スマートディスプレイなど使ってみたい、という声は多いです。とくに、家族とのビデオ通話。顔が見られるのは、やっぱり安心ですね。今日も楽しく過ごしましょう。
目で見てわかる、こんな暗証番号がよく使われている 【危険な暗証番号のパターン】 インターネット小話

目で見てわかる、こんな暗証番号がよく使われている 【危険な暗証番号のパターン】

暗証番号に誕生日や生年を使用する人が多いことは、研究でも明らかです。特徴的な数字や2桁の繰り返しパターンも頻繁に使用されており、セキュリティリスクが高いです。安全性を高めるには、ランダムな数字を選ぶことが推奨されます。4桁の時点で何回も挑戦できたら、いずれはわかってしまうよね。まぁ、4桁のPINコードを採用するシステムでは、何度か失敗したら次の試行まで時間が空けられることも多いので、そうそう総当たり攻撃はできないはずですが。11人に1人が誕生日を暗証番号にしている?暗証番号に...
タッチにはコツがある ひとこと日記

タッチにはコツがある

なかなかスマートフォンを押しても反応しない。そんなときは逆に力を抜いてタッチしてみてください。強く力むほどズレやすいです。いろいろ試すと、いろいろ気づくもの。今日も良い一日を。