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

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

ブログ-カスタマイズ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【はてなブログ】あなたのブログをカスタマイズ!

ブログを始めたら自分の好きなようにデザインを変更したいですよね。私のブログで行なったカスタマイズを紹介します!中にはグーグルアドセンスの審査にも影響しそうなものもあるから参考にしてみてね。