HTML/CSS、JavaScript、PHPなど、Web系プログラミングの記事、WordPressテーマ・プラグイン・コーディングについての記事
-
WordPressを本格的に勉強するには
私は、4年ほど前にWordPressでブログを作り始めました。そこから、独学でカスタマイズなどを調べていくうちに、テーマを制作できるようになりました。今はプラグイン作りについても学んでいます。 今回は私がWordPressでホームページを作る上で、役に立っ... -
「動くWebデザインアイディア帳」で、アニメーションサイトを作る
昨年、もっと動きのあるサイトを作れるようになりたくて、アニメーションについて勉強していました。 普段は、ボタンのマウスオーバー、ナビゲーションメニューなど、利便性のためにシンプルな動きを取りいれるくらいです。しかし、そのたびに、基本となる... -
【図解】WordPressのテーブル構造はどうなっているの？
WordPressは記事などデータをデータベースに保存しています。 普段は意識しませんが、プラグインを作っていると、「WordPressデータベースには、どのようにデータが保存されているのか？」テーブル構成を気になってきました。 今回は、データベースの中身... -
WordPressの投稿に管理者用メモをいれるプラグインを作る
プラグインを作りながら、WordPressのカスタマイズを学ぶシリーズ。今回は、記事ごとにメモをつけるプラグインです。 【プラグインでWordPressをカスタマイズ】のバックナンバー プラグインでやりたいこと 投稿の備忘録を残すため、管理者のみが閲覧、編集... -
記事をランダム表示するウィジェットを作る
前回に引き続き、プラグインを作りながらWordPressの知識を深めていきます。 WordPressのプラグインを自作する！バックナンバー 今回は記事をランダムに表示するウィジェットをプラグインで作ってみたいと思います。 記事をランダムに表示できると、埋もれ... -
WordPressプラグインを作ってみる。はじめの一歩。
WordPressプラグインを作り方を調べるため、ハンドブックを読み始めました。 ドキュメンテーションなどを読みときながら、プラグインを実際に作る過程を記事にしていきます。 私の事前知識 HTML/CSS、JavaScriptとPHPの基本はわかるサーバー／ドメインを設... -
WordPressをサブディレクトリにインストールする手順
サーバーにWordPressをインストールするときに、フォルダ（サブディレクトリ）を指定してインストールできます。 ここではblogの中にwordpressがインストールされます。 WordPressはインストールすると、20弱のフォルダやプログラムができます。インストー... -
簡単にWordPressサイトをコピーする方法【All-in-One WP Migration】
WordPressサイトをコピーして、別ドメインに引っ越したい！簡単なやり方はないかな？ 現在運営中のWordPressサイトをリニューアルしたい！本番サイトはそのままで、テスト用にコピーしたサイトを別環境に作りたい！ WordPressサイトのお引っ越しやリニュー... -
【Mac】Localなら超簡単！WordPressのローカル環境を作る。
この記事では「Local」というソフトを使い、WordPressサイトをローカルPC上で動かす環境を作成していきます。 この記事はこんな方におすすめ WordPressで本格的にテーマ制作、カスタマイズをしたい方今のWordPressサイトをリニューアルするために、本番サ... -
GatsbyJSサイトをv3へアップデート
Gatsbyで作っているサイトをv3にアップデートしました。 v2からv3で何が変わったのか Introducing Gatsby 3.0 – Faster in Every Way that Matters まず、Incremental Build（差分ビルド）ができるようになり、ビルド時間が短縮された。 記事を追加／更新... -
【Mac】Node開発環境のアップデート
いつも忘れちゃうので、Node.jsをアップデートする手順をまとめておきます。 1.Homebrew2.nodebrew3.Node.js 上から順にアップデートしていきます。 1.Homebrewのアップデート Homebewはパッケージ管理ツールで、ここからいろんなツールをダウンロードした... -
【Mac】SourcetreeからGitHubへSSH接続する
今回は、SourcetreeからのSSH接続するように直したので、その手順を記載します 私の環境(2021年8月時点) MacBook Pro (Retina, 13-inch, Mid 2014)MacOS Big Sur (ver 11.7)SourceTree(ver 4.1.2) ①公開鍵と秘密鍵を作る ターミナルを開いて、「ssh-keygen...
