Tips WordPressの投稿でjQueryやJavaScriptを使う方法
WordPressの投稿でjQueryやJavaScriptを使いたくなるときがあります。プラグインを使用する方法もありますが、ショートコードを使用する方法が最も手軽です。
ショートコードの書き方
functions.phpに次の内...
Tips 
HTML&CSS 均等割付の方法〜HTML
HTMLの文書でテキストを均等割付したい場合があります。
読ませる文章よりも見せたい文章にそのような要望が多いかもしれません。
HTMLでは見せる文章も重要な要素です。
均等割付の方法
結論から言うとtext-align: ju...
HTML&CSS Facebook Pageの記事を自分のサイトに表示させる方法
Facebook Pageの記事を自分のサイトに表示させる方法です。Page Pluginを使うと簡単にできます。
Page Pluginに行きます。
Facebook Page URLに自分のPageのアドレスを入れます。
...
JavaScript 正規表現の使い方の練習〜JavaScript編
正規表現でreplaceする
replace関数を使って正規表現の使い方を覚えるために簡単なスクリプトを書きました。
replace(検索文字列 , 置換文字列 )を使用して文字を置換します。
プルダウンメニューで選んだ内容が第...
lecture Xdomain無料サーバーのftp設定方法〜WordPress用サーバー
Xドメインの無料サーバーのWordPressサーバーの使い方です。
ログインして管理パネルに入ります。
左側のナビゲーションの無料レンタルサーバーをクリックします。
初めてWordPressの設定をする場合は...
lecture Xdomain無料サーバーのftp設定方法〜HTMLサーバー・PHPサーバー編
無料のレンタルサーバーは基本的に広告が付きます。けれども、テストサイト用とか練習用にはこれで十分です。
Xdomain無料サーバーにはPHPやMySQLが使用できます。
つまりWordPressもインストールできるということです。また、...
HTML&CSS 垂直・水平方向に子要素を中央揃え
CSSレイアウトで水平方向の中央揃えはできても、垂直方向の中央揃えは難しいですね。
今回は画像を親要素の垂直・水平方向に中央揃えを行います。
header部分へのロゴの配置などに使えるテクニックです。
position:ab...
Illustrator ボタンを指定サイズで書き出す〜Illustrator
Illustratorでボタンやバナーなどを作成してWeb用に書き出す場合に指定寸法どおりにならずに困る場合があります。
ポイントを理解して思い通りのサイズで書き出せるようになりましょう。
四角形にbuttonというテキストの入った...
HTML&CSS フロートしたナビを中央揃えする方法
ナビゲーションをliで作成して、floatを使用して横並びにする方法はよく使用されます。
面倒なのは横並びのliを中央に揃えることです。
liをfloatして横並びにした例
htmlコード
cssコード
中央揃えす...
HTML&CSS transitionプロパティでアニメーション〜CSS３
＊この記事は一部修正と訂正を行っています。（2015/08/30）
gifアニメやFLASH全盛のころのような派手なアニメーションは敬遠されがちですが、ユーザビリティから見て使いやすく誘導するためのアニメーションは歓迎されます。そんなワン...