jCarouselLiteを使ってみた

表示されている記事ページに関連記事のリストを小さく表示しているのだが、こそっと表示していることもあって最大4件だけが表示される小さなボックスになっています。他のサイトなどを観ると、横にスクロールしてリストをできるだけ多く見せている所が多いです。

Font Awesomeの基本的な使い方

Font AwesomeはいろいろなアイコンをWebフォントとして提供しているため、CSSでデザインを調整できるとても便利なアイコンです。ここではFont Awesomeの基本的な使い方を紹介します。この記事を記載時はFont Awesome 4.6.3がベースとなっています。 Font Aweso … “Font Awesomeの基本的な使い方” の続きを読む

jQuery UIカレンダープラグインDatepickerの使い方

  jQuery uiのカレンダープラグインであるDatepickerがとても便利なのでWordPressでの使い方を少し記載します。 Datepickerは他のjavascriptプラグインと同様にscriptを読み込むように宣言しておけば使えますが、ここではWordPressに特化した … “jQuery UIカレンダープラグインDatepickerの使い方” の続きを読む

javascriptからPHPへのデータ送信

WordPressなんかでサイトを作成しているとき、javascriptを使っているとその処理で使っているデータをPHPに渡したい時とかありますよね。javascriptはクライアントサイドスクリプトで、PHPはサーバーサイドスクリプトのため処理をするタイミングが違います。サーバーサイドスクリプトは … “javascriptからPHPへのデータ送信” の続きを読む

現在地<-->目的地の単純な距離の比較をWordPressに実装

javascriptのGeolocation APIを使って現在地を取得して地図を表示するようはページはWordPressを使ってもよく作成されているかと思います。地図を表示する以外に、観光地などのスポット情報記事を表示するために位置情報を取得することもあるかと思います。例えば、複数のスポット情報記 … “現在地<-->目的地の単純な距離の比較をWordPressに実装” の続きを読む

WordPress4.0から使えるようになった複雑な’oderby’を使ってみる

クエリーのパラメータに以前より指定した項目の値で投稿をソートする’orderby’というのがありました。記事の表示一覧などを作成するときに、表示順を指定したりするのに使用しますが、WordPress4.0からこのパラメータに複数の値を指定できるようになっています。どういう風に強化されたかというと、例 … “WordPress4.0から使えるようになった複雑な’oderby’を使ってみる” の続きを読む

管理画面の投稿一覧にカスタムフィールド項目を追加

投稿記事にカスタムフィールドを設定しているとき、一覧表示の時にもその値を表示したいと思う時ありますよね。また、その値でソートできればとても便利かなと思います。 そこでソートできるカラムを追加したいと思います。 カラムを追加 以下の例は’plan’と’venue’というカスタムフィールドの … “管理画面の投稿一覧にカスタムフィールド項目を追加” の続きを読む

サイトのSSL化について(さくらインターネット)

サイトのSSL化をするのに想像以上に試行錯誤しました。備忘録としてだけでなく、今後SSL化を検討している人たちの有益なネタとなれば幸いと情報を載せたいと思います。 また、こちらはさくらインターネットのレンタルサーバーで運営しているサイトのSSL化についての情報となります。そして、WebサイトはWor … “サイトのSSL化について(さくらインターネット)” の続きを読む

ローカル環境で作成したWordPressのサイトをレンタルサーバーへ移行する方法

ローカル環境で作成したWordPressサイトをレンタルサーバーへ移行する方法についてまとめています。ローカル環境はXAMPP/MAMP/DS216j(NAS)を使った環境を想定しています。レンタルサーバーはさくらインターネットを想定しています。

レンタルサーバーで作成したWordPressのサイトをローカル環境へ移行する方法

レンタルサーバー環境に作成したWordPressのサイトをローカル環境へ移行する方法についてまとめています。ローカル環境はXAMPP/MAMP/DS216j(NAS)を使った環境を想定しています。レンタルサーバーはさくらインターネットを想定しています。

XAMPPの使い方まとめ1

XAMPPは各種OSにApache, MariaDB, PHPが動作する環境をインストールするアプリケーションです。ローカル環境でこれらが動作することで閉じた環境でのWebアプリのテストや、本番環境に影響することなくサイト構築ができます。 XAMPPはWeb系開発に必要な機能やツールがそろっています … “XAMPPの使い方まとめ1” の続きを読む

WordPressテーマの多言語化

  今回は1つのテーマで英語と日本語のどちらも表示できるように作成したのでその基本的な方法を掲載します。 WordPressの国際化 WordPressは世界中で使われていて、いろんな国の言語で柔軟に利用できるように設計されています。Wordpressのテーマを公開するには国際化が要件に入 … “WordPressテーマの多言語化” の続きを読む

XAMPPの使い方まとめ2

XAMPPインストール直後はMariaDBのrootパスワードが設定されていません。 安全性を良くするためにMariaDBのrootパスワードを設定します。 XAMPPコンソールにあるShell機能から、もしくはWindowsコマンドプロンプトからコマンド入力しパスワードを設定します。パスワード設定 … “XAMPPの使い方まとめ2” の続きを読む

MAMPの使い方まとめ1

MAMPはMacにApache, MySQL, PHPが動作する環境をインストールするアプリケーションです。ローカル環境でこれらが動作することで閉じた環境でのWebアプリのテストや、本番環境に影響することなくサイト構築ができます。 MAMPという名前はMac, Apache, MySQL, PHPの … “MAMPの使い方まとめ1” の続きを読む

MAMPの使い方まとめ2

Macの環境でターミナルからphpコマンドを使用する場合、そのまま実行するとOS Xに実装されている/usr/binにあるphpコマンドが実行されます。

そこでMAMPに実装されているphpコマンドを実行できるようにするためにパスを通 … “MAMPの使い方まとめ2” の続きを読む

MAMPの使い方まとめ3

MAMPインストール直後はMySQLのrootパスワードの初期設定が”root”となっています。 安全性を良くするためにMAMPに実装されているコマンドを使うか、phpMyAdminコンソールからMySQLのrootパスワードを設定します。パスワード設定後にphpMyAdminの設定を変更して正しく … “MAMPの使い方まとめ3” の続きを読む

WordPressのインストール(ローカル環境)

ブログをこれから始めようとしている方のためにローカル環境にWordPressをインストールする基本的な方法を説明します。レンタルサーバーにWordPressをインストールする場合も基本は同じ作業でできると思いますが、各レンタルサーバーのサービスからWordPressインストール方法が独自に用意されて … “WordPressのインストール(ローカル環境)” の続きを読む