技術情報 AMP HTMLの記述例
前回はAMP HTMLの概要をご紹介いたしました。今回は具体的な記述例をサンプルを交えてご紹介いたします。 AMP HTML amp-twitter amp-twitterタグでツイッターを表示するには、ツイートIDを記述します。 <amp...
技術情報
技術情報 
技術情報 モバイルの表示が爆速になるAMP(Accelerated Mobile Pages)
去年Googleが提唱したAMP(Accelerated Mobile Pages) が、最近また活発になってきたようです。 というわけで、今回はAMPをご紹介いたします。 AMP(Accelerated Mobile Pages)とは A...
技術情報 記事を書くのが楽になるWordPressプラグイン「TinyMCE テンプレート」
TinyMCE Templates — WordPress プラグイン 今回はWordPressで記事を書くのが楽になる、「TinyMCE テンプレート」をご紹介いたします。 「TinyMCE テンプレート」とは WordPress › T...
技術情報 自動でサイトマップを生成するWordPressプラグイン「PS Auto Sitemap」
今回は自動でサイトマップを生成するWordPressプラグイン、「PS Auto Sitemap」をご紹介いたします。 「PS Auto Sitemap」とは WordPress › PS Auto Sitemap « WordPress ...
技術情報 ソースコードをショートコードで呼び出せるWordPressプラグイン「Post Snippets」
今回はソースコードをショートコードで呼び出せるWordPressプラグイン、「Post Snippets」をご紹介いたします。 「Post Snippets」とは WordPress › Post Snippets « WordPress ...
技術情報 Movable Typeで「お知らせ」を作る
以前、Movable Typeでトップページを作る方法をご紹介いたしました。 前回の続きで、今回は「お知らせ」を作る方法をご紹介いたします。 ※本記事はWindows10 Pro(64bit)版、Movable Type6.2で行ったものを...
技術情報 Movable Typeでトップページを作る
以前、Movable Typeをローカルで構築する方法をご紹介いたしました。 今回は上記の続きで、実際にMovable TypeにWebサイトのページを組み込む方法をご紹介いたします。 ※本記事はWindows10 Pro(64bit)版、...
技術情報 ボタンクリックでフォントサイズと背景色を変えて状態を保持する
Webサイトの要件定義で、たまにフォントサイズや背景色の変更があるかと思います。 今回はボタンクリックでフォントサイズと背景色を変えて、かつ状態を保持する方法をご紹介いたします。 サンプル ボタンをクリックすると状態が変化します。 サンプル...
技術情報 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...