ウェブページを PDF 化して保存しておきたいことがある。Mac の標準機能として、Google Chrome の印刷画面で PDF 化ができる。

しかし、ゴチャゴチャしたページをシンプル化して保存したいことがある。つまり、広告やらサイドバーやらを排除した状態で PDF 化したい。

そんなとき、以下の拡張機能が便利だ。

Print Friendly & PDF – Chrome Web Store
https://chrome.google.com/webstore/detail/print-friendly-pdf/ohlencieiipommannpdfcmfdpjjmeolj

インストール後アイコンをクリックすると、シ …

Read More

Raspberry Pi をブートした際に、コンソール画面で "Cannot open access to console, the root account is locked." と表示されるようになった。ただ、Enter キーを押すことで GUI へ行くことができる。

環境：Raspberry Pi 3 Model B、Raspbian Stretch、3.5 インチ液晶に接続

以下のページ従い、cmdline.txt ファイルに init=/bin/sh を追加。しかし、今度はブートしても画面が真っ白なままだ・・・。

Raspberry Pi Boot Issue – Root account …

Read More

少し前から InDesign に PDF ファイルの配置ができなくなった。

ファイルをドラッグアンドドロップ、あるいは「ファイル＞配置」で配置しようとしても、「PDF ファイルを開けませんでした」と表示されてしまう。

ネットで調べた解決方法を試し、環境設定ファイルを再作成しても、PDF を Acrobat で保存し直したりしても、それでも状況が変わらない・・・。

仕方ないので、PDF を Acrobat で画像に変換し、それを配置している。

参考：
タロウくんの明日はどっちだ: おかしいなと思ったら：Macintosh 版 InDesign CS5 …

Read More

ウェブサイトで 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";}

参考： …

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

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 で設定する。 …

Read More

『神速InDesign』（森 裕司 他、アスキー・メディアワークス、2013：p217）に、ミスを防ぐ方法として、印刷時には普通に黒で印刷されるけど、作業時には文字色を変更しておく方法が紹介されていた。

例えばスタイルが他とは違う場所だけ赤色にしておいて目立つようにしておく（けれど、印刷時には普通に黒に印刷される）ような方法だ。

具体的には、以下のようにする。

環境：Adobe InDesign CC 2018

（１）「スウォッチパネル＞オプションパネル＞新規カラースウォッチ」

（２）スウォッチ名を入力、カラータイプを特色にし、色を選択する。OK。

（３）「スウォッチパネル＞オプションパ …