やわらかしかっけい

なんでもすぐに忘れてしまう自分のために

WordPressでiframeだけoEmbedが効かない問題

いまどきのWordPressは、YouTubeやGoogle mapのURLをコンテンツエリアに貼るだけで自動的にiframe埋め込みをしてくれるのですが、この機能は oEmbed というヤツが担っています。 iframeだけ効かなくなった あちこちテーマをいじっていたら、ある日突然、自動…

microCMSとJavascriptを利用して簡単なサイトを作る

WordPressを入れるほどじゃないけど、HTML手打ちもバカバカしいので ヘッドレスCMSを利用して、更新を簡単にしたいな〜と思ったのだった。microcms.io APIスキーマ 今回作るのは、タイトルすら不要なサイト。テキストエリアだけ。 フィールドID:textField …

メモ:jQueryあれこれ

html、cssは省略します 全体魔法 window.addEventListener('DOMContentLoaded', function(){ // ここに全部書く }); なんでか $(function(){ }); だとエラーが出やすいので スムーススクロール(スムーズスクロール)? $('a[href^="#"]').click(function(){…

jQueryで、loading

JavaScriptがそもそも苦手すぎて、 どうもVueとかReactをやる気になれない。結局たよりになるのはjQuery、、、 気をつけたところ Scriptは、対象となるDOM要素(#loader-bgなど)の後ろに書かないと、 エラーが出ることがあるっぽい。 追記2 一瞬ちらっと見…

【解決】Contactform7 動作しない・ページがリロードされてしまう問題

WordPressのお問い合わせフォーム、Contactform7送信ボタンを押しても、ページが再読み込みされるだけで何も起こらないという謎のバグを引き起こし、そして解決した。 二重formタグが原因だった tanweb.netこれです! なんでそんなミスを mvp.cssを使ってお…

SVGファイルに色指定

path に fill を指定してあげるだけ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#666666" d="〜〜〜〜〜〜"/></svg>

FirebaseでBasic認証かける

qiita.comまぁ、こちらに書いてある通りなのですが… Firebaseコンソール上でプロジェクト作る ローカルにディレクトリ作って、ターミナルでそこへ行く ここまでは Hosting の時と同じ firebase init ( ) Database: Deploy Firebase Realtime Database Rules …

Firebaseを使ってみよう

色々あって Git・GitHub + Netlify に心を折られたので、 Firebaseに鞍替えします。blog.katsubemakito.netこちらの手順どおりに。 npmエラー → sudoで解決 node.jsをインストールしたあと、 $ npm install -g firebase-tools を実行しようとしたらエラーが…

GitとGitHub を勉強し始めたんだが

わからない言葉が多すぎて、心折れる…ビジネス用語の「コミットする」ってここから来てるのか? 以下、私がわかるように超翻訳 Git 修正履歴とかを残しといて戻れるようにしてくれる GitHub Gitをクラウドでやれる リポジトリ いちばんでかいフォルダという…

確定申告 覚書2020

毎年毎年、どうやるんだっけ?と忘れてしまうので・・・ 前提 国税庁のサイトで書類を作成し、e-Tax(ID・パスワード方式)で提出する。 私について 個人事業主(開業届提出済み) 青色申告(青色届提出済み) 4年目(前年のデータ残ってる) 事業所得のみ、給…

私だってモバイルSuicaにしたいんだが???

前提 紙のSuicaから移行したい iPhone8Plus 楽天銀行口座と紐付いたJCBデビットカードでチャージしたい 気づき 「モバイルSuica」と「Apple PayのSuica」は どうやら別物らしい。 ひとつめの難関 iPhoneの中でチャージを完結させるには、 Apple Pay (Wallet)…

【解決】WordPressでメディアがアップロードできない

メディアをアップロードしようとすると下記のようなエラーメッセージが出るようになったので、解決してほしい という依頼があった。 「ディレクトリ○○を作成できませんでした。 この親ディレクトリのアクセス権はサーバーによる書き込みを許可していますか ?…

レスポンシブの時にpositionの指定を変えたい

たとえばtop指定→bottom指定に 大画面の時は上部に、スマホは下部に表示したいな〜っていうとき nav { position:fixed; top:16px; left:16px; } @media screen and (max-width: 600px){ nav { bottom:16px; } } ってすると、bottomが効かない。 topが優先さ…

Let's Encrypt更新自動化 ついに

ajicolor.hatenablog.jp ajicolor.hatenablog.jp オイ!!!!!!!!!!!!ついにやったぞ! 原因:cronのPATH環境設定 qiita.comこちらの記事の(3)がズバリでした。 こんなんわかるか!Qiita、MokeeeMokeeeさん、ありがとうございます。 あなたに教えて…

何回目!?Lets's Encrypt 自動更新できてなくて失効→入れ直し

ばかやろう。 ajicolor.hatenablog.jp ajicolor.hatenablog.jp 同じ失敗を何度でも繰り替えす学習能力なし子ちゃん # /root/certbot-auto certonly --webroot -w /var/www/html/domain1 -d domain1.com -d mail.domain1.com -w /var/www/html/domain2 -d dom…

DNSレコード、ネームサーバー、いまだによくわからない

DNSレコード DNS = ドメインネームシステム このドメイン(○○.com)にはこのIPアドレスだよ、と紐付けする 「A(AAAA)」「CNAME」「MX」「NS」「TXT」「PTR」などの種類がある 例えば、「ドメイン名 = IPアドレス」とするいちばん基本的なDNSレコードなら、 …

WordPress ページ送りを同カテゴリの記事に限定する

single.phpなどに置いてる 「前の記事へ」「次の記事へ」のページ送り previous_post_link next_post_link そのリンク先を、今いる記事と同じ記事に限定するには・・・第3の引数にtrueを指定するだけか、かんたんんんんんんん!!!!!!! $in_same_term …

さくらVPS (CentOS6)で メールサーバー構築

メールサーバー構築する必要ある? 参考記事 1. DNSレコードを登録 2. ポートを開ける 3. Let'sEncrypt サブドメイン追加 expandコマンド・・・?! 4. postfix、dovecotの設定 5. SMTP認証設定 6. メールソフトの設定 gmail エラーにエラーの入り口 ポート…

Let's Encrypt 入れ直し+複数ドメイン

Let's Encrypt 入れた&自動更新設定してある。 他のドメインを追加したい。→証明書取り直しが手っ取り早かった d.hatena.ne.jpほぼこれ通りに。certbot の部分は certbot-autoで 失効処理 参考 yoshinorin.net certbot 入れ直し 参考 ajicolor.hatenablog.jp…

ベーシック認証によるアクセス制限

.htaccessの中身の書き方 特定のファイルに制限 <Files ファイル名.php> AuthType Basic AuthName "Input your ID and Password." AuthUserFile /任意の場所/.htpasswd require valid-user </Files> その.htaccessがあるフォルダごと制限 AuthType Basic AuthName "Input your ID and Passw…

pre_get_postsで気をつけること

ホーム画面に吐き出される記事一覧を、あるカテゴリーの記事に絞りたかった。こういう時のための「pre_get_posts」だと思ったので、嬉々として利用。 悪い例 functions.php is_home() ){ $query->set( 'cat','2' ); return; } } add_action( 'pre_get_posts',…

WordPressの投稿画面(ビジュアルエディタ)をカスタマイズ

ビジュアルエディタ(TinyMCE)の、 太字やら色々なボタンをカスタマイズしたい。 まずは不要なものを消しましょう functions.php

PHPで作ったフォームにGoogle reCAPTCHAを実装する

メールフォームは たしかこれを使った www.php-factory.net reCaptcha 「私はロボットではありません」というやつ reCAPTCHA: Easy on Humans, Hard on BotsGoogleアカウントにログインした状態で上記にアクセスし、 「reCAPTCHA v2」を選択して登録し、API…

instagramのフィードを表示させたい

JSONデータをPHPでごにょごにょして....というのを自作するのは骨が折れるので、プラグインを使うことに。 下準備 ↓を参考に、Instagramの開発者ページからアプリケーション登録を行っておく。 teamnaporitan.com instafeed.js instafeedjs.comheader部分で…

Everioで撮った動画の書き出し備忘録

これまでの人生、披露宴の余興で映像作ってDVDに焼いたりなんだりで、何度「書き出すと縦長に伸びちゃう現象」に悩まされたことか。 ピクセル縦横比(ピクセルの形が正方形と長方形とある) 画面アスペクト比(単純に何ピクセル×何ピクセルか) どちらが原因…

ハンバーガーメニュー

なんだかんだ言っても、ECサイトや企業サイトではなく、個人のページとか、単純な作りのページであればまだまだハンバーガーメニューは有効だと思うのです。「ハンバーガーメニューはクソ」とか言われてた頃に比べて、浸透度も高まってるだろうし。 仕様 右…

iPhone 5Sから8plusに、ソフバンから格安SIMに乗り換えメモ

作業順序の確認 1. SIMフリーのiPhone 8 plusをAppleStoreから買う 2. MNP予約番号をゲットする 3. 格安SIMを申し込む 4. iPhoneバックアップをとってお引越し iPhoneのバックアップをとる LINEの引き継ぎ設定をする キャリアメールで最近やりとりした人に「…

Let's Encrypt やっぱり自動更新されてなかった

期限切れちゃってた。証明書の作り直しです。 古いやつバックアップ # mv /etc/letsencrypt /etc/letsencrypt.back certbot-autoがインストールされてなかったようなので ここに書いてある通りに # yum install epel-release # wget https://dl.eff.org/cert…

めちゃよく使う、スマホ用ドロップダウンメニュー

MENUを押すと、にゅーんと伸びる MENUの横のキャレットが上向きになる スクロールすると、上部に張り付く jQueryでやる WordPressサイトという前提 html <ul class="sp" id="spMenu"> <li class="spMenuBtn">MENU<b class="caret"></b></li> <ul> <li><a href="<?php echo esc_url( home_url() ); ?>">HOME</a></li> <li><a href="<?php echo esc_url( home_url( '/about' ) ); ?>">…</a></li></ul></ul>

よく使う、WordPressのOGP設定

いまのところこうだが、ダメだったら都度修正する (固定ページの存在をガン無視している) ';echo "\n"; echo '