「WordPress」の記事一覧

前回の記事「サーバーにgzipを導入してみました」でgzipを導入したのですが、その際にうっかりミスで.htaccessを消してしまい、トップページ以外が表示されなくなるというトラブルが起きました。 .htaccessを消してしまった理由 「サーバーにgzipを導入してみました」で.htacce... 続きを読む

最近アドセンスの管理画面で「スコアカード」という物が表示されるようになりました。 スコアカードがどんな物かというと、アドセンスの改善点を教えてくれます。 うちの場合は「ページの読み込み時間のパフォーマンス」というのが改善の必要が有りでした。 このブログの表示速度が遅いと。 そこで、「分析したペー... 続きを読む

今までトップページはただ最新の記事が10件載っていただけ。 面白味も何もない状態。 そこで、以前からやりたかったおすすめ記事の表示にチャレンジしてみました。 その結果がこちらです。 以前の状態よりよくなりました。 こちらは修正前です。 まぁトップページはアクセス数少ないので、訪問者が見... 続きを読む

デジカメのSDカードの内容をNexus7へコピーし、それをWordPressへアップロードして記事を書くという流れがちゃんとできるのかを試してみました。 まずはchromeを使用したところ、「メディアを追加」のボタンが動きません。 これではどうしようもないので、WordPressのアプリを使ってみ... 続きを読む

この記事はNexus7から書いています。 明日にでも細かく書きたいと思いますがNexus7からの投稿は結構大変です。 いろいろトラブりました。 ワードプレスのアプリとIMEの相性も悪く、この記事を書くだけですごく時間がかかってしまいました。... 続きを読む

画像付きの関連記事を表示してくれるlinkwithinを導入を導入しました。 この記事を公開した直後だとまだテキストリンクだけの記事ばかりだと思います。クローラーがクロールするまでテキストリンクが表示されるらしいです。 記事の下の方に置いちゃうとYARPPとかぶるので、とりあえず記事の上に設置... 続きを読む

9月中にエックスサーバーからさくらのVPSに乗り換えます。 VPSの設定がほぼ終わり、とりあえずこのブログは現在さくらのVPSで動いています。 PHPspeedのベンチマーク結果 サーバーが動くようになって一番はじめに試したのがPHPspeedです。 こちらは以前エックスサーバーで計測した時の... 続きを読む

このブログでテーマを作成していく様子を書いていくつもりだったけど、記事にしながらだとすごく時間がかかりそうだったので、とりあえず記事にはせずテーマを作りました。 今後徐々にテーマの作成の記事を増やしていきます。 目標としていた ・固定ヘッダーを使う ・CSS3を使う という2点は達成できてよかっ... 続きを読む

前回のサーバーの乗り換え候補を探す。（エックスサーバーやさくらのVPSなど）という記事で書いていたように、乗り換え先はエックスサーバーに決めました。 そして、さくらにインストールしていたMTと、 XREAにインストールしていたWordPressをエックスサーバーへ無事移転できました。 多少手間... 続きを読む

デザイン自体はまだ未作成だけど、とりあえず固定ヘッダーを試してみた。 フッターまで固定にすると表示範囲が狭くなるのでヘッダーだけ。 参考にしたのはこちら。 ヘッダとフッタを固定して常に表示 実際に作成したのはこちら。 iPhoneでの表示も確認済み。 HTML [html] <!DO... 続きを読む

WordPressを使い始めてまだ2ヶ月経ってないくらい。 まだまだ知らないことばかり。 この記事の結論を先に書いちゃうと、「現在使用中のテーマは更新しちゃ駄目」。 WordPressで管理画面に入ったとき、テーマの更新情報が表示されていました。 使用中のテーマの更新は初めて。 テーマを更... 続きを読む

WordPressで管理画面もサイトも表示されないという状況に今日も含め2度起こりました。 無事解決したのでその備忘録です。 1回目はコメントが書かれたというお知らせメールの「スパムとしてマークする」にチェックを押した直後。 （実際はそれ以前に表示されない状態になっていた可能性もあります。） 2... 続きを読む

WordPressデザインブック3.x対応がこの前届いたのでざっとですが読みました。 WordPressを使ったことが無い人がいきなり読んでも難しそう。 その場合はレッスンブック、デザインブックという流れにした方がいいと思います。 WordPressを使ったことがあるのなら、いきなりデザインブ... 続きを読む

WordPressでHTML5を使用するにあたり、以下の新要素を使うことにしました。 header footer section article navi aside 以下の記事を参考に使っていこうと思います。 【MdN Design Interactive連載連載　第3回目】HTML5で新し... 続きを読む

WordPress レッスンブック 3.x対応の方は以前購入したので持っていましたが、「WordPressデザインブック3.x対応」も今日注文しました。 基本から応用テクニックまで書かれている本です。 注文した理由は、のぽりんさんのブログの「WordPress のデザインの仕組みがよくわかった... 続きを読む

linear-gradient()は線形グラデーションの効果をつけられます。(firefox) safariやGoogle Chromeなどのwebkitの場合、gradient()になります。 それぞれ書式が違います。 linear-gradient() （safariで見てください） ... 続きを読む

昨年から友人たちと何度か沿線ウォーキングをしていて、 今週の土曜日は一人で井の頭線をウォーキングしてくるつもりです。 せっかくなので、沿線ウォーキングのブログを作っちゃいます。 これからも沿線ウォーキングをすると思うので。 もちろん使うのはWordPress。 ただ、あまりカスタマイズはしな... 続きを読む

rgba() 色の指定に透明度が加わった物がrgba()です。 [css]background-color:rgba(100,100,100,0.5);[/css] 1個目が赤色の指定 2個目が緑色の指定 3個目が青色の指定 4個目が透明度（alpha）の指定 透明度は0が透明で1が不透明... 続きを読む

post_idに問題 このブログを作成したときにパーマリンクは /%category%/%post_id% と設定していました。 ただ、記事を追加するたびに記事番号が飛び飛びに。 どうやらプレビューや自動保存でどんどんpost_idが増えていく仕様のようです。 ちょっと気持ち悪いけどまぁい... 続きを読む

transition transitionは時間的変化を付けます。 基本的にはhoverで使うことが多いようです。 （ベンダープレフィックスはgoogle chrome用しか使っていないので、 google chromeで見てください。） [css] div.trans{ width:... 続きを読む

text-shadow box-shadowに使い方が似ているtext-shadowです。 text-shadowは文字に影をつけるプロパティです。 [css]text-shadow:3px 3px 3px black;[/css] 1番目が横への長さ 2番目が縦の長さ 3番目はぼかしの距離... 続きを読む

box-shadow border-radiusと共に使用頻度の高くなりそうなbox-shadowです。 box-shadowは影をつけるプロパティです。 いくつか使用例を書いていきます。 どれも縦横100pxのサイズに適用しています。 （google chromeで見てください。） [... 続きを読む

WordPressでテーマを作成しようと思っていろいろなサイトを巡っていたところ、 おすすめとして書かれていることの多かった「WordPress レッスンブック」。 自分もテーマを作成しようと思っていたので購入してみました。 まだテーマを作成する段階ではないのでざっと軽く見ただけですが かなり... 続きを読む

border-radius まずは使用頻度が高くなりそうなborder-radiusです。 border-radiusは角丸を指定するプロパティです。 いくつか使用例を書いていきます。 どれも縦横100pxのサイズに適用しています。 （google chromeで見てください。） [cs... 続きを読む

WordPressのデザインを作成する前にまずCSS3を身につけたいと思います。 （テーマ作成のカテゴリに入れていいのか迷いましたが、 テーマを作成するための一連の流れなので「テーマ作成」カテゴリに入れました。） CSS3を使ったことがないとはいえ、時々CSS3のソースを見かけることはあります... 続きを読む

WordPressのテーマを作成する理由 正直なところ、WordPressはまだ使い始めたばかり。 まだ1週間も経ってないくらいです。 MTの時もそうでしたが、使い始めたらすぐにテンプレートを作成し始めました。 理由は・・・人の作ったテンプレートは使いにくいから!! 自分が作成したテンプレー... 続きを読む

しばらくの間はWordPress関連でソースを貼ったりすることが多くなると思うので、ソースの見た目が綺麗になるSyntaxHighlighterプラグインを入れてみました。 管理画面の「プラグイン」＞「新規追加」で「SyntaxHighlighter」を検索すると見つかります。 ちゃんと表示... 続きを読む