【2015年6月11日 追記】file_get_contents()の使い方に注意しよう 重要なことでしたので追記します。こちらの内容はコメントにて教えていただきました。教えていただかなかったら全く知らない事実でした…本当にありがとうございます！ file_get_contents()は「allow_url_fopen =off」のサーバー環境では動いてくれない APIを取得する際に使用しているfile_get_contents()というPHPの関数には注意が必要です。まず、その関数が動かない環境があるということ。file_get_contents()を使うにはサーバーの「allow_url_fopen」の設定をONにする必要があります。もし設定がOFFになっている場合はfile_get_contents()が使えません！ ONにする方法としては以下の記事がわかりやすくまとめてくれていまし

こんにちは、エンジニアの段田です。 WordPressでテーマ作成やカスタマイズする際に便利なプラグインの紹介です。 元々WordPressでは、見ているページで使用されているテンプレートファイルや条件分岐タグの種類、実行されたSQLなどを確認できません。 ですが、この「Query Monitor」プラグインを導入すると確認することができます！ Query Monitorの導入方法 さっそく導入方法から見ていきましょう！ ダウンロード まずは「Query Monitor」をダウンロードしましょう。 https://wordpress.org/plugins/query-monitor/ もしくは管理画面のプラグイン新規追加画面にいきましょう。 インストール つぎに、インストールしましょう。 ファイルをダウンロードした方 ダウンロードしたらファイルを解凍し、pluginフォルダに設置する 管

WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し

WordPressには、いくつかのプログラム言語が利用されています。 具体的には以下のような言語です。 PHP HTML CSS JavaScript（jQuery） 細かなことを言えば、他にも使用されているものはありますが、ユーザーが編集するものと言えば大体はこの4つです。 今回は、これら4つの言語のコードを綺麗に整形してくれるツールの紹介です。 コード整形ツールとは コード整形ツールとは、書き方の定まっていないプログラムコードなどを、記法を統一して綺麗に書き直してくれるツールです。 WordPressテーマ作成や、カスタマイズで、コードをググッてよそからコピペ編集で使うときなどに、自分に合った記法に変換して使えます。 例えば、以下のようなことを、まとめて行いたい時に使うと、手動でやるより編集時間を大幅に短縮できます。 コードに適切なインデントを自動で設定する インデントをタブからスペー

HOME ブログ SEO , WordPress , キュレーション WordPressの使い方に迷ったらまずこの記事をチェック！すごく参考になる秀逸な記事のまとめ ブログツールの中でも圧倒的なシェアを誇るWordpressは、日本でも年々ユーザーが増え、個人に限らずホームページとして活用している企業も多く見受けられるようになりました。 しかし、これから挑戦してみようと思っていたり、まだ始めたばかりだと最初はいろいろと戸惑うことがあるかもしれません。 ワードプレス始めてみたけど何からやればいいか迷ってしまう。セキュリティとか何をどうすればいい？どうすればアクセスが集まるようになるんだろう？ブログで収入を得るなんてできるの？みんなどんな使い方してるの、企業も活用してるって本当？自分はどんなテーマを選んだらいいのだろう？カスタマイズって難しいそう・・このような疑問が出てきたときに、その都度検索

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ロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //ログイン画面のロゴ変更 function login_logo() { echo '<style type="text/css"> #login h1 a { background: url('.get_template_directory_uri().'/images/login_logo.png) no-repeat; width: 320px; height: 70px; background-size:100% auto; } </style>'; } add_action('login_head', 'login_logo');

本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、「Adobe Dreamweaver CC」（以下、Dreamweaver）をメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。さまざまなモダンな技術としては、「Sass」「Compass」「Emmet」（旧、Zen-Coding）を想定している。 今回は、Dreamweaverの概要と最新版Dreamweaverの新機能、WordPressの概要、Dreamweaver＋WordPressの環境構築を行う際に必要な初期設定などを紹介していこう。 そもそもDreamweaverとは、なぜDreamweaverを使うのか DreamweaverはWebサイト／Webアプリケーションの制作ツールだ。HTMLエディタという見方をすれば非常に動作が重そうで、他の軽量なエデ

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

どうすれば GW をゴールデンに過ごせるか、思案中のLatinです。 今回はスマートフォン対応プラグインの良し悪しについて。 WordPressのスマホ用プラグインは結構な数ありますが、結局の所、「いっちゃんいいヤツ」ってどれだろう？とふと思い立ち、勝手ながらカンタンに考察をまとめさせていただきました。 他にも、こっちの方がいいよ！こんなプラグインがあるよ！とかありましたらぜひ教えてください。 まずは、よく使われている5つのプラグインを比較 Ktai Style いわずと知れた有名プラグイン。サイトを携帯電話（ガラケー）対応させるプラグイン。 ガラケー人口って意外にまだまだ多いんですよね。 Ktay Style WPtouch こちらも有名プラグイン。 手軽にサイトをスマートフォン対応できます。 「メニュー」をタップするとタグ、カテゴリー、RSSフィード等のタブメニューが展開されます。 W

[ WordPress ] やった！！たった10分で。ほんの3つのプラグインと1つのサービス導入でブログが 200% 高速化しました！ 今日は幸せ気分の @donpy です。 なんで幸せかって？そりゃあ、自分のブログがちょっとでも高速化できたら幸せに感じるものです。 みなさんは超高速なサーバーとか契約して、快適な感じに見えてそれはもううらやましい限りなんですが、わけありまして、今のサーバーを離れるつもりは今のところないんです。 ならば、そんな制限のあるサーバーの中で、できるだけのことはやりたいと思うじゃないですか。 ってことで、みなさんもご存知のようにこのサイトの読み込み、めっちゃ遅いですよね。とりあえず10秒くらいかかるんじゃないかってレベルで遅い。 それもこれも私のhtmlが汚いとかデカイ画像なんとかしろよとか色々とあると思うんですが、それはそれで棚に上げといてでもどうにかならんもんか

「WordPress（ワードプレス）を使ってオリジナルブログを作成してみたいけれど、難しそう・・。」そう思っている人は多いことと思います。 WordPressは、HTMLやCSSの他に、PHPというプログラミング言語を使っているため、少し敷居が高く感じてしまうことがあります。 しかし、PHPがわからなくても、ある程度のHTMLとCSSの知識があれば、初心者でも簡単に既存のテーマをカスタマイズできたり、オリジナルテーマを作成したりできるのが、WordPressが人気の理由のひとつなのです。 今回は、PHPが全くわからないWordPress初心者でも、オリジナルテーマを作成できるようになるための手順を、参考記事やオススメの書籍と共にまとめています。 この記事を読めば、WordPressでオリジナルテーマを作成するための全体的な流れをつかみ、すぐにでもテーマ作成やカスタマイズができるようになるは

作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで 「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。 フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。 エ