【主に自分用】borderのみを使ってサックリと作る見出し9つ
ブログを作成していると、見出しのデザインで迷ったりしますよね(自分が初めそんな感じでした・・・)。 CSSのborderを使うと、比較的サックリと見出しのデザインが作れたので、自分用のメモ書きです。 その前に・・・ 今回使ったCSSのプロパティは、ほとんど以下の3つになります。 border margin padding...
View Articlelinear-gradientを使った強調表示のサンプル1つ(主に自分用(´・ω・`))
色々な方のブログのデザインって、見ているだけで楽しいものってありますよね。 そんな中、いつも参考にさせていただいているブログさんで素敵な強調表示がありましたので、少し真似をしてみました。 突然ですが! 個人的に好きなブログさんで『クリエイティブメモメモ』というブログがあります。 クリエイティブメモメモ...
View Article弊ブログにも「W3 Total Cache」を入れてみました
今まで弊ブログではキャッシュ系のプラグインを一切入れていなかったのですが、先日ようやく導入してみました。 その結果等のご報告です。 測定に使用したサイト・ツール 測定には以下の2つのサイトとツールを利用させていただきました。 GTmetrix | Website Speed and Performance Optimization 色々なブログさんの記事にて紹介されているものですね。...
View Article【CSS】attrを使ってツールチップっぽいものを表示(主に自分用)
以前、全く別の件で探しものをしている最中、CSSの「attr」というものを見つけました。 こちらが少し面白そうだったので、少しいじってツールチップのようなものを作ってみました。 attrを使ってみました 下のサンプルではどちらも文章が並んだだけの形ですが、2つ目の文章の後半、色が変わっている箇所が『title』に入っている中身となっています。 HTML <p><a...
View Article【CSS】見出しの前に四角形を書く(主に自分用(´・ω・`))
ブログの見出しのデザイン等で、四角形を使って何かしたいという時って、たまにありますよね。 そのまま「■」と打ってもいいかと思いますが、都度「■」を打つのは個人的に若干手間に感じました・・・。 と、いうことで今回は見出しの前に四角形を作る方法です。 【CSS】見出しの前に四角形を書く HTML...
View Article【CSS】先頭に四角形が入った見出しのデザインを真似してみました
先日、CSSで見出しの先頭に四角形を書く方法についてご紹介させていただきましたが、今回はそちらを使用して色々なブログ・サイトさんの見出しのデザインを真似してみました。 目次 注意 あなたのスイッチを押すブログ creive【クリーブ】 startapp Webクリエイターボックス MdN Design Interactive Infoaxia(インフォアクシア) 参考サイト...
View Article【WordPress】キャプション用のクラスってあったんですね~・・・
現在、少しずつテーマの変更を行っています。 今まで画像に付けるキャプションは適当に作ったクラスを使っていたのですが、WordPressにはキャプション用のクラスもあったのですね。 今までは・・・ 下の画像のように「p class=”caption”」と、自分で適当に作ったクラスを使い、記事作成の画面から文字を直接入力していました。 wp-caption-text...
View Article【WordPress】記事内の文字列を一括で変換してくれるプラグイン:Search Regex
記事が増えれば増えるほど、特定の同じ文字列を変えていくのは大変面倒ですよね。 今回は、そんな文字列を一括で置き換えてくれるWordPressのプラグインがありましたので、ご紹介です。 今までは・・・ ブログのタイトルを<h1>、記事のタイトルから<h2>にしていました。 ただ、他の方のブログを見てみますと、記事のタイトルから<h1>を使用されているケースがほとんどだったんですよね。...
View Article【WordPress】ログイン履歴を記録してくれるプラグインを入れて2ヶ月が経ちました
何かが起こるまで重い腰がなかなか上がりません・・・。 以前あった、ロリポップを利用しているブログが改ざんされた問題の後、ログイン履歴がわかるプラグインを入れたのですが、こんな小さなブログでもアクセスを試みた後が残っていました。 Crazy Bone(狂骨) wokamoto/crazy-bone · GitHub WordPressへログインした記録を残してくれるプラグインになります。...
View Article【Google+】弊ブログのカスタムURLの設定をしました
先日、GoogleからGoogle+のカスタムURLが設定できるようになったとのメールをいただいたので、早速自分のブログでもURLを設定してみることにしました。 カスタムURLの取得 問題のメール 恐らくカスタムURLを取得出来る場合は、下のようなメールが届いているかと思います。 こちらの「URLを取得」をクリックすると、設定画面へ移動しました。 他には Google+ページの上の方や・・・、...
View Article
More Pages to Explore .....