開業7年目の個人事業主。青色申告の65万円控除を受けたい！けど、簿記ができない！なので、2022年までは簡易簿記＆10万円控除でしのいでいたが、2023年からはfreeeをスタンダードプランで使い始めて、日々の記帳を頑張っている。記帳さえしっかりやっていれ…
HTML手打ちのWebサイト（！）に、 手作りPHPのお問い合わせフォーム（！）を載っけた状態で 何年も使っていたんだけどRecaptcha v2ではスパムが防ぎきれておらず、 Recaptcha v3に変えてみたら、挙動が不安定になってしまった。そこで手作りPHPフォームを卒…
GoogleマイマップをWebサイトに埋め込みしている時に、縮尺をちょうどよくしたいな〜という場合のやりかた 1. マイマップをブラウザで表示させる この時に、ちょうどよい縮尺に調整しておく。 アドレスバーの中のURLはこんな感じになっている https://www.go…
レスポンシブのスマホ表示でサイト全体のフォントサイズが小さくなっても、font-size:90% とか 0.9em で設定した箇所を14px以下のサイズにはしたくない！ みたいな時に。mgmgblog.com min関数、max関数 どうやらfont-sizeだけではなく、marginなどにも使える…
ajicolor.hatenablog.jp↑あれから5年の歳月が流れ・・・8Plusの挙動が怪しくなってきたので、機種変しました。基本的には、下記サイトに書いてある通りに。 iPhoneを機種変更するときにやることリスト！ データ移行や引き継ぎが必要なアプリの設定方法を紹介…
Instagram投稿の埋め込みコードを取得して、 とあるWebページに埋め込んだところ、iPhoneのChromeでだけ、コンテンツが表示されなかった。正常に動いた場合、blockquoteの部分がscriptによってiframeに書き換えられるっぽいんだけど、その肝心のscriptが、ど…
WordPressのカスタムフィールド系プラグイン・Smart Custom Fields。 フィールド編集画面で、表示条件のページIDの入力候補に、 公開済みのページしか出てこない仕様となっている。なんでだよ。そんなの下書きの段階でカスタムフィールドも入力して、 動作や…
WordPressサイトの中の、 人名に使われている とある1文字が異体字で サイト全体に使っている 'Noto Sans JP' では希望する字体にならなかったので、 その一文字だけにspan class="moji"を付けて、別のWebフォントを指定したい。PHPで置換かな…と思ったが、J…
背景画像のSVGがスライドショーのようにフェードで切り替わっていく、というのをやりたかった。 SVGである理由 綺麗だから 背景画像である理由 SVGだと、背景画像にしないとレスポンシブでのサイズ変更ができないから CSSのanimationで実装したらiOSのChrome…
初めて冊子を作って、イラレで入稿した。 （InDesignをゼロから覚えなきゃだめかと思ったが、イラレで大丈夫だった） 今後のためにメモっとく。 フォルダ構造 入稿先によって異なると思うけど、 P01-P32、P02-03、みたいに見開きごとのフォルダを作る その中…
Canon の iP2700というプリンターを愛用している。【インクジェットプリンター】PIXUS iP2700機種情報プリンター本体は3000円くらいで（もう今は売ってないけど）、 その代わりインクカートリッジが高い。なので、サンワサプライの詰め替えインクを、カート…
普通にSVG画像を擬似要素のcontentとして指定すると、 大きさを変更することができず、不便である。 div:before{ content:url('../../../img/icon.svg'); width:20px; height:20px; } ↑ これだとwidthもheightも効かないそこで、背景画像として指定すると良…
（楽天楽天うるせ〜！！！）楽天ペイのアプリは、 お支払い元に「楽天銀行」を設定することで 使うたびに楽天銀行口座から直接引き落とすことも可能だが、それとは別に、「楽天キャッシュ」という電子マネー？を使って支払うこともできる。この「楽天キャッ…
今回は、【さくらVPS】から【ロリポップ！ハイスピードプラン】へのお引越しをします。 理由 さくらVPSは2017に契約したもの サーバーおよびPHPが古くなっちゃった VPSの管理も面倒になった 参考サイト affiliate150.com 注意事項 PHPのバージョンとWordPres…
マウスオーバーしたら、画像を拡大＋オーバーレイを薄くする、というのをやりたかった。 a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, .3), rgba…
今日、WordPressが6.0に更新されたわけですが使用テーマのアプデが間に合ってなかったり、そもそも自作テーマだったりすると、トラブル起こりがち。 なので自動更新に待ったをかけようと思ったら、wp-configの編集が必要だった。（管理画面から設定できてほ…
台本、つまりこのようなレイアウトを実現する（今回は横書きです） タブの設定 タブキーを押した際のインデントの幅（？）が一定になるようにする。 表示 > ルーラを表示 セリフの最初のところにカーソルを合わせる ルーラ上の丁度よいところ（4のあたり）を…
大好きなWordPressテーマ、SWELL。 SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマ SWELLにはlightbox機能（Luminous Lightbox）が標準搭載されており、別途で画像にリンクを設定していない場合は、画像をクリックすると拡…
WordPressのブロックエディターの「ギャラリー」機能。複数画像を並べるのに便利なんだけど、横長画像と縦長画像が混在した場合、縦長画像の方に高さが統一されるため横長サムネの行と縦長サムネの行が存在してしまったりして、見た目がちょっと微妙だった。…
人から改修を頼まれたWordPressサイトにて。ダッシュボードやサイトヘルスに「PHPの更新が必要です」と表示されている。レンタルサーバーのコントロールパネルへ行き、7.4（モジュール版）に更新するボタンを押して、5〜10分以上待ったのに、アラートの表示…
英語のページ（URLに /en/ が含まれる）全てにおいて、 ヘッダーロゴのリンク先を英語版のHomeに設定したかった。body閉じタグ直前にこちらを… <script> let url = location.href; let pattern = '/en/'; if(url.indexOf(pattern) > -1){ let link = document.getEle…
そんなことある？って感じなんだけど、サイトの多言語化対応で、英語・アラビア語のサイトを作っている。アラビア語って、右から左に書く言語。なので当然サイトが全部 dir="rtl" になるってワケ。そりゃレイアウト崩れるとこも出てくる。 CSSで崩れたとこ直…
多言語サイトを作っていて、「検索」を「Search」に変えたかった。 const hoge = document.querySelectorAll('#search input')[0]; hoge.placeholder = "Search"; ほんとうに些細なことなんだけど、1行目末の[0]が必須だった。 これに気づかなくて、 なかな…
別ファイルで用意するの正直めんどくせ〜と思っていたが、 メディアクエリで書けば簡単 1. CSSファイルをmedia="all"で読み込む <link rel="stylesheet" media="all" href="~~~~/style.css"> 2. @media print{ で書いていく /**********印刷用**********/ @media print{ body{ color: #000; background: transparent; }</link>…
単語じゃなくても、クライアント様がブログ本文に入力した装飾 「●○●○●○●○●○●○●○●○●○●○●○●○●○●○」 みたいなやつで崩れたりする。 （そういう装飾を自分では使わないから、予測できなかった）単語の途中でも改行されるようにCSSを書き加えるんだけど、 いつも…
カスタムフィールドのプラグインとして、 現在はSmart Custam Fields を使っている。 b-risk.jp WYSIWYGエディターの項目も作れるんだけど、 そのエディターの中の「見出し」を制限したかった。（デフォルトだと「段落」「見出し1~6」「整形済みテキスト」か…
functions.phpに以下を追記するだけ。 //中サイズ画像をトリミングする update_option( 'medium_crop',true ); //大サイズ画像をトリミングする update_option( 'large_crop',true ); 以降にアップロードしたアイキャッチ画像にはトリミングが適用される。 …
多数の画像や埋め込みを含む約50記事を、noteからWordPressにお引越しさせました。note エクスポート機能ついてないの、つらい ブラウザ機能の「ページを保存」だと不十分 noteのコンテンツは動的に生成される部分が多くて、 「ページを別名で保存」だと使い…
カレンダーを表示させるのに、EventOrganiserというプラグインが便利 wp-event-organiser.com 使い方はドキュメンテーションにだいたい書いてある。docs.wp-event-organiser.comショートコードでカレンダーやイベントリストを表示させたりできる。 イベント…
1. functions.php を編集 'Main Sidebar', 'id' => 'main-sidebar', ) ); } add_action( 'widgets_init', 'my_theme_widgets_init' ); ?> 2. 管理画面でウィジェットを登録 Main Sidebar というエリアが現れてるので、そこにウィジェットを登録する 3. テン…
