サイト作成に役立つツール・素材・HTML・CSS

サイト作成に役立つツール・素材・HTML・CSS

【図解】Canvaを使ってアイキャッチ画像に文字を入れる方法

今回はCanvaを使ってアイキャッチ画像に文字を入れる方法を紹介していきます。 Canvaはオーストラリア発のグラフィックデザインツールなんですが、画像の加工などがホントに簡単にできてしまいます。 Canvaは有料版もありますが...
サイト作成に役立つツール・素材・HTML・CSS

【図解】どのリンクがクリックされているか計測!Googleアナリティクスのイベントトラッキングの設定と使い方。計測できない場合の対処方法も紹介

Googleアナリティクスの「イベントトラッキング」を使ってどのページのリンクがどれくらいクリックされたのか?を調べることができます。 例えば1ページに複数の内部リンクやアフィリエイトリンク設置しているけど「どの位置のリンクがクリック...
サイト作成に役立つツール・素材・HTML・CSS

【図解】WordPressサイトにファビコンを設定する方法。用意するファビコンの素材探しやサイズも紹介

今回はWordPressの自分のサイト(ブログ)にファビコンを設置する方法を紹介します。 ファビコンっていうのはサイトのシンボルマークとなるアイコンです。私のこのサイトの場合はこのように表示されてます。 このように自分の...
サイト作成に役立つツール・素材・HTML・CSS

見出しの先頭にランキング用の王冠やアイコンを表示させる方法

ランキングサイトなどでよく使っている「1位」とか「2位」とかのアイコンをタイトルや見出しの先頭に設置する方法を書いてみます。 ↓こんな感じのやつ。 ちゃんと自分で変更や調整などもできるようにできるだけ詳しく書きたいの...
サイト作成に役立つツール・素材・HTML・CSS

挿入した画像をリンクにして好きなページへ飛ばす方法

今回は記事中に挿入した画像をリンクにして、画像をクリックした際に指定したURLにリンクさせる方法について書いてみます。 自作の画像を挿入して画像広告(バナー)のような感じで使えるので知っておくと便利です。記事中に挿入した画像やサイドバ...
サイト作成に役立つツール・素材・HTML・CSS

リンク先を「新しいタブ」「同じタブ」で開く方法と使い分け

今回は自分のサイトの記事などに張ったリンクが「同じタブ(同じウィンドウ)」で開いて欲しいのに「新しいタブ(新規ウィンドウ)」で開くって事や逆に「新しいタブ」で開いて欲しいのに「同じタブ(同じウィンドウ)」で開くっていう事ありますよね。 ...
サイト作成に役立つツール・素材・HTML・CSS

アイキャッチ画像に使える無料の写真素材サイト【クレジット表記不要】

アイキャッチ画像って探すの面倒で時間かかりますね。今回は私がアイキャッチ画像とか画像素材探しでよく利用しているサイトを幾つか紹介していきます。 デザインで稼ぎたい方はこちら ▶【通販LPデザイン学習ロードマップ...
サイト作成に役立つツール・素材・HTML・CSS

電話番号やメールへのリンクを作成する方法

今回は電話番号やメールアドレスをリンクにして、スマートフォン等からクリックすると電話がかけられたり、メールを送るようにできるリンクの作成方法を解説していきます。 特に自分のお店のホームページを作成する時に役に立ちます。これはスマートフ...
サイト作成に役立つツール・素材・HTML・CSS

これで解決!スタイルシート(CSS)が反映されない原因と対処方法まとめ

このサイトでアメブロとかSeesaaブログとかWordPressのカスタマイズ書いてるのですが、カスタマイズ系の記事って質問コメントがめっちゃくちゃ多いです。 ↑自分が返信した分もありますし、全てがカスタマイズ系の記事へのコメ...
サイト作成に役立つツール・素材・HTML・CSS

Twitterのタイムラインをサイドバーに表示する方法

今回はTwitterとの連携という事でサイトやブログのサイドバーにタイムラインを表示する方法を紹介していきます。 ツイッターとの連携で集客効果やフォロワーを増やせる可能性もありますし、設置も簡単です。 必要なのはTwitterの...
タイトルとURLをコピーしました