個人用メモです。 !! ======================== !! ※この記事は2019年の記事です。著者はもうWordPressを使用しておりません。この記事で紹介している内容は2019年当時の内容である事を理解した上で、実際に設定する際は最新の情報を確認しながら行ってください。 2019/9/26追記 2020年1月1日より静的IPが有料になる旨Googleから発表がありました。 $0.004/時間=最大約300円/月が有料となります。 それ以外の部分についても無料でなくなり次第記事を更新してまいります。 情報: @mattn 様 2020/3/20追記 まだ請求額が0円だったので「あれ？」って思って調べたら、上記の静的IP有料の変更は1/1から反映されてるものの、キャンペーンで2020/4/1までは割引されている事に気がついたので注釈追記しました。ちなみに割引されなかった

SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理

WordpressをHerokuで運営すると何かと楽だなぁと思ってやってみた。タダだし。 でも実際はけっこうハマったりもした。書いておかないと確実に忘れる。 2015/06/01 Herokuの新プラン発表で18時間だけ無料になってしまいました。 Herokuが無料でなくなる日 | Workabroad.jp 24時間稼働は$7かかります。 2015/02/20追記 パーマリンクを変更しても、しばらくするとまた元に戻るという現象が起こりました。 mod rewriteの設定をすれば直るようです。 http://blog.mah-lab.com/2013/05/01/wordpress-on-heroku/ 2015/02/02追記 wp-configの設定が足りなかったので修正 最初は自力でやろうかなと思ったけど、途中でハマりだしたので他の人の力を借りようということに。 2015年1月現在

WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み（ツール、モジュール、パーツのようなもの）です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考：WordPress

テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi

このブログはWordpressを使っているのですが、その中でSimplicityというテーマを使用しています。 ブログを開始するにあたって、自分で作ろうか有名どころのテーマをカスタマイズしようかどうしようかと迷っていたところ、調度良いタイミングで、フォロワーのわいひら(@MrYhira)さんという方がテーマを公開されていたので、「これはなかなかよさそう」だと思い、 ちなみに、わいひら(@MrYhira)さんは、頸髄損傷でほぼ寝たきりの生活をしつつ、寝ログというライフハック系ブログを運営されたり、テーマを公開したり、フリーソフトを公開していたりと、パワフルな方です。 ここからはSimplicityを簡単に紹介します。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEOの最適化 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益

オープンソースのブログソフトとして人気のWordPress(ワードプレス)。そのWordPressの創始者であるマット・マレンウェッグ氏が本日2014年6月7日(土)に開催されたWordCamp Kansai 2014に登壇して基調講演を行いました。マット氏はスピーチでWordPressの過去・現在・未来とウェブの未来について語っています。 WordCamp Kansai 2014 | 知識と経験の灯をわかちあおう http://2014.kansai.wordcamp.org/ Matt Mullenweg | Unlucky in Cards http://ma.tt/ グランフロント大阪に到着。 WordCamp Kansai 2014の会場はナレッジキャピタル・タワーCの8Fです。 会場には多くの人が集まっており、マット氏の到着を待っています。 WordCamp Kansai 20

らふらく^^さん（@TwinTKchan）のこちらの記事に触発されて、ブログのソーシャルメディアボタンをカスタマイズしてみました。流行りのバイラルメディア風デザインですが、WordPressやStingerに設置する方法を備考録として残しておきます。 スポンサーリンク 下記がサンプルのボタンになります。デザイン面でもモバイルファーストがどんどん加速していきますね。こういうのはどんどん取り入れるべき。スマートフォン最適化を後回しにしてると取り残されちゃうよ～。 サンプル1（横幅いっぱいにボタンを配置） Facebookでシェア Twitterでシェア はてなブックマーク feedlyでフォロー LINEで送る Google+でシェア 上記はCSSを「width: 100%;」にしたボタンです。大きいことは良いことだ！PCで見ると主張しすぎな感じですけど、スマホではこれぐらいの大きさが気軽に押

作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ

10 Best Free WordPress Themes for February 2014で無料で使える高品質なWordpressのテーマが公開されていたのでこちらでご紹介したいと思います。 無料で使えるレスポンシブ対応のWordPressテーマ10選 1.Tesla シンプルな企業用サイトに使えそうなテーマです。特にこだわりはなくとりあえずWordPressで企業用サイトや店舗サイトが作りたい！という方はまずこちらのテンプレートを使ってみてはどうでしょうか。レスポンシブデザインです。 View DemoDownload 2.Bearded アパレルのECサイトなどに使えそうなWordPressのテーマです。カートも実装されてるようなのでWordPressでECサイトを作りこもうとされていた方はマニュアルを熟読の上使用してみてはいかがでしょうか。 View DemoDownload 3

最近WordPress関連の勉強会やイベントをよく見かける気がします。 自分もちょっとだけ参加したりするのですが、 やはり商用目的でも無料なのと、 簡単にPCもスマホも対応できるサイトが構築できる点で ブログだけで無く、所謂ホームページとしての利用も増えている感じです。 ただ、いくつものサイトをテスト運用したかったり 或いは誰かに頼まれて、一時的なキャンペーンサイトを運営したい といった場合には、 WordPress運用可能なサーバレンタルが月額数百円から可能となった昨今とは言え それなりのコストになってしまうというのが難点です。 そこで、Herokuというクラウドサービスを利用して WordPressサイトを無料で作れるという話を小耳に挟んだので 色々調べたり試したりしてみました。 Heroku Herokuは2007年創業のアメリカ合衆国の企業。また、同社が開発と運営を行っているPaa

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

WordPressを高速化・軽量化するためにした4つのこと。2014/2/13 - Diary テーマを初めて自作してみて、その軽さと表示速度の速さに驚愕している次第です。arkmarouです。 さて、今回はそんな「WordPressの高速化と軽量化」に的を当てて話してみたいと思います。1. テーマを一から作り、余計なコードを排除する。 基本的なことなのですが、WordPress公式にアップロードされているテーマや有志が作られたテーマというのは、基本的にいろいろなことができるようにいろいろな機能が付けられています。実はこの機能たち、高速化・軽量化にとってただの邪魔者でしかありません。また、不必要な機能である場合が多いです。こういった使われない機能が付いているだけで、そのぶんソースコードが長くなり、リソースを食います。 これらを解決するには、もちろん既存のテーマから要らない機能を排除するのも

a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:

WordPressで新規サイトを作成したとき、すぐにインストールしておきたいプラグインを一覧にしてまとめておきます。 ※この一覧は一例で、使用するプラグインは個人やサイト内容によって異なります。 Bulk Plugin Installation プラグインをまとめてインストールするためのプラグイン。ワードプレスをインストールしたら、まずこのプラグインを導入しておけば、あとは一括でインストールできる。 →プラグイン一覧テキスト AddQuicktag WordPressの投稿画面で、htmlタグや定型文などを登録してワンタッチで使用することが出来る。これが無いと作業効率が大幅に下がってしまうほど必須のプラグイン。 Akismet ワードプレスにデフォルトでインストールされているスパム対策プラグイン。デフォルトで入っているけど、有効化するには設定が必要なので放置している人も多い。できるだけ早め