技術情報

技術情報

slideToggleでアコーディオン風メニューを表示する

メニューが長すぎるのでクリックした時だけ表示したい、という場合があると思います。 今回は「slideToggle」を使用してアコーディオン風にメニューを表示する方法をご紹介いたします。 サンプル 「メニュー見出し」をクリックするとメニューが...
技術情報

CSSで作ったトグルボタンで開閉して状態を保持する

スマートフォンで画面が小さいので、情報のあるエリアをボタンで開閉しつつ状態を保持したい、という場合があると思います。 今回はCSSで作ったトグルボタンで指定したエリアを開閉し、なおかつ状態を保持する方法をご紹介いたします。 サンプル 「お知...
技術情報

CSSで作ったタブを切り替える

Webサイトのお知らせなどのカテゴリが複数ある時は、タブを切り替えて表示させるのが一般的かと思います。 今回はCSSで作ったタブを、jqueryを使用して切り替える方法をご紹介いたします。 サンプル まずはサンプルをご覧ください。 サンプル...
技術情報

XAMPPのユーザーディレクトリの設定をしてWordPressをローカルで構築する

日本語 — WordPress 前回、XAMPPのユーザーディレクトリの設定をしてMovable Typeをローカルで構築する方法をご紹介いたしました。 今回、XAMPPのあたりは前回と同じなので、既知の方は読み飛ばしていただいてかまいませ...
技術情報

XAMPPのユーザーディレクトリの設定をしてMovable Typeをローカルで構築する

CMS プラットフォーム Movable Type - クラウドもオンプレミスも幅広く対応可能なCMS - Six Apart XAMPPのユーザーディレクトリの設定をして、Movable Typeをローカルで構築する方法をご紹介します。 ...
技術情報

WordPressで画像を左右に配置した時のレイアウト崩れを回避する方法

photo credit: Jeff Attaway via photopin cc WordPressの管理画面で画像を「左」、または「右」に配置したときにレイアウトが崩れた経験があるかと思います。今回は画像を左右に配置したときのレイアウ...
技術情報

WordPressの管理画面で403 Forbiddenが表示されたときに確認すべきことと、その対処方法

photo credit: mlcastle via photopin cc 先日、いつも通りブログサイトとアンテナサイトの管理画面(WordPress)に入ろうとしたところ、「403 Forbidden」の文字が表示されて驚きました。心当...
技術情報

アイキャッチ画像を簡単に検索、挿入できるWordPressプラグイン、「Flickr – Pick a Picture」

By: Giuseppe Milo 今回はアイキャッチ画像を簡単に検索、挿入できるWordPressプラグイン、「Flickr - Pick a Picture」をご紹介いたします。 アイキャッチ用の画像を検索して、挿入までするのは結構面倒...
技術情報

HTMLのコーディングに便利なツール

photo credit: JanneM via photopin cc 今回はHTMLのコーディングに便利なツールをご紹介いたします。 検証 The W3C Markup Validation Service The W3C Markup...
技術情報

WordPressで構築したサイトをバックアップ

photo credit: trekkyandy via photopin cc 今回はWordPressで構築したWebサイトのバックアップ方法をご紹介いたします(WordPressのバージョンは4.0)。 バックアップの対象は大きく分け...
技術情報

WordPressのセキュリティ対策

photo credit: Phil Oakley via photopin cc WordPressはオープンソースなので、脆弱性が発見されやすくハッカーの標的にされやすいと言われています。 今回はWordPressを使用するにあたって、...
技術情報

ローカルで構築したWordPressをサーバーへ移行する

photo credit: juhansonin via photopin cc 前回と前々回でXserverにWordPressを自動または手動でインストールする方法を説明したサイトをご紹介しましたが、今回はローカルで作ったWordPre...
技術情報

XserverにWordPressを手動インストール

photo credit: Yuri Yu. Samoilov via photopin cc 前回はXserverにWordPressを自動でインストールする方法を説明していたサイトをご紹介しましたが、今回は手動でインストールするサイトを...
技術情報

XserverにWordPressを自動インストール

photo credit: JohnSeb via photopin cc PC ウェブログはXserver で運用しています。 Xserverは値段もお手頃でセキュリティも高く、安定性に定評があります。また便利な機能ではCMSである、Wo...
技術情報

XAMPPでローカルでのWordPress環境を用意

photo credit: cocoate.com via photopin cc XAMPPはウェブサーバーの環境をローカルに構築することができるもので、管理人も愛用しています。 このPC ウェブログのCMSはWordPressを使用して...