WordPress:テーマをゼロから作ってみる(1)

WordPressのテーマを自作するのは意外と簡単。最低限必要なことからスタート。

WordPress:テーマ制作は一からの制作に行きつく

Genesis Framework を使う方法とブランクテーマ Blankslate を使う方法と二刀流でいろいろやってきたのですが、結局、ブランクテーマからつくることができるのであれば、すべて一から作ればいいということに行きつきました。 WordPress:Genesis Framework …

WordPress:Genesis Framework を使ったテーマ制作(5)

Genesis Framework を使う場合のウィジェットエリアの登録方法です。 現在、ブランクテーマを使って一からテーマを自作する方法と二刀流で進めています。 WordPress:Genesis Framework を使ったテーマ制作 WordPress:Blankslate を使ってテーマを一からつ…

ウィジェットエリアの作り方:WordPressテーマ自作

WordPress のブランクテーマ Blankslate を使って一からテーマをつくります。サイドバーにウィジェットエリアをつくり、最新記事等のウィジェットを挿入します。 WordPress:Blankslate を使ってテーマを一からつくる WordPress:Genesis Framework を使った…

WordPress:メニューにアイコンを使う(Walker_Nav_Menu)

現在、WordPress のテーマ制作を一からつくる方法と Genesis Framework を使った方法の二刀流でやっています。 WordPress:Genesis Framework を使ったテーマ制作 WordPress:Blankslate を使ってテーマを一からつくる Genesis ではデフォルトでアイコンが使…

WordPress:Genesis Framework を使ったテーマ制作(4)

「WordPress:Genesis Framework を使ったテーマ制作」の4回目ですが、WordPress に移行したサイト「そんなに褒めないよ。映画評」の状態があまり芳しくなく、その改善に時間をとられていました。 WordPress:Genesis Framework を使ったテーマ制作 LCPの問…

WordPress:Genesis Framework を使ったテーマ制作(3)

「WordPress:Genesis Framework を使ったテーマ制作」の3回目です。 WordPress:Genesis Framework を使ったテーマ制作 テストデータの導入 Sass とリセットCSSの導入 テストデータの導入 投稿されたデータがありませんとテーマの作りようがありませんので…

WordPress:Genesis Framework を使ったテーマ制作(2)

「WordPress:Genesis Framework を使ったテーマ制作」の2回目です。 WordPress:Genesis Framework を使ったテーマ制作(1) functions.php init.php の読み込みは必要か? Setup Function に何を入れるか? Setup Function の書き方 functions.php functio…

WordPress:Genesis Framework を使ったテーマ制作(1)

現在、このサイトをはてなブログから WordPress に移行しようとテーマを作成中なんですが、Genesis Framework を使っていますので、WordPress 理解のためにも手順を整理していこうと思います。すでにひとつのサイトは移行済みです。 そんなには褒めないよ。…

WordPress:インポーターで<pre></pre>内のスペースが削除される

はてなブログで運用している3つのサイトを WordPress に移行中です。すでにひとつは移行完了しています。 そんなには褒めないよ。映画評 – ネタバレレビュー・あらすじ 次に当サイトを移行しようとしているのですが、WordPress に付属している「Movable Type…

WordPress:ローカル開発環境共有 Ubuntu + WSL2 + Docker + Dropbox

WordPress のテーマやプラグインを開発するために Docker でローカル環境を構築する際、複数ヶ所から同じデータを使うために Dropbox で共有する方法です。 Docker が簡単でびっくり! WordPress を立ち上げる Dropboxでデータ共有 WSL2 に Dropbox インスト…

WordPress:docker-composeでコンテナを一般ユーザーで起動する

Docker 公式の WordPress イメージで WordPress を立ち上げますと、WordPress や Mysql が root や www-data で稼働します。これですと新しくサイトを開発しようにもいちいち root に入らなくてはならなくなります。これをホストの一般ユーザーで稼働させら…

Conoha Wing 障害発生、問い合わせするも無視される

Conoha Wing を利用し始めて2ヶ月、すでに後悔し始めています。サイトへも、管理ページへもアクセス不調になり、問い合わせてみたものの完全無視されました。 障害発生、サポートに連絡しようとするも… サポートへの問い合わせ方法が見つからない サポート担…

WordPress:目次をプラグインなしで自動作成、自動表示する

このブログはまだはてなブログですが、WordPress に移行したサイトがあり、プラグインなしで目次を自動作成、自動表示する機能を作成しました。 WordPress サイト「そんなには褒めないよ。映画評」 設計方針 functions.php single.php ライセンス等 設計方針…

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 に更新してから行う…