すんこのアトリエとうぐいす工房

ゼロから始めるパソコン生活

ブログ

ブログに関することを書いたカテゴリだよ。

【Google翻訳】ブログの記事を多言語対応にしてみよう!

海外の人が訪問しているから他の言語にも対応したい。自分の記事を多言語に対応させるには?簡単に出来る方法を紹介しています。

【はてなブログ】アレンジ可能!ブログ記事テクニック集

今まで記事にしたブログの記事を書くときに使えるテクニックのリンク集です。難易度別で紹介しているので気になるものがあったら試してみてね。

【KOMOJU】ECサイトでのおすすめ決済方法

最近はテクノロジーの進化によって、ECサイトなどオンラインでの販売が増えると同時に、決済方法も多様化しています。それぞれの決済方法にはメリットとデメリットがあり、お客さまの層によって、好まれる決済方法も異なります。この記事では、ECサイトを運…

イメージマップで画像の一部分だけをリンクにする方法

イメージマップ(クリッカブルマップ)を使用するといろいろなキャラクターの集合イラストなどで、クリックしたキャラクターの紹介ページへそれぞれリンクを貼るみたいなことができます。少しだけ設定が面倒ですが、簡単に出来ますよ。

CSSを使って画像を重ねて表示する方法

複数の画像を重ねて表示したいけど、どうやればいいかわからない。そんな時はpositionと言うCSSコードを使ってみましょう。

アイコンフォントFont Awesomeをアニメーションさせる方法

アイコンフォントFont Awesomeをアニメーションさせてみましょう。やはりアニメーションにすると見た目がよくなります。Font Awesomeの導入が済んでいれば簡単ですよ。

【無料で簡単!】アイコンフォントFont Awesomeの導入方法と使い方【初心者でも安心】

SNSや矢印、ボタンなど様々なアイコン。画像を用意して使用することもできますが、Font Awesomを使えば簡単に表示でき、カスタマイズできちゃいます。

【はてなブログ】駅の電光掲示板みたいな横に流れるテキストの作り方

CSSアニメーションを使って枠の中に文章を流してみたいと思います。駅の電車案内みたいな電光掲示板をイメージすればわかりやすいかな。カスタマイズすれば新着案内みたいにも使えますよ。

電子印鑑を無料で作成する方法

契約書等をメールで送る場合、印鑑はどうしたらいいの?実物がないから押せないし…そこで登場するのが電子印鑑です。法的効力はありませんが、無料で作成できますよ。

【はてなブログ】枠の中の文字をスクロール表示させる方法

これまでは文章全体を枠で囲んでいきましたが、逆に枠の大きさを固定して文章をスクロール表示させることもできます。

【はてなブログ】枠やいろいろなものを点滅させる方法

【はてなブログ】いろいろなタイトル付き枠の作り方で紹介できなかったCSS Animationと言うものを使って枠を点滅させる方法を紹介します。枠だけじゃなくていろいろなものを点滅させることができるよ。

【はてなブログ】いろいろなタイトル付き枠の作り方

文章に枠を付けるだけでなく、枠にタイトルを付けてみます。単純にタイトルを付けるだけでなく、タイトルにも枠を付けたり、タイトルの位置を変えたりもできますよ。

【はてなブログ】記事内の一部を折りたたんで隠す方法

ブログを見ていたりしていた時、ボタンをクリックすると詳細がずらっと表示されたりしたことはありませんか?今回はそんな記事内の一部を折りたたんで隠す方法を紹介したいと思います。

【はてなブログ】文章を囲ういろいろな枠の作り方

記事の文章を枠で囲む。 見た目にもかっこいいし、読みやすくなりますよね。 この枠、いろいろいじることでいろんな枠を作ることができるんです。 結構簡単にできるのでいろいろ試してみてね。

【はてなブログ】絞り込み検索ボックスの作り方【商品検索】

商品のリンク一覧ページなどで条件を付けて検索できたらいいですよね。この店舗で販売されてるもののみ表示とか、この商品だけ表示とか。今回はその絞り込み検索ボックスを設置してみたよ。

【はてなブログ】カテゴリを階層化してみよう

カテゴリの階層化。 グローバルメニューの様にメインカテゴリを選択するとサブカテゴリが表示されるやつです。 見た目もかっこいいし、SEO的にもいいみたいですよ。 記事が多いとちょっと大変だけど頑張ってみてね。

マウスオーバーで画像を切り替えて表示する方法

マウスのカーソルを合わせると画像が切り替わる。その方法とこんなのができるよって言う例を記事にしてみたよ。動いてるように見せたり、画像を重ねたりできるよ!

【はてなブログ】スライダーを任意の場所に設置する方法

ネットショップとかでよく見る画像がスライドするスライダー。私もやってみたいと四苦八苦。なんとかできたのでその方法を紹介します!

ブログの記事を書くのに役立つツールまとめ

ブログの記事を書くときに役に立つツールをまとめてみたよ。

【はてなブログ】ブログに表を作成する方法

はてな記法で簡単にブログに表を作成できるからやってみたらとにかくひどい…このままだと全く使えないので使えるようにする方法です!

【はてなブログ】自動リンク機能を停止してそのまま表示する方法

自動リンク機能。とても便利なのだけど、そのままURLを貼りたいときも勝手にリンクになっちゃうから困る。そんなときのために自動リンク機能を停止する方法を記事にしたよ。

【はてなブログ】ページ内リンクを応用して別ページの特定の場所にリンクする方法

ページ内の特定の場所にジャンプできるなら、別のページの特定の場所にジャンプできないのか?使いどころがあまりないかもだけどやってみたよ。

【はてなブログ】ページ内リンクでページ内の特定の場所にジャンプさせる方法

~の場合はここは飛ばして次の項目から読めばいいよ!みたいなジャンプ機能をつけてみた。目次みたいな機能をタグを使って任意の場所に設定できるよ!

アドセンスの検索エンジン機能を設置してみよう!

グーグルアドセンスの広告ユニットに検索エンジン機能が追加されました。 以前から細かい設定をすることで使えたのですが、今はデフォルトで使えて作成も簡単になりました。これを機に検索エンジン機能を設置しちゃいましょう!

独自ドメインを取得してはてなブログに設定しよう【ネイキッドドメインとサブドメイン】

独自ドメイン?何それ?もうわからないことだらけですね。ですが、これもグーグルアドセンス合格の第一歩です。頑張って設定しましょう。サブドメインとネイキッドドメイン、両方の設定の仕方を解説!

【User Heat】ヒートマップで記事内をチェック!

訪問してくれた人がどんな感じで見てくれてるのか気になりませんか?ヒートマップツールと言うのを使うとそれがわかるんです。今回はその中の一つUserHeatを使ってみたよ。

トレンドマイクロ社に評価してもらってサイトの安全性を証明しよう!

セキュリティソフトを提供しているトレンドマイクロ社に安全性を評価してもらって、あなたのサイトの安全性を証明しましょう。Googleもこの評価を参考にしていると言われていますよ!

Canvaでアイキャッチ画像を作ってみよう!

アイキャッチ画像って作るのなかなか大変ですよね。そんなアイキャッチ画像を簡単に作れるサイトがCanvaです!イラストが描ける人はもちろん、描けない人でも簡単にアイキャッチ画像を作れるよ。

アドレスの転送設定の解約のやり方

グーグルアドセンスに合格したら、転送設定は必須ではありません。ちょっとしたデメリットもありますがグーグルアドセンスに影響なさそうです。そこで転送設定の解約のやり方を紹介します。

グーグルアドセンスに申請できない!?アドレスの転送設定の仕方

www.付きのアドレスでグーグルアドセンスに申請するには転送設定が必要…アドレスの転送設定やってみたよ。