CSSやHTML、javascriptやjQuery、WordPressやプラグインなど、WEBデザインにちょっと便利なTIPSのまとめブログです。サイト制作時に見つけた小ネタなどをまとめて紹介します。 WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
スマホアプリで「ボタンをタッチして画面の左や右からメニューがスライド表示される」みたいない動きをよく見ます。 ブラウザの見えない所からダイナミックにコンテンツをスライド表示させる動きを、PCサイトでも実装可能にしてくれるjQueryプラグイ
WordPressのテーマファイルをスキャンして、悪意あるコードなどの有無をチェックしてくれるプラグインがAntiVirusです。 WordPressの公式ではないテーマを利用する場合や、独自でテーマファイルを作成する場合、また公式テーマで
WordPressの検索結果一覧ページでの記事の表示順ですが、バージョン3.7から「日付順」ではなく「関連度順」というルールに変更になっています。 どちらが良いかはサイトに寄るかと思いますが、「ブログ記事一覧が日付順だから検索結果の記事も日
スマホサイトでリンクをタップすると、iPhone(iOS)ならリンク周りにグレーの影が、Androidであればリンクの周りにオレンジの枠が表示されると思います。 このグレーの影やオレンジの枠(ハイライト表示)をCSSの-webkit-tap
プラグインを使わずに、WordPress の管理画面から投稿記事をまとめて削除する方法のご紹介です。 999件の投稿記事を一度にゴミ箱へ移動する WordPress の管理画面にログイン後、左メニューの「投稿」をクリックします。 投稿一覧ペ
CSS3のborder-radiusは要素を角丸にすることができる便利なプロパティで、角丸の値を調整することで、画像や要素を正円(円形)で表示することもできます。 IE7以下でも利用したい場合は(試していませんが)、PIEなどを使えば実現可
メールフォームなどのページで、「入力内容を確認する」ボタンをクリックしたらアラートを立ち上げて、「OK」か「キャンセル」ボタンをクリックさせる方法のご紹介です。 ※今回はjavascript によるアラートウィンドウの表示方法ですが、jQu
今回は、レンタルサーバー CPIのシェアードプラン「ACE01」 で WordPress を新規インストールしようとした際に直面しがちな、厄介なエラーとその解決策について解説します。 突然 「データベース選択不可」 というメッセージが表示さ
WordPress 管理画面の右上にある「表示オプション」と「ヘルプ」のリンクを非表示にする方法のご紹介です。 「表示オプション」や「ヘルプ」を非表示にする ご利用のテーマ内のfunctions.phpに以下のコードを追加します。
テキストを縦書きにできるJavascripth2vR.jsのご紹介です。 ファイルも軽量でjQuery不要で使えますし、ちょっと縦書きにして表示したいテキストにピンポイントでクラスを付与するだけなので、CSSでも縦書きの指定ができますが個人
WordPressのセキュリティ対策の1つとして、データベースのプレフィックスにwp-config.phpのデフォルト値である「wp_」を使わないようにすることが推奨されていますが、すでに「wp_」で運用しているサイトのプレフィックスを別の
iOSでテキストフォームをタップしてフォーカスした時、ページ(の文字サイズ)が拡大表示される問題を回避する方法のご紹介です。 テキストフォームに文字を入れようとすると拡大表示される iPhone でウェブサイトを見ていて、テキストフォームに
WordPressブログでCloudFlareを使っていると、記事の画像が差し替え(メディアでアップロードし直し)になったり、CSSを編集してデザイン変更を行う場合に、何回ブラウザを更新しても昔の画像が表示されたままであったり、編集後のCS
Contact Form 7のメールフォームに確認フェーズを追加できるプラグインContact Form 7 add confirmのご紹介です。 以前に紹介させていただいた Contact Form 7 で入力確認を挟む方法 よりも手軽に