Tips

php&MySQL

MAMPのバージョンアップ方法

MAMPのバージョンアップの方法です。 自動でバージョンアップする機能はありませんので再インストールの必要があります。 手順は以下のとおりです。(対象はMacです) MAMPのサイトから最新版をダウンロードします。(結構重い...
HTML&CSS

content:attr()と独自データ属性を使い方〜CSS

:beforeや:afterとセットで使用するcontentプロパティがありますが、その値にattr()という便利なものがあります。 attr()について あまり使用しないcontentプロパティの値だけに見逃していましたが、使いよ...
Tips

WordPressの投稿でjQueryやJavaScriptを使う方法

WordPressの投稿でjQueryやJavaScriptを使いたくなるときがあります。プラグインを使用する方法もありますが、ショートコードを使用する方法が最も手軽です。 ショートコードの書き方 functions.phpに次の内...
HTML&CSS

均等割付の方法〜HTML

HTMLの文書でテキストを均等割付したい場合があります。 読ませる文章よりも見せたい文章にそのような要望が多いかもしれません。 HTMLでは見せる文章も重要な要素です。 均等割付の方法 結論から言うとtext-align: ju...
HTML&CSS

Facebook Pageの記事を自分のサイトに表示させる方法

Facebook Pageの記事を自分のサイトに表示させる方法です。Page Pluginを使うと簡単にできます。 Page Pluginに行きます。 Facebook Page URLに自分のPageのアドレスを入れます。 ...
HTML&CSS

垂直・水平方向に子要素を中央揃え

CSSレイアウトで水平方向の中央揃えはできても、垂直方向の中央揃えは難しいですね。 今回は画像を親要素の垂直・水平方向に中央揃えを行います。 header部分へのロゴの配置などに使えるテクニックです。 position:ab...
Illustrator

ボタンを指定サイズで書き出す〜Illustrator

Illustratorでボタンやバナーなどを作成してWeb用に書き出す場合に指定寸法どおりにならずに困る場合があります。 ポイントを理解して思い通りのサイズで書き出せるようになりましょう。 四角形にbuttonというテキストの入った...
HTML&CSS

フロートしたナビを中央揃えする方法

ナビゲーションをliで作成して、floatを使用して横並びにする方法はよく使用されます。 面倒なのは横並びのliを中央に揃えることです。 liをfloatして横並びにした例 htmlコード cssコード 中央揃えす...
Tips

さくらサーバーのマルチドメインの設定〜他社管理ドメイン使用の場合

お名前ドットコムで管理しているドメインをさくらサーバーのマルチドメインで使用する方法です。 マルチドメインとはドキュメントルートにドメインを設定するのではなく、ドキュメントルートにディレクトリを作成しておいてそのディレクトリにドメイン名を...
Tips

子テーマ作成のポイント〜WordPress

WordPressのテーマ作成の手順がわかったら、既存のテーマを親要素として、さらにオリジナル部分は子テーマで作成すると効率的です。子テーマは親テーマと簡単な関連付けをする必要があります。 子テーマで最低限必要な決まりごと 子テーマ...
スポンサーリンク
タイトルとURLをコピーしました