ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

Web

Web技術で困っている人のために情報を発信します。

WordPress アイキャッチ画像にキャプション(説明)を表示する方法

wordpress image

WordPressのテーマには、アイキャッチ画像のキャプションを表示しないものがあります。

今回は、たった3行追加してキャプションを表示する方法を解説します。

大丈夫です。とてもかんたんです。プログラミングが苦手な人でも。

(キャプションが未入力の場合は出力されません。)

続きを読む

Google AdSense, 関連コンテンツユニットが使えるようになった理由

キーボードとマウス

Googleアドセンスの関連コンテンツユニットが使えるようになりました。月5000PVを超えたばかりなので、びっくりしたと同時に、???が並んでしまいました。

ちまたの情報を見る限り、最低でも月数万PVは必要だと思っていたからです。そこで、なぜ解放されたのか自分なりに理由を探ります。

続きを読む

Node.js npm, パッケージ管理の使い方。今やWebで必須のコマンド。

Node.js image

Node.jsのnpmはパッケージを管理するコマンドツールです。

パッケージはJavaScriptの拡張プログラムで、必要なものをインストールして、効率的に目的の機能のプログラムを作ります。

今やWebはNode.jsなしでは語れません。npmは必須。(知らない人はバッタ者。)

そのnpmコマンドの使い方をご紹介します。

続きを読む

HTML5&CSS3, レスポンシブ対応の基本フォーマットを作成した

html5 css3 image

HTMLとCSSだけで作る、レスポンシブに対応したWebページの基本フォーマットを用意しました。

  • 1カラム
  • 2カラム(左メニュー、右メニュー)
  • 3カラム(両端メニュー)

の4パターンがあります。

cssクラスを1か所変えるだけでパターン変更ができて、スマホになるとサイドメニューを下の方に表示します。

続きを読む

かんたんHTML&CSS hr, 水平線の太さ・色などの変更方法

html5 css3 image

HTMLの水平線を表示するのはかんたんで、hrタグを書くだけです。CSSでデザインの変更もできます。

太さや色、グラデーション、画像などサンプルを作りながら、かんたんに誰にも分かるように解説します。

デフォルトのhrタグのしくみもくわしく解説します。

続きを読む