技術情報

技術情報

ソースコードをショートコードで呼び出せるWordPressプラグイン「Post Snippets」

今回はソースコードをショートコードで呼び出せるWordPressプラグイン、「Post Snippets」をご紹介いたします。「Post Snippets」とはWordPress › Post Snippets « WordPress Pl...
技術情報

Movable Typeで「お知らせ」を作る

以前、Movable Typeでトップページを作る方法をご紹介いたしました。前回の続きで、今回は「お知らせ」を作る方法をご紹介いたします。※本記事はWindows10 Pro(64bit)版、Movable Type6.2で行ったものを掲載...
技術情報

Movable Typeでトップページを作る

以前、Movable Typeをローカルで構築する方法をご紹介いたしました。今回は上記の続きで、実際にMovable TypeにWebサイトのページを組み込む方法をご紹介いたします。※本記事はWindows10 Pro(64bit)版、Mo...
技術情報

ボタンクリックでフォントサイズと背景色を変えて状態を保持する

Webサイトの要件定義で、たまにフォントサイズや背景色の変更があるかと思います。今回はボタンクリックでフォントサイズと背景色を変えて、かつ状態を保持する方法をご紹介いたします。サンプルボタンをクリックすると状態が変化します。サンプルをご覧く...
技術情報

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

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

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

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

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

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

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

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

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

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

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

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

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 ServiceThe W3C Markup Val...
技術情報

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

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

WordPressのセキュリティ対策

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

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

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

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

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

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

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

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

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