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

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

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

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タグを見たのですが、特に問題なさそうでし… 詳しく読む

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

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

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

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

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

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

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

みたいなトラブルとしての空白ページの話題ばかりです。意図的に真っ白… 詳しく読む

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

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

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

 

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

バナーが反転する

 

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

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

二つの画像ファイルを切り替えるのではなく、一つの画像ファイルの中に複… 詳しく読む

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

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

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

目的

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

インストールと設定

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