PuTTYで公開鍵の作成
SSHとは 従来ではリモート接続の際にtelnetが使われていましたが、暗号化されていないため盗聴が容易でした。 その問題を解決する手段として、暗号化技術を用いた安全な通信方式のSSH(Secure SHell)が使われ … +1 Continue reading →
View ArticleWordPressを別サーバへ移動させる
WordPressを別サーバに移行させる手順を記載します。 旧サーバでの作業 旧サーバデータベースをエクスポートする コマンドラインからMySQLのユーティリティmysqldumpを使ってエクスポートできます。 mysq … +1 Continue reading →
View ArticleSSIでPCとスマートフォンの出力を切り替える
ウェブサーバでSSI（サーバサイドインクルード）が有効になっていれば、SSIのIF文を使ってPCとスマートフォンの出力を切り替えることができます。 ここにスマホの場合に出力したいコードを記載します ここにPCの場合に出力 … +1 Continue reading →
View ArticleTwitterのTweet Button（ツイートボタン）を設置する
Tweet Button（ツイートボタン）はオフィシャルのデベロッパーサイトで提 … +1 Continue reading →
View ArticleJavaScriptの正規表現で後方参照を使う
JavaScriptの正規表現で後方参照したい場合、後方参照したい文字列を丸括弧 … +1 Continue reading →
View ArticleGoogle風ページネーション付きのブログ形式の一覧を出力する
Google風の1，2，3といったページネーション付きの、タイトル、詳細をブログ … +1 Continue reading →
View ArticleFlexbox -floatを使わないでスマートにレイアウトする方法
Flexboxの概要 Flexbox(CSS Flexible Box Layout Module)はレイアウト用に用意されたプロパティで、CSS3から導入されました。レスポンシブのように要素のサイズが固定ではない場合で […]
View ArticleFlexboxのプロパティ紹介
Flexコンテナ flex-direction -Flexアイテムの向きと方向 flex-directionプロパティはFlexアイテムの向きと方向を設定します。 指定可能な値 値 向きと方向 row 左から右（初期値） […]
View Article.htaccessでPCとスマートフォンを振り分ける
PCからのアクセスとスマートフォンからのアクセスを判別して、自動的にフォルダを振り分ける処理をしたので、その方法をご紹介します。 .htaccessを使った方法で、PCはそのままで、スマートフォンの場合は /m に飛ばし […]
View Article記事の自動整形や記号などの変換を止める
※2011/8/8の記事をベースに改編しました WordPressの投稿編集ページには、ビジュアルエディタとテキストエディタの2種類が用意されています。ビジュアルエディタはHTMLを理解していなくても利用できるように出力 […]
View ArticleCSS3とCompassでグラデーション
今回はCSSを使って背景にグラデーションを指定する方法を紹介します。 主に指定するプロパティは background-image で、グラデーション用として用意された関数は線形グラデーション用の linear-gradi […]
View Articlexmlrpc.phpにDoS攻撃を受けた時の対処法
xmlrpc.phpファイルとその攻撃の概要 WordPressにはスマホアプリなどのXML-RPCを使った更新にも対応していて、/xmlrpc.phpファイルが用意されています。 ただし、このファイルはDDoS攻撃、ブ […]
View Articleメインループとサブループ
メインループの概要 WordPressでメインページやカテゴリ一覧などで一覧のループ処理を行う際、メインループという概念があることを理解する必要があります。 トップページに最新記事を表示するループや、検索結果のページに結 […]
View Articlefunctions.phpでJSやCSSを一元管理する
JSやCSSを一元管理する CSSやJavaScriptの読み込みはheader.phpに書くこともできますが、functions.phpでwp_enqueue_style()、wp_enqueue_script()をア […]
View ArticleAtomで自動文字コード判別：auto-encodingパッケージ
AtomはShift-JisやEUC-JPなどを自動で判別してファイルを開くことができません。 [Ctrl]+[Shift]+[u]で文字コードを変更することができますが、ここは自動判別させたいところです。 そのようなと […]
View Article自動で閉じタグを挿入するプラグイン
tagプラグインの概要 AtomでHTMLをコーディングする際はEmmetがかなり便利ですが、何かの拍子に閉じタグを挿入したいときなどがあります。 そのようなときは、HTMLの閉じタグを自動で挿入してくれる tag とい […]
View ArticleFlexBoxで固定幅+可変幅のレイアウト
CSSのFlexBoxを使って1カラムを固定幅、もう1カラムをリキッド（可変幅）にし、ウインドウサイズが一定のサイズ以下になると、固定幅のカラムを下に落とし、両カラムとも横幅100%にする方法を紹介します。 デモ HTM […]
View Article