かれこれ5年近くワードプレスを使用したWEB制作を行っていますが、昔から変わらずWPプラグインにはお世話になっています。 一からメールフォームを作るのは大変ですが(テストなどで時間がかかるので)、ワードプレスのプラグインを利用すれば、1分でメールフォームが導入できてしまいます。しかも無料で！ そんなわけで、私は今でも多くのプラグインを利用させていただいているのですが、今回は、私が実際にこのブログで使っているお勧めしたい18個のWPプラグインを紹介したいと思います！ 私が実際に導入しているワードプレスプラグイン18選 404 Notifier 404 Notifierは、リンク切れをメールでお知らせしてくれるプラグインです。 ワードプレスの場合は404エラーが発生しても自動でトップページにリダイレクトされるので、ユーザーが直接エラーページを見ることはありませんが、運営者としてはできるだけエラ

WordPressのサイドバーにバナー広告みたいなのをほいほいと貼り付けるプラグインないかなーと思ってたら、便利なプラグインを見つけました。 http://wordpress.org/extend/plugins/image-widget/ せっかくなので、日本語の言語ファイルも作りましたので、以下からダウンロードしてプラグインのlangディレクトリ内に設置してください。 Image Widget 日本語ファイル 作者さんにも連絡済みなので、近日中に本家からのダウンロードファイルにも追加されると思います。 このプラグインを使用すると、画像のURLをWordPressコアのメディアアップローダーから選択して、リンクを貼るまでの手順がHTMLを書かなくても簡単に完結します。 HTMLに詳しくない人でもバナー画像をサイドバーに設置できるので便利ですよん。

これ、よく使う CSS テクニックなのでメモしておきます。サイトの横幅を超えて、ヘッダーやメニューをブラウザの画面一杯に広げる方法です。WordPress の Twenty Eleven に関してのメモですが、CSS のテクニックですし基本は同じなのでどんなテーマでも（ WordPress じゃなくても）応用ができると思います。 2013/01/23　追記 ヘッダーやグローバルメニュー、フッターなどの要素を親要素をはみ出してブラウザの画面いっぱいに広げる方法です。より単純化して別の記事にまとめました。以下の内容を途中まで理解した上で、スタイルシートの記述に関してはこちらの記事で確認してください。 【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック 2013/06/29 追記 Twenty Twelve をテーマとして使用している場合、少々 CSS の記載に付け加えなければならない

Resources 8 Responsive jQuery Slider Plugins Henry JonesJanuary 10, 201219 Comments03.8k Whether you’re already a pro at creating responsive web sites or your just learning what it’s all about, it’s good to have some scripts handy that you can easily integrate into your site. We all know how popular image and content sliders are now, and for good reason. So we decided to round up some jQuery slide

Twitter Bootstrapを使って短時間でWordPressテーマを作る。 2012.11.15 | この方法お勧めです！ どうもどうも、こんにちは。WP-Limeです。 Limeって黄緑色らしいです。色決めの時に、Facebookを見ていなかったら、空いている色が無くなっていて黄緑色になってしまったということで、いやぁ、何事もタイミングですなぁと思っている派です。 さて、持ち回りで月に１回書いている、このブログですが、 １回目の記事は、 案件の価格決めをどうしているのよ？ ２回目の記事は、 IT勉強会を自分で主催するメリット・デメリットと、それらを有料or無料で開く判断。 ３回目の記事は、 支払サイト＆入金サイトについて考える。 でした。 今までは、他の執筆者とのタイミングの関係で、Web制作以外のことを書きましたが、今回初めて制作寄りのお話です。 さて、「いやぁ、今日は打ち合わ

セキュリティソリューション事業部からのお知らせ セキュリティソリューション事業部のブログサイトを新たに開設いたしました。 https://blog.sie-security.com/ 今後のセキュリティニュースの投稿は上記URLのサイトからとなります。よろしくお願いいたします。 担当：TY …More Read

WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー

さて今回、会社のサイトに『WordPressテクニック』というWordPressのTips、技術情報を投稿していくコンテンツを新設するにあたり、会社情報とは独立した扱いにするために、カスタム投稿タイプを使用しました。 そこで、WordPressテクニックの一発目として、そのプロセスを記録して公開しておきます。 基本方針 元々のコンテンツ（通常ページ、投稿等）に影響を与えないように追加する なるべくプラグインを使わない デザインは別にする RSSフィードも独立 1については、既に運営中の会社サイトに併設するので気をつけたいところです。クライアント企業のサイトに設置することもありますからね。 2については、カスタム投稿タイプを管理する便利なプラグインも色々出ているんですが、まずは自分でマネージしてみないと構造の理解が進まないので。 3、４は、せっかく独立コンテンツなので、デザインもフィードも独

先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ

いま外せないレスポンシブウェブサイトをWordPressで作ってみよう! Android、iPhone、iPadと新しいデバイスがどんどん開発販売されみんなが当たり前に手に持つ時代になった昨今、 WEBデザインはPCだけでなくタブレット、スマートフォンと様々な画面サイズに合わせたサイトへの対応が必須となってきました。 最近良く聞くレスポンシブWEBデザイン（Responsive Web Design）とは、1つのHTMLでその様々なデバイスに最適化したWebサイトを見せちゃおう！という制作手法です。 「レスポンシブWEBデザインって何？」から始まって具体的にソースの記述の仕方、設計の考え方、WordPressでの構築の仕方について実例をお見せしながらお話しして行きます。 考え方がわかればどんなサイトがレスポンシブWEBデザインに向いていて、どんなサイトが向いていないのかがわかり、提案の幅が

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

先日、Responsive Grid Systemの仕様変更について記事を書かせて頂きましたが、あの反応としてやっぱりいくつかコメントもらったのが、逆に分かりにくくなったという物。 まぁ、従来の作り方とは大分変わったので、グリッドシステムとして僕の中で大事な要素の一つである『周りとの共有しやすさ』という面ではちょっと難ありかなと思うのが正直な所。一度慣れてしまえばこんな効率の良い作り方も中々無いかなと思う反面、やはり直ぐに順応するのは微妙に難しいかなとも思うわけです。 そんな経緯もあって、先日から今まで以上に他のグリッドシステムも目を通すようにしていて、今は個人ベースのプロジェクトとか小規模な物であればResponsive Grid Systemで良い物の、他の選択肢も一応用意しといた方がいいかなと思っている今日このごろです。 というわけで、今日はそんな感じでこれまでいくつか目を通して来た