やわらかしかっけい

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

noteからWordPressへの記事の移植が大変だった

多数の画像や埋め込みを含む約50記事を、noteからWordPressにお引越しさせました。note エクスポート機能ついてないの、つらい ブラウザ機能の「ページを保存」だと不十分 noteのコンテンツは動的に生成される部分が多くて、 「ページを別名で保存」だと使い…

Event Organiser のイベントカテゴリー(+背景色)を出力

カレンダーを表示させるのに、EventOrganiserというプラグインが便利 wp-event-organiser.com 使い方はドキュメンテーションにだいたい書いてある。docs.wp-event-organiser.comショートコードでカレンダーやイベントリストを表示させたりできる。 イベント…

WordPressテーマでウィジェットを有効にする

1. functions.php を編集 'Main Sidebar', 'id' => 'main-sidebar', ) ); } add_action( 'widgets_init', 'my_theme_widgets_init' ); ?> 2. 管理画面でウィジェットを登録 Main Sidebar というエリアが現れてるので、そこにウィジェットを登録する 3. テン…

さくらVPSでPHPをアップデートする

面倒くさすぎて嫌だけど、やる。WordPress速くしたいので。。※ 7.4にしようと思ったけどできず、結果的に7.0→7.3になった顛末です 参考 qiita.comkz-style.comblog.offline-net.comhttps://monochrome-design.jp/blog/126 まず CentOSを新しくする rootユー…

WordPressアーカイヴページにページネーション

数字で表示される、こういうタイプのもの WordPressに標準の関数が用意されている。the_posts_pagination() wpdocs.osdn.jp 2, 'prev_text' => __( '«', 'textdomain' ), 'next_text' => __( '»', 'textdomain' ), ) ); ?> しかしページ送りの…

WPで最近使ってるプラグイン備忘録

Avatar Manager ユーザーアバター 標準のGravatorは外部サービスだけど、 これを使えばWP内に執筆者の画像をアップできる Intuitive Custom Post Order 投稿順番入れ替え これがないと困る 公開日をいちいち変えたりするのは嫌なので Public Post Preview 執…

2020版 WordPressダッシュボードカスタマイズ

ダッシュボードトップの項目を減らす

CSSで背景うっすら斜め変則ドット

黒のベタ塗りだとカッコつかないな…という時、うっすら斜めドットにすると良い感じである。 background: #3d3d3d; background-image: radial-gradient(#333 20%, transparent 20%), radial-gradient(#333 35%, transparent 35%); background-repeat: repeat;…

コンタクトフォーム7 + reCAPTCHA v3

WordPressのお問い合わせフォームにGoogle reCAPTCHA reCAPTCHA v3はバックグラウンドで動くので、 ユーザーに絵合わせ(?)させたり、チェックを入れさせたりしなくて良いらしい。 reCAPTHCA登録 ログイン - Google アカウントGoogleログイン状態で、ここ…

WordPress カスタムタクソノミー

カスタム投稿に、カテゴリータイプのカスタムタクソノミーをつける __( '本の種類' ), 'show_in_rest' => true, // Gutenbergエディタでは必要らしい 'show_ui' => true, //管理画面から編集できるようにする 'hierarchical' => true, //falseにするとタグ…

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…