WordPress:DOMDocumentを使ってAdSenseを挿入する

このブログはまだはてなブログですが、WordPress に移行したサイトがあり、そのサイトの目次のない記事中に AdSense を入れる方法です。 WordPress サイト「そんなには褒めないよ。映画評」 目次があれば h2 の前、なければ… 目次がある場合 目次がない場合 <p></p>…

WordPress:WordPress Popular PostsにAdSenseを表示する

WordPress のプラグイン「WordPress Popular Posts」はアクセス数の多い記事を表示するプラグインですが、その一覧に AdSense の広告を挿入する方法です。 AjaxコンテンツにはAdSenseは表示されない AdSenseのトリガーをJavascriptで挿入する wpp-onloadイベ…

WordPress:SVGファイルでDashiconsを表示する

別サイト「そんなには褒めないよ。映画評」をはてなブログから WordPress に移行してはや10日です。移行後の細かい調整はありましたが、基本的なことは以下の記事のとおり簡単に進みました。 はてなブログからWordPressへの正しい移行の仕方 で、この記事は…

はてなブログからWordPressへの正しい移行の仕方

はてなブログから WordPress に移行しました。サーバーは ConoHa Wing です。今回移行したのはこのサイトではなく映画レビューサイト「そんなには褒めないよ。映画評」です。 移行の際に手間ひまのかかる画像の移行やテキストデータの整形などを簡単にできる…

ConoHa WING の WINGパックを契約した

はてなブログから WordPress に移行しようと準備を重ねて3ヶ月半(笑)、準備が整いましたのでサーバーを契約しました。 ConoHa WING の WINGパック 契約の手順 ConoHA WING 管理画面のトップ ConoHa WING の WINGパック この「31日間無料」に釣られたわけで…

GASエラー「その操作を実行するには承認が必要です」が出たら

昨日あたりから Google Apps Script のエラーが発生しています。GAS はお問い合わせ用のフォームメールに使っていますので、迷惑メールで入力されたアドレスが適当なんだろうと思っていたのですが、エラーが続きましたので確認してみましたら実際に問題発生…

Windows10 で WiFi の SSID が表示されない

不可解なことが起きています。タイトル通りで Windows10 で WiFi の SSID が表示されません。 環境と症状 試したこと ネット上の原因と対処 環境と症状 症状の出た環境は、 Windows10 が入ったレノボ ThinkPad Edge E430 WiFi ルーターはバッファローの wsr-…

WordPress:プラグイン「はてなブログインポートツール」

はてなブログから WordPress へ移行する場合のツールをプラグインにまとめました。 はてなブログインポートツール インストール 使用方法、手順 フォトライフ画像コピー ファイル整形 アイキャッチ画像とメディアライブラリ 各記事へのアイキャッチ画像登録 …

Javascript:カスタムデータ属性で配列(実は文字列)の受け渡し

Javascript の小ネタです。 HTML から Javascript へのデータの受け渡しに複数のデータを渡すことは出来ないかという話です。 カスタムデータ属性の値はひとつ 値を配列で渡す match() メソッドで配列化する 配列形式にする必要ないんじゃない? カスタムデ…

WordPress:htaccessリライトで、はてなからWordPressへ移行

はてなブログから WordPress へ移行準備中です。 ある日突然、WordPress へ移行しようかと思い始めて50日あまり、まだしばらくかかりそうですが、日に1、2時間程度しかかかわれませんのでこんなもんでしょう。今月中(10月)にはなんとかしたいものです。 こ…

WordPress:Genesis Framework を使ってみる

はてなブログから WordPress へ移行準備中です。 ここまでの経緯 Dropbox での Mysql データ共有の問題点 Genesis Framework オープンソース インストール テーマ開発の現状 移行した画像の扱い 画像つき記事一覧 WordPress Popular Posts functions.php こ…

WordPress:ローカル開発環境をDropboxで共有

はてなから WordPress に移行準備中です。 パーマリンク(URL)の維持、そしてデータの整形と移行が簡単にできるようになりましたので次はテーマ開発です。 ここまでの成果 パーマリンクの維持 データ移行 WordPress のローカル開発環境 シンボリックリンク…

WordPress:はてなブログからWordPressへの移行ツール Ver.2

ある日突然、はてなブログから WordPress に移行しようと思い始め、自分自身のデータはすでに問題なく移行できる状態になっているのですが、そのツール制作にはまって Ver.2 まで作ってしまいました。 Ver.1 とその問題点 はてなブログ to WordPress 移行ツ…

WordPress:はてなブログからWordPressへワンクリックで移行

ある日突然、はてなブログから WordPress に移行しようと思い始めて準備中です。 はてなフォトライフからの一括画像移行とエクスポートデータの整形を一発でやってしまうツールをつくってみました。 過去の成果 はてなブログ to WordPress 移行ツール hatena…

WSL2 に Apache, PHP インストール

「Windows10 に Linux 環境(wsl2)」で入れた WSL2 に Apache と PHP を入れます。今必要としているのは PHP だけですが、いずれ必要になりますので Apache も入れておきます。WordPress でもテストすることになればデータベースも必要になります。 Apache …

Joomla 4.0 and Joomla 3.10 リリース!

Joomla 4.0 と Joomla 3.10 が 2021年8月17日にリリースされました。 Joomla 4.0 and Joomla 3.10 インストール Joomla! とは CMS シェア Joomla! Japan Joomla 4.0 and Joomla 3.10 www.joomla.org Joomla 4 へのアップグレードは 3.10 に更新してから行う…

WordPress:はてなから移行する場合の permalink rewrite プラグイン

ある日突然、はてなブログから Wordpress に移行しようかと思い始めました。はてなブログの契約がまだ1年ありますのでその間にいろいろ調べてみようと思います。 パーマリンク(URL)の維持 記事データのインポート Wordpress のパーマリンク設定 はてなブロ…

Windows10 に Linux 環境(wsl2)

ちょっと時間が取れたときに遊べるようにと Windows10 にも node.js を入れているのですが、Linux 環境に統一できないかと wsl(Windows Subsystem for Linux)を入れてみました。 Windows Subsystem for Linux wsl2 のインストール wsl2 実行のための要件 …

Javascript:1行挿入でスムーススクロール imzSmoothScroll

「CSS:scroll-behavior:smooth を使わないわけ」で紹介した自作のスムーススクロールを公開します。 特徴 Javascript imzSmoothcroll の使い方 個別にスムーススクロールを呼び出す場合 ライセンス等 特徴 jQuery などのライブラリーを必要としない素の Jav…

Javascript:ページ最下部までスクロールするための最上部は?

Javascript で単純にページの最下部まで移動するには、window.scrollTo(0,document.documentElement.scrollHeight); で一瞬に移動します。ただ、スムーススクロールで最下部まで移動するためにはページの最下部に移動した時のスクロールトップ(ブラウザの左…

CSS:scroll-behavior:smooth を使わないわけ

ページ内のリンクをスムーズに移動するには、CSSのみ、jQuery、素の Javascript といろいろ方法があり、とにかく一番簡単なのは一行ですむ CSS による方法ですが、残念ながらイージングが指定できません。 比較用デモサイト CSS によるスムーススクロール 問…

Joomla! 3.9.28 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.28 セキュリティ & バグフィックスがリリースされています Joomla 3.9.28 Release セキュリティレベル Low 5つのセキュリティ & バグフィックス 3.9.28 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla…

CSS:クラス名にnth-of-type, nth-child を指定する場合の注意

CSSの擬似クラス、nth-of-type は nth-child とともにリストの中の何番目などと指定する場合によく使います。その2つの違いは理解していても、クラス名に対して指定する場合は要注意です。今回ハマったケースがありますので整理してみます。 nth-of-type と…

CSS:文字を一文字ずつ表示する(タイプライター)

CSSの小ネタです。 文字を一文字ずつ表示する CSSだけで文字を一文字ずつ表示するアニメーションです。 おお、やった!Javascript使わなくてもできるじゃんと思ったんですが、どうやらネット上にはゴロゴロしているようです(笑)。 右下の Rerun をクリック…

Ubuntu:21.04 日本語 Remix を入れてみた

自宅でブログを書いたりするのに使っているレノボの E420には Ubuntuを入れているのですが、2、3日前から液晶画面がパカパカと煽るようになり、はっきりした原因は不明のまま、結局まるごと Ubuntuを入れ替えることにしました。 液晶画面がパカパカ煽る Ubun…

CSS:fixedの要素をスクロールバーなしでスクロールさせる

サイトのメニューをオーバーレイで出す場合には、その要素に position:fixed を指定する場合が多いと思いますが、要素の長さがデバイスの表示高よりも長い場合にスクロールさせ、かつ非タッチデバイスの場合にスクロールバーを非表示にし、背景を固定しスク…

はてなブログ:ネイキッドドメインでのads.txtは不可能そう…

はてなブログを wwwつきから wwwなしのネイキッドドメインに変更して19日になりますが、Adsenseが ads.txtを読み込んでくれません。それ以外は問題なく進んでいます。 経緯 Javascript リダイレクトではダメ(のよう…) curlコマンドで調べてみる 結論 経緯 …

Joomla! 3.9.27 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.27 セキュリティ & バグフィックスがリリースされています Joomla 3.9.27 Release セキュリティレベル Low 3つのセキュリティ & バグフィックス 3.9.27 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla…

はてなブログ:wwwなしに変更、ネイキッドドメインその後

はてなブログを wwwありから wwwなしのネイキッドドメインに変更して1週間になりますが、なにも問題は起きていません。Adsenseが ads.txtを読み込んでくれませんが広告表示に大きな問題はないと思います。 移行したサイトはこのサイトではなく次のサイトです…

はてなブログ:wwwありからwwwなしのネイキッドドメインに変更

前記事で、サブドメインで運用しているブログをネイキッドドメインに変更する方法を仮のドメインで試してみましたが、今回、実際に運用しているブログを移行してみました。 移行の準備 予想される問題点 https化でamazonの画像が表示されない ブログカードも…