ブログ-カスタマイズ
海外の人が訪問しているから他の言語にも対応したい。自分の記事を多言語に対応させるには?簡単に出来る方法を紹介しています。
今まで記事にしたブログの記事を書くときに使えるテクニックのリンク集です。難易度別で紹介しているので気になるものがあったら試してみてね。
イメージマップ(クリッカブルマップ)を使用するといろいろなキャラクターの集合イラストなどで、クリックしたキャラクターの紹介ページへそれぞれリンクを貼るみたいなことができます。少しだけ設定が面倒ですが、簡単に出来ますよ。
複数の画像を重ねて表示したいけど、どうやればいいかわからない。そんな時はpositionと言うCSSコードを使ってみましょう。
アイコンフォントFont Awesomeをアニメーションさせてみましょう。やはりアニメーションにすると見た目がよくなります。Font Awesomeの導入が済んでいれば簡単ですよ。
SNSや矢印、ボタンなど様々なアイコン。画像を用意して使用することもできますが、Font Awesomを使えば簡単に表示でき、カスタマイズできちゃいます。
CSSアニメーションを使って枠の中に文章を流してみたいと思います。駅の電車案内みたいな電光掲示板をイメージすればわかりやすいかな。カスタマイズすれば新着案内みたいにも使えますよ。
これまでは文章全体を枠で囲んでいきましたが、逆に枠の大きさを固定して文章をスクロール表示させることもできます。
【はてなブログ】いろいろなタイトル付き枠の作り方で紹介できなかったCSS Animationと言うものを使って枠を点滅させる方法を紹介します。枠だけじゃなくていろいろなものを点滅させることができるよ。
文章に枠を付けるだけでなく、枠にタイトルを付けてみます。単純にタイトルを付けるだけでなく、タイトルにも枠を付けたり、タイトルの位置を変えたりもできますよ。
ブログを見ていたりしていた時、ボタンをクリックすると詳細がずらっと表示されたりしたことはありませんか?今回はそんな記事内の一部を折りたたんで隠す方法を紹介したいと思います。
記事の文章を枠で囲む。 見た目にもかっこいいし、読みやすくなりますよね。 この枠、いろいろいじることでいろんな枠を作ることができるんです。 結構簡単にできるのでいろいろ試してみてね。
商品のリンク一覧ページなどで条件を付けて検索できたらいいですよね。この店舗で販売されてるもののみ表示とか、この商品だけ表示とか。今回はその絞り込み検索ボックスを設置してみたよ。
カテゴリの階層化。 グローバルメニューの様にメインカテゴリを選択するとサブカテゴリが表示されるやつです。 見た目もかっこいいし、SEO的にもいいみたいですよ。 記事が多いとちょっと大変だけど頑張ってみてね。
マウスのカーソルを合わせると画像が切り替わる。その方法とこんなのができるよって言う例を記事にしてみたよ。動いてるように見せたり、画像を重ねたりできるよ!
ネットショップとかでよく見る画像がスライドするスライダー。私もやってみたいと四苦八苦。なんとかできたのでその方法を紹介します!
はてな記法で簡単にブログに表を作成できるからやってみたらとにかくひどい…このままだと全く使えないので使えるようにする方法です!
自動リンク機能。とても便利なのだけど、そのままURLを貼りたいときも勝手にリンクになっちゃうから困る。そんなときのために自動リンク機能を停止する方法を記事にしたよ。
ページ内の特定の場所にジャンプできるなら、別のページの特定の場所にジャンプできないのか?使いどころがあまりないかもだけどやってみたよ。
~の場合はここは飛ばして次の項目から読めばいいよ!みたいなジャンプ機能をつけてみた。目次みたいな機能をタグを使って任意の場所に設定できるよ!
ブログを始めたら自分の好きなようにデザインを変更したいですよね。私のブログで行なったカスタマイズを紹介します!中にはグーグルアドセンスの審査にも影響しそうなものもあるから参考にしてみてね。