ウェブサイトで Google Fonts を使ってみることにした。 （１）以下のページで使用したいフォントをクリック。 Google Fonts + 日本語 早期アクセス • Google Fonts + Japanese Early Access https://googlefonts.github.io/japanese/ （２）１で表示される HTML のコードを、利用したいサイトの head 内に書く。 （３）今回はサイト全体で Google Fonts を使うので、CSS で以下を追記する（Mplus 1p フォントの場合）。 body {font-family: "Mplus 1p";} 参考： HTML文書にCSSを適 …

Read More

WordPress でレスポンシブな表を作ることに挑戦したことを書いた。 [WordPress] FooTable で表作成 – with a Christian Wife https://wacw.cf/2018/07/06/footable-on-wordpress/ ただし、その時はテーマとの相性でうまく動作しなかった（別のテーマだとうまく動いた）。 ということで、WordPress ではない通常ページで FooTable を使った表を作ってみることにした。 jQuery の知識がゼロの私でも、以下のページにそのまま従えば、表を作ることができた。 tableをレスポンシブ対応させるjQueryプラグイン「FooTable」 | …

Read More

WordPress で表を作成したくなった。 情報量が多い、横長の表を作りたい。しかし、スマートフォン等では表が小さくなって見にくくなってしまう（最近はスマートフォンからのアクセスが多いからね）。だから、必要な箇所だけクリックすれば、そこだけ追加情報として表示させるようにしたい。 いろいろ検討した結果、FooTable というプラグインを使えば良さそうだ。デザイン的に美しい。 FooTable | WordPress.org https://wordpress.org/plugins/footable/ （１）上記プラグインをインストールする。 （２）大きめの表なので一旦 Excel でデータを作り、それを HTML テーブルに変換 …

Read More

以前 Amazon Dash Button の登録がうまくいかないことを書いた。 Amazon Dash Button で端末登録できない – with a Christian Wife https://wacw.cf/2018/04/18/cannot-register-amazon-dash-button/ 次に Android を使ってやってみた。 これでもうまくいかず。 別の３種類のルーターでも試したがいずれも失敗。 以下のページに書いてあることが関係ありそうなんだけど、ルーターにそういう設定項目がなくてよく分からず・・・。 Amazon Dash Buttonは低い受信レートが有効なWi-Fiアクセスポイントでないと繋がら …

Read More

Raspberry Pi を cron で指定時刻にシャットダウンや再起動させてみる。 環境：Raspberry Pi 3 Model B、Raspbian Stretch 毎日 22 時 30 分にシャットダウンさせるには cron に以下を追加する。 30 22 * * * sudo /sbin/shutdown -h now 毎日 22 時 30 分に再起動させるには cron に以下を追加する。 30 22 * * * sudo /sbin/reboot 参考： Cron job to shut down at a set time – Raspberry Pi Forums …

Read More

WordPress をカスタマイズしても、テーマのアップデートのたびにそのカスタマイズ部分が消えてしまう。今まではアップデートのたびに毎回手直ししていた。 しかし、「子テーマ」を使えばいいということを最近知った。要するに、元となる「親テーマ」はいじらず、カスタマイズしたい部分だけを子テーマ部分に記述すればいい。アップデートされるのは親テーマだけだからカスタマイズは消えないのだ。 WordPress をちゃんと勉強した人には常識なのかもしれないけど、これは大発見だった。 具体的な方法は以下のサイトを参考にすればいい。 WordPressテーマのカスタマイズが消える！？ カスタム前には「子」テーマを使う | ハジプロ！ …

Read More

WordPress でオシャレなリンクボタンを設置したい。 以下のページで CSS を設定すれば簡単にそういうことはできる。 CSSで作る！押したくなるボタンデザイン100（Web用） https://saruwakakun.com/html-css/reference/buttons 普通に style.css に CSS のコードを、ボタンを設置したい場所に HTML コードを書けばいいのかと思いきや、デザインがちゃんと反映されない・・・。 よく分からないので、header.php に CSS を記述することでうまく反映できた。なお、その際は でコードを囲もう。 参考： WordPress超初心者のためのHTMLとCSSの基礎知 …

Read More

WordPress で写真を公開する際に Flickr が欠かせない。WordPress の Media Library を使ってみたり、Google Photo、OneDrive 等のオンラインサービスからの共有など、いろいろ試したけど、結局一番使いやすいのが Flickr なのだ。 写真１枚１枚を普通に WordPress 上で表示するには、Flickr の共有ボタンで簡単にできる。 しかし、アルバム全体を共有となるとどうだろう。Flikcr の共有ボタンだと、ブログに表示した際に矢印マークがさりげなく表示されるだけで、それがアルバムだと分かりにくい。ただの１枚の写真だと思われてしまう。アルバムだとハッキリ分かるように、例えばタ …

Read More

最近 Scrivener をバージョン３にアップグレードした。 Scrivener | Literature & Latte https://www.literatureandlatte.com/scrivener/overview あまり変化はないなと思っていたら、コンパイルをする時に結構戸惑った。 たとえば ePub をコンパイルする場合だ。 私は Text のタイトルをそのまま ePub の節ごとのタイトルにすることが多い。 File＞Compile でコンパイルすると、バージョン２からデザインが変わっている。 Text のタイトルを出力するかどうかは、中央の Section Layouts で設定する。下の Assign …

Read More

『神速InDesign』（森 裕司 他、アスキー・メディアワークス、2013：p217）に、ミスを防ぐ方法として、印刷時には普通に黒で印刷されるけど、作業時には文字色を変更しておく方法が紹介されていた。 例えばスタイルが他とは違う場所だけ赤色にしておいて目立つようにしておく（けれど、印刷時には普通に黒に印刷される）ような方法だ。 神速InDesign 具体的には、以下のようにする。 環境：Adobe InDesign CC 2018 （１）「スウォッチパネル＞オプションパネル＞新規カラースウォッチ」 （２）スウォッチ名を入力、カラータイプを特色にし、色を選択する。OK。 （３）「スウォッチパネル＞オプションパネル＞インキ管理」 …

Read More