宇佐美典也のブログ 宇佐美典也（うさみのりや）です。1981年、東京都生まれ➡暁星高校➡東京大学経済学部➡経済産業省➡ブロガー・ニート➡再生可能エネルギー業界の端っこ（今ココ）なにかあれば[email protected]までご連絡を。 お問い合わせ プライバシーポリシー 個人情報保護方針 去る2015年9月19日、サーバーを借りているlolipopから通知が有りまして３年間程運営していたブログがウイルス感染のためあっけなく閉鎖することになりました。 9月15日頃にいわゆるボットが発動したものと思われ、私が借りていたサーバーから大量にSPAMメールが撒かれていたようです。以下9/15から9/16にかけてlolipopから通知があった撒かれたスパムメールの件数です。 （9/15 ） 21:39　➡　314通 22:12　➡　335通 23:09　➡　306通 （9/16） 0:18

すべての社員がリモートワークの「WordPress.com」運営会社・Automattic社って？ 唯一の日本在住スタッフ、高野直子さんに話を聞いた ライフハッカー［日本版］では新しい働き方の1つとして、「リモートワーク（在宅勤務）」についてこれまで何度か取り上げてきましたが、日本ではいまだほとんど浸透していないように思います。そこで今回は、日本国内でリモートワークを実践している「WordPress.com」の運営会社・Automattic社で働く高野直子さんにインタビューしました。 オープンソースのブログ、CMS（コンテンツマネジメントシステム）としてトップレベルの知名度を誇るWordPressですが、その創始者が運営しているAutomattic社についてはよく知らないという人が多いのではないでしょうか。すべての社員が特定のオフィスを持たず、世界60カ国以上に散らばってリモートで業務をこ

HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードしたり、ブックマークしておいて、すぐに確認できるようにしておくと便利ですね。

WordPress - 大全集 2015.09.11 2017.08.26 誰でも簡単にできる、WordPressを別ドメインに移設する方法 WordPressでサイト制作を行っていると、はじめは仮ドメインに設置 → 公開のタイミングで本ドメインに切り替えるという作業が必要になることがあります。 また、先の記事で紹介したテスト環境から本番環境に移設する時にも必要な工程です。 XAMPPを用いてテスト環境を構築する方法 MAMPを用いてテスト環境を構築する方法 移設の難しさ しかしながら、初めてこの作業を行うと結構苦労します。 移設を行う場合の一番の問題点は、公開URLが変更になることです。 公開URLが変更になることで下記のような問題点が起こります。 公開URLの設定が正しくないとWordPressの管理画面にログインができなくなる。 テーマファイルのCSSやJavaScriptが読み込ま

HTMLファイルのほうが多くを占めるサイトの場合、「既存のテーマファイルをカスタマイズするより、htmlファイルをベースに構築したほうが早いかも」、と思うことがあり、最低限どこを直していけばいいかを書いてみたいとおもいます。 テーマの基準となる.htmlファイルを /WPの置かれているフォルダ/wp-content/themes/new_theme 内にコピーします。ファイル名は、index.php に変更。 「new_theme」は、好きなテーマファイル名でOKです。 css、js、画像フォルダは、既存のhtml郡の中に置いたままでもいいですし /new_theme内に複製コピーしてもOKです。 各ファイルパスだけ、相対パスだとWPのパーマリンク設定によってはうまく動かないことがあるので WPのテーマフォルダと違うところにある場合は絶対パスで http://xxxx.com/css/cs

ものすごいWordpressテーマが出たなーという事でこちらでもご紹介。北米圏で様々なテンプレート販売を行っている大御所と言えばTemplate Monsterが大御所かと思いますが、ここから（現時点では）究極と言って良いんじゃないかというレベルのWPテンプレート「Monstroid」が登場しました。 今までこのブログでは有料WPテーマの紹介等はしたことが無かったのですが、巷で結構ニュースになっていたのでこちらでも共有させて頂ければと思います。 とにかく、ありとあらゆる機能が実装 驚くべきはその機能面／選択肢の充実度です。145種類に渡るページテンプレート、120を超えるPSDファイル、50を超えるライセンス付きのイメージ画像。 バックアップは勿論、当たり前のようにレスポンシブデザインにも対応し、スキン変更も自由自在、E-Commerce機能にSEO対策済みで、Analytics実装、サー

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

WordPress おすすめプラグインに「All in One SEO」などの SEO プラグインが含まれているのをよく見ますが、本当に必要なのでしょうか。 実のところ、ほとんどのサイト・ブログでは導入する意味がなく、むしろ悪影響となっています。少なくとも、SEO プラグインを入れるだけで検索上位に入りやすくなる、ということはありません。 プラグインの役割や注意点を解説すると共に、導入が必要なサイトに向けて 2024 年時点でのおすすめ SEO プラグインをご紹介していきます。 SEO プラグインの役割 SEO プラグインの役割には、以下のようなものがあります。 ページタイトルとして使われる <h1> と <title> を別々にできる 各ページの meta description を設定できる OGP を出力・制御できる 各ページの noindex / nofollow を制御できる ペ

staff.hatenablog.com ↑いいの出たので画像を移行したくてこのページをご覧になった方はこの機能をご利用ください!!!! 結構前から父親のブログをWordPressでやっていて、最近ずっとメンテがだるいと思っていた。 staff.hatenablog.com この前はてなブログがWordPressインポートに対応したので、WordPressからはてなブログに移行してみた。手順は以下の通り。 まず、ツール＞エクスポートを選択して、全てのコンテンツをWXR形式でエクスポートした。 次に、画像をはてなフォトライフに上げ直した。といっても、もちろん手動で上げ直すのは生産的でないので、アップロードするためのスクリプトを書いた。はてなフォトライフにはAtomAPIがあるので、これを活用した。 masawada.hatenablog.jp 基本的にはこの記事に書いた通りでアップロードする

はてなブログでは、ブログ運用ツール WordPress からエクスポート（バックアップ）したブログデータを記事として読み込めるようにしました。これまでのMT（Movable Type）形式に加えて、WXR（WordPress eXtended RSS）形式のファイルをインポートできます。 レンタルサーバー等で運用しているWordPressのブログのほか、WordPress.comなどのホスティングサイトから、はてなブログに移転・引っ越すことができます。どうぞご利用ください。 WordPressからブログデータをエクスポートするには WordPressのエクスポート機能を利用できます。下記のドキュメントなどを参照してください。 管理画面/ツール/エクスポート - WordPress Codex 日本語版 Tools Export Screen « WordPress Codex Export

はじめに 最近、WordPressに興味が出てきたのでAWS上に構築して勉強しているのですが、AWSとWordPressって相性いいんじゃないかと思うことが何点かありました。そこで自分が気づいたWordPressをAWSに構築するメリットをまとめたいと思います。今回はWordPressの4.2.2 を使って試しています。 WordPressをAWSに構築すると得られるメリット一覧 静的コンテンツをAWSのサービスから配信できる ローカルに静的コンテンツを置かないことでスケールアウトできる 構築したHTMLファイルをS3でホスティングできる 簡単にWordPressのバックアップが作成できる Web開発に便利なサービスが使える Elastic Beanstalkを使って簡単に構築できる [おまけ]Amazon SESと連携できる 1.静的コンテンツをAWSのサービスから配信できる WordP

どうも、ブログマーケッターJUNICHIです。 やっと発表できました！ ちょくちょくお問合せを受けていたんですが、僕が今使っているWordPressのテーマ『ALBATROS（アルバトロス）』が本日リリースされました！！ 全てはブログマーケティングの為に作られたといってもいいこのテーマ。 ただ、初めに言っておきます。このテーマは「有料」です。 でも、絶対に有料の価値があるテーマです。 デザイン・機能・扱いやすさ、どれを取っても最高レベルのワードプレステーマのALBATROS（アルバトロス）。 今回は、その魅力をたっぷりお伝えします。 あなたも、今すぐこのテーマを使いたくなること間違いなし！ なぜ、WEBサイトのスマホ対策が必要なのか？ なぜ、WEBサイトのスマホ対策（スマホビューの最適化）がそれほどにまで重要か知っていますか？ 2015年4月21日、Googleがウェブサイトがモバイルフレ

WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.(&#91;Hh&#93;&#91;Tt&#93;&#91;Aa&#93;)"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。

WordPressの制作の準備、制作、公開、SEOやセキュリティやメンテナンスなど運用における、WordPressでサイトやブログを運営する際の大切なポイントをまとめたチェックリストを紹介します。 Killer WordPress Checklist: 101+ easy steps to launch your next website! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 チェックリストはインフォグラフィックにもなっており、元ページでダウンロードできます。 インフォグラフィックの一部 はじめに WordPressの制作準備時のチェックリスト WordPressの制作時のチェックリスト WordPressの公開時のチェックリスト WordPessのSEOのチェックリスト WordPessのセキュリティのチェックリスト W

近年、Wordpressはブログだけでなく企業のホームページにも使われることが増えており、ますます注目度が上がっています。 今必須のスキルとも言えるWordpressですので、独学で覚えようという方も多くいらっしゃいます。 書籍、解説ブログが数多くありますので、これらを利用すれば独学で習得することは不可能ではありません。特に解説ブログは実践的な内容が多く、初心者はもちろん中上級者にも参考になります。 今回は、Wordpressに関する情報を発信するブログをご紹介いたします。これからWordpressを学ぼうと思っている方、色々カスタマイズしてみたいという方はぜひ参考にしてみてください。 Wordpressに関する情報を発信しているブログ 1.Webデザインレシピ http://webdesignrecipes.com/ Webデザイナーの高橋のりさんが運営するブログです。 ウェブデザイン、

ブログやポートフォリオ、フォトグラファーのギャラリー、プロダクトやアプリのランディングページなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマは全部無料で利用でき、カスタマイズ性にも優れたものばかりです。 Themify Flow (demo) 個人・商用利用、無料。 モジュール式のレイアウトで、ヘッダ・フッタ・サイドバー・コンテンツなどをドラッグ&ドロップでさまざまなデザインを構築できるテーマファイル。テンプレートは無制限で、カスタマイズも可能です。

2015年10月2日 Wordpress 会員登録をしたユーザー限定でコンテンツを表示する会員制サイト。作るには時間や手間がかかるイメージですよね。今回はそんな会員制サイトを簡単に、そして無料で作れちゃう「Simple Membership」というプラグインをご紹介します。 ↑私が10年以上利用している会計ソフト！ 会員制サイトに必要な機能 以下の機能のついた簡単な会員制サイトを作ってみようと思います。 新規ユーザー登録 ログインフォームの設置 記事やページを限定公開 ユーザーによる登録情報（名前やパスワード等）の変更 管理ページから手動でユーザー追加 Simple Membershipは無料で使えるWordPressの会員システム導入プラグイン。会員レベルの設定やコンテンツの限定公開も簡単で、ショートコードを使ってログインフォームも設置できますよ。細かい設定は難しいかもしれませんが、上記

BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。 紹介している主なチートシート Bootstrap 3, Foundation 5のチーシート CSSの各フレームワークの比較 WordPressのチートシート iOS, Androidのデザイン用のチートシート jQueryのチートシート HTML5, CSS3のチートシート ファビコンのチートシート 検索エンジン最適化2015年版のチートシート Chromeのデベロッパーツールのチートシート SublimeText, Emmetのチー

Habakiri Bootstrap ベースのシンプルな WordPress テーマ。レスポンシブ、多くのカスタマイズ機能。圧縮された CSS・JS を使用する高速化対策。Microformats 対応。Sass、クラスベースの functions.php。 公式サイトを見る 先日、WordPress の公式テーマディレクトリにテーマ Habakiri が掲載されました。以前掲載された Kotetsu に続き2つ目のテーマ掲載となります。 お使いの WordPress の管理画面にログインし、テーマインストール画面で「Habakiri」と検索すればすぐにインストールできます。このサイトも Habakiri を親テーマとして使っているので、だいたいの雰囲気はわかるかなと思います。 Habakiri の特徴 WordPress テーマ Habakiri には次のような特徴があります。 Boot

WordPressプラグインは便利で多用しがちですが、軽量化やサイト表示の高速化の妨げになる可能性もあるため、減らす工夫もすべきだと思っています。今回は私が外した16個のWPプラグインと、その代用方法をまとめて紹介します。