スポンサーリンク
WordPress

WordPressでURLをすべて相対URLにする方法

ウェブサイトの相対URL化は、環境移行やステージング作業の簡素化に繋がる重要なテクニックです。特にWordPressのような動的なCMSでは、データベースに絶対URLが保存されるため、対応に工夫が要ります。なぜWordPressのURLを相...
jQueryプラグイン・ライブラリ

[jQuery]シンプルなドロップダウンメニューが簡単に実装できるプラグインDroppy

ヘッダーのグローバルメニュー等で、マウスオーバーによるドロップダウンメニューを実現させるためのjQueryプラグインDroppy。シンプルなプラグインなので手軽に設定できますし、メニューの階層が深い場合でも入れ子のドロップダウンメニューが実...
WordPress

[WP]WordPressで記事にページ送りを付けて分割する方法

ニュースサイトや特集コンテンツなどで、記事が1ページ、2ページ…、3ページ…と分割されているのをよく見かけます。WordPressで記事を書く場合も同じように記事を複数ページにを分割する機能を利用できますので、今回は記事を分割する方法をビジ...
CSS擬似要素・擬似クラス

[IE]IE6でも疑似クラスの:hoverを使う方法のまとめ

IE6 では疑似クラスの :hover が <a> タグ以外では使いないので、IE6対応として「ビヘイビア」と「Javascript のライブラリ」を使って hover をIE6でも利用する方法をまとめてみました。csshover.htc ...
Macアプリケーション

[Mac]不要なアプリケーションを削除するにはApp Cleanerが便利

Macのアプリケーションはそのままゴミ箱に入れれば消去できますが、関連ファイルやゴミファイルが色んな所に残っている場合がありますので、特にアンインストーラーの無いアプリケーションを削除する場合はApp Cleanerがおすすめです。App ...
WordPress

[WordPress]タグやカスタムフィールドまで検索対象を拡張できるプラグインSearch Everything

WordPressの検索範囲を拡張できるプラグインSearch Everythingのご紹介です。Search Everythingにより、通常の投稿記事以外にも「カスタムフィールド」や「タグ」なども検索対象に含めることができるだけでなく、...
WordPress

[WP]WADAXにWordPressをインストールする際の手順と注意点、トラブル解決方法のまとめ

たまにWADAXの共用サーバにWordPressを入れてWEBサイトを構築するケースがありますので、インストールから各種設定、WADAXサーバ利用時の注意点まで、備忘録としてまとめました。わたし個人がインストールする際の手順ですので、「コレ...
HTML

[HTML]特定のファイルを閲覧禁止にしたりベーシック認証をかける方法

.htaccessで特定のファイルの閲覧を禁止する方法と、.htaccessと.htpasswdを使って特定のファイルへBasic認証を設置する方法のご紹介です。特定のファイルを非表示閲覧されるとまずいログデータやファイル、画像データなどが...
IE

[IE]IE9だとIETesterで「印刷」「印刷プレビュー」など一部正常に動かない機能がある模様

IETesterを使ってIEチェックしていると、「印刷」「印刷プレビュー」が正常に動作しない…と少しハマりました。いろいろを調べているとこんな記事が紹介されていました。IE9が入ってるとIETesterのIE6でPNG表示が死ぬ結果、原因は...
WordPress

[WordPress]IFTTTで投稿記事をFacebook(個人)のタイムラインに連携させる方法

前回のIFTTTでWordPressの投稿記事をTwitterに連携させる方法に続いて、今回はWordPressとFacebook(個人)の連携を試してみたいと思います。Twitter連携でIFTTT側の基本設定(WordPress側の設定...
WordPress

[WordPress]投稿記事でPHPを実行できるプラグインExec-PHP

投稿画面などででPHP を実行できるWordPressプラグインがExec-PHPです。他にも runPHPのような同じ機能を持ったプラグインがありますが、Exec-PHP はテキストウィジェットでもPHPを実行できるので、ウィジェットを多...
WEBサービス

URLを簡単にエンコード、デコードできるサイト「URLエンコード・デコードフォーム」

URLに日本語が含まれるサイトにアクセスすると、URLが %3%y9%97897%… みたいな文字列になっていると思います。これは日本語が対応していないので、対応している文字列に変換されている訳ですが、サイトを構築する上でも意図的にURLを...
WordPress

WordPressでカテゴリIDから名前を一撃取得する最短コード

なぜカテゴリ名だけを取得する必要があるのか?多くのWebデザイナーやコーダーがWordPress案件で直面するのが、「特定のカテゴリ情報の中から、純粋にカテゴリ名だけ」を取り出したいという場面です。the_category() や get_...
WordPress

[WP]IFTTTでWordPressの投稿記事をTwitterに連携させる方法

Twitter、Facebook、LinkedInなどの主要なSNS からFlickr、foursquare、Gmail、Google Calendar、Google ReaderなどのWEBサービスまで簡単設定で連携できてしまうIFTTT...
WordPress

[WordPress]投稿IDをそのまま記事のスラッグにできるプラグインSlugs or PostID

WordPressの投稿記事におけるスラッグを、自動で投稿IDにするためのプラグインがSlugs or PostIDです。善し悪しは運用するブログによると思いますが、パーマリンクをカスタム構造ではなくデフォルトのまま使っている場合、記事のタ...
CSSプロパティ

[CSS]CSSで画像を透過させる際はIE6用にfilter:も併用する

リンク画像をロールオーバーさせる時など、要素を半透明にする場合はCSS の opacity プロパティを利用すれば動きます。CSS3 からは opacity 1つで、モダンブラウザはほぼ動くようになったみたいですが、IE6で動かない。。。も...
jQueryプラグイン・ライブラリ

[JS]SimpleModalとjQuery Cookieによる認証ボックスの実装方法

18禁サイトのように、サイト訪問時に年齢確認などのアラートボックスを表示させ、「認証」ボタンを押したら次回のアクセス時からはアラートを出さないようにする、という処理のご紹介です。jQuery プラグインのダウンロードアラートボックスにはSi...
WordPress

[WordPress]プラグインを使わずにログイン画面を変更(カスタマイズ)する方法

企業様向けにWordPressサイトを納品するに当たり、「ログイン画面を変更する必要がある」なんて時に便利なカスタマイズです。例えば「ロゴを変更する」「背景の色を変更する」「ボタンを変更する」のようにオリジナルのログインフォームへと変更する...
WordPress

[WP]WordPressのページファイル(page.php)で個別にテンプレート名を付ける方法

WordPressではpage.phpを複製してpage-○○○.php のように個々にテンプレートファイルを持つことができるので、固定ページ別に全く違ったデザインにすることも可能です。ポイントは、page-○○○.phpにTemplate...
WordPress初級編

[WP]WordPressの認証用ユニークキーを設定する方法

WordPressインストール時に編集するwp-config.php。その編集項目の1つである認証用ユニークキーについて、今回はキーを簡単に生成できるジェネレータも交えながら紹介させていただきます。WordPressの認証用ユニークキー秘密...
CSSプロパティ

[IE]IE6〜IE8でも一部のCSS3プロパティが使えるPIE.htcの使い方と動かない時の対処法

IE下位バージョンでもCSS3のborder-radiusやbox-shadow、linear-gradientなどを利用できる便利なPIE.htc。今回はこのPIE.htcファイルの基本的な設置方法から、動かない時の対処法まで簡単にまとめ...
WordPress

[WP]WordPressファイル一式を置いたディレクトリとは異なるディレクトりでheader.php などのテンプレートファイルを使う方法

例えば、WordPress一式を置いたルートディレクトリ()から一階層下げた「」のディレクトリにランディングページを作る場合、このランディングページにはWordPressに関連するファイルが何も入っていないのですが、ルートディレクトリに置い...
WordPress

[WordPress]管理画面のHTMLエディタを無効にしてビジュアルエディタだけ表示させる方法

WordPressの管理画面で記事を投稿する際、HTMLエディタとビジュアルエディタとを切り替えながら利用すると、< >などのタグが&lt;や&gt;などに変換され、レイアウトが崩れる場合があります。個人的にはHTMLエディタ1本で統一する...
Javascript・jQuery

[JS]jQueryを利用してIEで出現する「リンク画像の点線」を消す方法

画像をaタグでマークアップする際、IE以外のブラウザだと問題ないですが、IEで見ると点線が出て気持ち悪いのでjQueryを利用してフォーカスを外します。jQueryを利用してフォーカスを外すjQueryを利用して点線を出さないようにします。
IE

[IE]バージョン別に条件分岐させるif構文のまとめ

IE6にのみ特定のjavascriptファイルを有効にさせたり、IE8以下には専用のスタイルを適用させるなど、今でも何かと必要になるIE向けの条件分岐。今回はそのようなif構文による条件分岐を、IEのバージョン6〜8に絞ってまとめました。I...
スポンサーリンク