CSS ボタンや画像の内側にシャドウを入れる方法
ボタンやイメージとして配置する画像にシャドウを入れる際は、box-shadowを指定すれば再現できますが、画像の内側にシャドウを入れて凹んだ感じにしたい場合、box-shadowプロパティの「inset」を指定してもシャドウは出来ません・・...
WEB DESIGN
CSS 
CSS コンテンツを画面の中央（上下左右）に配置する方法
以前にも一度、画面中央配置の記事を書かせていただきました。「特定の要素を画面の中央（上下左右）に配置する方法」こちらは「display:table-cell」を扱った中央配置の方法でしたが、今回はCSSのみで実現できる方法になります。 (a...
WEB DESIGN Googleアナリティクスをはじめた初心者のための基本用語リスト
皆さんは、GoogleAnalytics（グーグル･アナリティクス）を利用していますか？自分でWEBサイトやブログを運営している方のほとんどは、無料の「Googleアナリティクス」を活用していることと思います。でも実際にサイトに組み込んでい...
CSS 日本語Webフォントを利用する際に気をつけたいライセンスのこと
Webフォントを利用する際に、その使い方と合わせて「フォントに対するライセンス」をきちんと理解しておく必要があります。Webフォントだから勝手に何も気にせずに使っていいというわけではないので、細かいことかもしれませんが正しく利用するように心...
PHP はじめてのPHP変数 定義や代入など…
PHPを学ぶ上で最初の壁といってもいい「変数」について見ていきたいと思います。PHPを扱う上で避けては通れない「変数」ですが、難しく考えずにやっていきましょう。 (adsbygoogle = window.adsbygoogle || []...
PHP はじめてのPHPの基本文法
WordPressなどを利用していると、もっとPHPが理解できたら自由度が格段と広がるのになぁ～。と思うようになってきませんか？私はつくづく思って泣きそうになります。「スクリプト言語」というだけで、片耳くらい塞ぎたくなりますが・・・。デザイ...
WordPress お問い合わせリンクを表示してみる
WordPressのページ内に、"お問い合わせ用のメールリンク"を表示したい場合、テンプレートタグの「bloginfo」を利用します。まずは、どのメールアドレス宛てのリンクにするかの設定から見ていきます。 (adsbygoogle = wi...
CSS 文字をテロップのように流すマーキーをCSSで実装する！
近年、見かけることも少なくなった「marquee（マーキー）」ですが、元々はIEの独自機能でもあったため、HTMLでは非推奨とされ消えていきました。そんな「marquee」のテロップ的動きをコンテンツに組み込みたいな～と考えたとき、CSSだ...
WordPress パンくずリストを表示する方法
WordPressにおける「パンくずリスト」の表示方法をご紹介します。プラグインを使って表示させる方法もありますが、今回はテンプレートファイルに記述する方法を確認していきたいと思います。まったく関係ありませんが、私はゴハン派です・・・。それ...
WordPress カスタム投稿タイプとかタクソノミーってどういうこと？
WordPressでWebサイトやブログを運営していく中で、立ちはだかるひとつの壁「カスタム投稿」についてメモしておきます。 (adsbygoogle = window.adsbygoogle || []).push({}); 「カスタム投...
CSS CSSのみで要素がス～っと出たり消えたりする方法
ある要素に対して、カーソルがマウスオーバーした際のエフェクトのひとつ、“ フェードイン ”と“ フェードアウト ”をCSSのみを使って表現する方法をご紹介します。今回はス～っと出たり消えたりする柔らかい感じも付け加えました。ギャラリーサイト...
WordPress コピーライト表記を変えちゃおう！
WordPressで子テーマを使ってサイトやブログを運営している場合、フッターの「Copyright」が、WordPressになっていたり、テーマ作成者へのリンクになっていたりします。また、自作でオリジナルテーマを作る場合などでも、フッター...
WordPress WordPressの無料テーマBonesの導入方法
WordPressでオリジナルテーマを作ってみようという方に、是非とも試してもらいたい「Bones」という無料のテーマがあります。デフォルトでレスポンシブ対応にもなっており、名前の通りにほとんどその骨組みだけの構造になっているので、余計な要...