カテゴリー別アーカイブ: サイト変遷

神経衰弱ゲームをトップページのカバーとして設置

神経衰弱ゲーム、意図したデザインにかなり近づいてきたので、これをトップページのカバーにしました。「まるおか」の名前を冠した社名ですので、神経衰弱の素材は「まるおか散策」です。

web20151014

いろいろな人のアドバイスをいただいていて、システムやデザイン的な改良に反映させています。ありがたいことです。

もちろん、今後も改良を重ねていくつもりですが、一旦は10月17日でゲームのシステム部分の開発は完了にします。

次は素材を集めるフェーズですね。

詳しく読む

Twitter Cardにog:imageが表示されない原因を特定して修正

4時間ぐらいハマりました・・・Twitterで自分の描いたイラストページをツイートしたのですが、Cardにイメージがきちんと表示されませんでした。(2015-09-20時点)

Twitter Cardにイメージが表示されない

このページを紹介しようとしました。

ライオン
【7週間目】社長の画力を3ヶ月でアップさせる【道具が楽になって練習回数が増える】

しかし、最初はこんな感じでした。イメージが表示されていません。

og:imageが正常に表示されない

イラストページでTwitter Cardにイメージが表示されないのは致命的。いろいろ切り分けして、原因突き止めて修正しました。

og:imageが正常に表示される

サイトのTLS/SSL化を目指して裏目に出た

Twitter Cardのmetaタグを見たのですが、特に問題なさそうでした。また、og:imageの画像も指定のURLで表示されるので、一見問題なさそうです。… 詳しく読む

コンテンツしか表示しない空白ページのWordPressテーマを「Bones」をもとに自作

コンテンツだけ真っ白なページに表示させたい

  • メニューウィジェットもいらない
  • サイトタイトルもいらない
  • ページタイトルもいらない
  • 投稿情報とか一切いらない

ということで、WordPressのテーマがないか探したのですが、以外なことに見つかりません。

で、「WordPress 空白ページ」でGoogleさんに聞いてみました。

・・・いっぱい出てきます。が

  • トラブルで真っ白になったページ、どう対応すればいい?

みたいなトラブルとしての空白ページの話題ばかりです。意図的に真っ白ページを作りたいのですが、そういう方法が見つかりません。そもそもないのか、埋もれてしまっているのか、どちらかわかりませんが、困りました。… 詳しく読む

CSSスプライトでマウスが重なると画像が変わるバナーを設定

ここ一週間(8月10日頃から8月19日今日まで)、このサイトをかなりいじっているのですが、いじっている部分はデータベース部分なので見た目の違いは全くわからないと思います。

数少ない見た目関係でいじっているところは、動画のバナー部分です。

 

このバナーは、ポインタを重ねると、バナーが暗くなるようにしています。

バナーが反転する

 

反転する前の画像と、反転後の画像ですが、一つのファイルに収まっています。つまりこんな感じ。

ポインタが重なっていない時には上の部分、重なっている時は下の部分が表示される作りになっています。

二つの画像ファイルを切り替えるのではなく、一つの画像ファイルの中に複数の画像を入れ、状況に応じて部分分を見せることで画像が切り替わっているように見せるウェブ画像処理上のテクニックです。ここで使っている手法は… 詳しく読む

古い学習動画記事からRedirectionプラグインで、新記事に誘導(301リダイレクト)

私は学習動画を作っているのですが、同じテーマの学習動画を新たに作りなおした時には、古い動画記事ではなく、新しい動画記事の方をみていただきたいと考えています。

そのようなときに利用するWordPressのプラグインが「Redirection」です。

目的

  • 古い記事にアクセスした閲覧者をすぐに新しい記事に誘導する
  • 検索エンジンにも上述のことを認識させる

インストールと設定

  1. WordPressプラグインで「Redirection」を検索し、インストール
    Redirectionインストール
  2. インストールが完了したら、[設定]→[Redirection]を選択Redirection設定
  3. 下の方にリダイレクト情報を追加するフィールドがあるので、情報を追加して保存
詳しく読む