ブログデザインを一新しました!テーマは「Agama」です。

ブログデザインを一新しました!テーマは「Agama」です。

12月初旬は記録的な暖かさでしたね。 夏日 (25℃以上) を記録した地域もあるとか、驚きます。 さて、そろそろブログをはじめて1年が経ちますので、ブログデザインを一新しました! というわけでデザイン変更の紹介と WordPress カスタマイズについて書いていきます。

「Font Awesome 5 Free」を疑似要素で使う方法をまとめ直しました!

「Font Awesome 5 Free」を疑似要素で使う方法をまとめ直しました!

北海道では初雪と冬の装いとなった近頃ですが、気付けばアイコンフォント「Font Awesome 5 Free」の最新 ver. が 5.5.0 になっていました。 このブログで初めてまとめた時にはまだ Ver.5.0.4 でした。 無料版で使えるアイコンの数も907種類から1409種類と約1.5倍に増えました。 ということで、疑似要素で使う方法についてもう少し詳しくまとめ直しました。 以下ページにまとめましたので、ご確認下さい。

PHPのPDOを使ってMySQLに接続する方法を簡単にまとめます。

PHPのPDOを使ってMySQLに接続する方法を簡単にまとめます。

PHP は SQL などのデータベースに接続するのに適したプログラミング言語として Web サイトで重宝されています。 元々は動的な Web ページを生成するために作られ、データベースへの接続する機能を組み込んで誕生しました。 そんな PHP では従来、”mysql_connect” や “mysql_query” などといった関数で MySQL と連携していましたが、PHP5.5 以降では非推奨関数に指定され使用すべきでない手法となりました。 PHP7 以

Read More

サイトマップを自動生成!PHPでクロールさせよう!

サイトマップを自動生成!PHPでクロールさせよう!

Webサイトを運営していると Google Search Console に登録するサイトマップを準備する必要がありますよね。 Wordpress などではプラグインで簡単に作ることができますが、それ以外だと自分で用意しないといけません。 自動生成してくれるサービスもありますが、サイトマップを更新する際には手間が掛かります。 PHP を使ったスクリプトも数多くありますが、どうやらファイルを検索して一覧にするというものばかりでした。 これでは動的に生成されるページがサイトマップに登録されませんので、自作する

Read More

インスタグラムのタイムラインを表示しよう!「Instagram API」の使い方

インスタグラムのタイムラインを表示しよう!「Instagram API」の使い方

流行りの SNS と言えばインスタグラムがあるでしょう。 せっかくなのでタイムラインを Web サイト上に表示したいですよね。 しかし、いざやろうとタイムラインを表示しようと思っても簡単にはできません。 そこで、今回はインスタのタイムラインを Web サイト上に表示させる方法を紹介します。

Javascriptのイベント登録に於けるイベントハンドラとaddEventListenerの使い分け

Javascriptのイベント登録に於けるイベントハンドラとaddEventListenerの使い分け

9月も終わりに近付き猛暑だった日が懐かしく感じる季節となりました。 さて、今回は Javascript でイベント処理をさせる時に使う「イベントハンドラ」(要素セレクタ.on****) と「addEventListner関数」の使い分けについてです。 どちらもイベントを同じように登録できますが、微妙に違うところがあります。

WordPressで子テーマを使うメリット3点と導入方法【親テーマの更新ができるようになるよ!】

WordPressで子テーマを使うメリット3点と導入方法【親テーマの更新ができるようになるよ!】

WordPress を使っていて細かくデザインや機能を変更したいと思ったことは多いでしょう。 そんな時にプラグインに該当するものがなく諦めた方も居るのではないでしょうか? プラグインに無くてもテーマファイルを直接編集することで対応することが可能です。 そこで今回はテーマファイルを編集する際に有用な「子テーマ」についてまとめます。

「Ryzen 7 2700X」で自作PC!組立手順を写真と共に解説します。

「Ryzen 7 2700X」で自作PC!組立手順を写真と共に解説します。

Intel の一強時代に待ったを掛けた「AMD Ryzen」シリーズも第2世代に進化してコスパが優れているのはもちろんのこと性能でも Intel に匹敵するラインナップとなりました。 そんな今大注目の Ryzen で自作パソコンを作ったので、作り方をまとめたいと思います。 「Ryzen で自作したいけど不安が・・・」という方にもわかりやすいように写真多めで解説します。

WordPressでパンくずリストを表示させる方法【SEO対策】【プラグイン不要】

WordPressでパンくずリストを表示させる方法【SEO対策】【プラグイン不要】

ブログを書いていれば「パンくずリスト」という言葉を聞いたことがあるかもしれません。 パンくずリストは現在の記事 (ページ) がどんなカテゴリのどの階層に居るのかを分かりやすく表現する為に使われるナビゲータのようなものです。 実はこのパンくずリストは、人間だけでなく Googlebot のような検索エンジンのクローラにもサイトの構造を明示できる手段の一つです。 つまり、パンくずリストの導入は SEO (検索エンジン最適化) にも有利となるということです。 そこで今回は WordPress で簡単に表示させる

Read More