techronicle テクロニクル

Webサイト作成に関する情報提供サイトです。WordPress,HTML+CSSなど。

iframeの表示がおかしい。firefoxのバグ?

複数のiframeがある場合、Firefoxがうまく表示しきれないことがある。 それぞれのフレームを個別に認識してないようで、iframeの内容がずれていたりする。 IDをふるといいという情報もあったが、それでもうまくい [Read More]

サイトマップ(サイト構成)の作成

仕様書をつくったら、それをもとにサイトマップ(サイト構成)を作成します。 サイト構成の作成には、マインドマップソフトと呼ばれるツールが便利です。 おすすめのツールには以下の様なものがあります。 mindmanager パ [Read More]

仕様書の作成

サイトを作るに当たって、まずは仕様書を作成します。以下の内容をテキストファイルにまとめます。 設定項目 サイトの目的 サイトの目的を設定します。なるべく具体的に。複数あってもかまいません。サイトを二つに分けた方がいいなど [Read More]

現在地にクラスを加えるには

ナビゲーションで現在地の色を変えたいとき、WordPressでは、current-menu-itemやcurrent_page_itemというクラスを該当liに加えてくれるのでそれを利用して、CSSで設定すればいい。 W [Read More]

アニメーションgifで残像が出る問題

前回の投稿の方法で、アニメーションgifを作ったのですが、スマートフォンで見ると一部キャラクターの残像が出てしまいました。 よく見てみると、キャラクターを動かさないコマが二つ続くとその状態が現れます。 キャラクターが二つ [Read More]

jpgを背景に設定してフルカラーアニメーションgif

アニメーションgifは手軽に動くイラスト等を表現できますが、色数が限定されているのがネックです。 しかし、jpgを背景において、透過gifを使うことによりフルカラーアニメーションが可能になります。 手順はとてもシンプルで [Read More]

taxonomy.phpで、絞り込み結果の記事数を表示

taxonomy.phpで表示させた絞り込み結果の記事数を表示させたいのだが、いくら検索してみてもサンプルコードが見当たらないので、なんとかしてみようと思い組んでみた。 ちょっと力業的なところはあるのかもしれないが、以下 [Read More]

フォント選びに役立つWebサービス「Wordmark」

ロゴタイプやサイトタイトルを画像でつくるとき、どのフォントで作ったらいいか。いろいろと比較してみたいときがあります。 そんなときに役立つのが、WordmarkというWebサービス。 単語をフォームに入力して、ボタンをクリ [Read More]

有料写真サービス「123RF」の使い勝手

ミニマルなサイトをつくろうとすると、クオリティの高い写真が欲しくなります。そんなときにいいのが123RFという有料写真サービス。 外国のサイトですが、とても手頃な価格で、高品質の写真を使用できます。 チケット制になってい [Read More]

Web系ビジュアル処理ソフトFireworks

Webで使う画像処理ソフトにはいろいろなものがあると思いますが、私は昔からFireworksを使っています。まだアドビに統合される前のマクロメディア時代から。 これはアドビの写真加工ソフトフォトショップと描画ソフトイラス [Read More]

よく使うWordPressの条件分岐(判定)

WordPressで使う頻度の高い、便利な条件分岐式を紹介します。 モバイルのとき – wp_is_mobile() 現時点で、ひとつ問題があるとすれば、Androidタブレットが、モバイルとして判定されるこ [Read More]

pingについて

pingは、ブログの更新情報をpingサーバーに飛ばす仕組みです。 一般の無料・有料ブログサービスやWordPressにも設定できます。 しかし、いまではその効能はかつてほどはないと思われます。 GoogleやYahoo [Read More]

WordPressサイトのデータバックアップ

WordPressサイトのデータは、いざというときのために、定期的にバックアップすることをおすすめします。 自動でバックアップを取るプラグインなどもありますが、仕組みを理解する上でも、まずは手動バックアップをやっておくと [Read More]

アクセスが別サイトに飛ばされる

知人のWordPressサイトが別サイトに飛ばされる、というアクシデント(ハッキング?)に見舞われました。 このようなケースで疑われるのは、サイトルートにある.htaccessファイルかテーマファイル(phpファイル)で [Read More]