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

めちゃくちゃ簡単です。 見出しセル（ヘッダーセル）の作成 ただ、上記までの方法だと、すべてデータセル（td）になってしまいます。 見栄えのためにも、ヘッダーとなるセルはきちんと設定しておきたいです。 見出しセル(th)を手軽に設定するには、一つ一つ、セルを「td→th」に変更してももちろん良いです。ただそれだと面倒くさいので、TinyMCE Advancedというプラグインをインストールして手軽に行う方法を紹介したいと思います。 TinyMCE Advancedのインストールまずは、Wordpress管理画面の「プラグイン→新規追加」から「TinyMCE Advanced」を検索してインストールし、有効化してください。 インストールが終了すると、以下のようにビジュアルエディターの投稿欄の上に、表編集用のメニューと、ツールボタンが表示されます。 データセル（td）→見出しセル（th）の変更デ

「家電女子.net」とは、管理人のオススメ家電紹介や体験レビューの他、管理人の日常を気まぐれに呟くブログです。（※本サイトはプロモーションが含まれています。） 前の記事：スマホサイト制作日誌（６）カテゴリメニューを見やすくする とうとう、というかようやくというか、今回の「家電女子.net」カスタマイズは、「ヘッダーをオリジナルロゴにする」で一区切りとします。 ここまでは、文字入力さえできればなんとかなるカスタマイズでしたが、最後は「画像制作」。 本格的な画像加工ソフトはあるにこしたことはありませんが、私は今回Windows標準のペイントで通しましたよ！ （というか、PCを新しくしてからまだソフトインストールしてないだけというか・・・ｗｗ） 凝ったらキリがありませんが、オリジナルロゴがあるとサイトの差別化がぐんとはっきりするので、簡単なものから作ることをオススメします。 タイトルロゴとメニュ

最近布団から出られません。井畑です。 今回は前回の「プラグイン導入編」に引き続き、Wptouchをカスタマイズしてスマートフォン対応させていったのメモ、「カスタマイズ編」を書いていきます。 (※ここからはあまりよく分かっていない素人に毛の生えた僕が、試行錯誤して色々いじくった話なので、実際にWPtouch内を触る際は自己責任でおねがいします！) カスタマイズした点 今回僕がやったことは大きく分けて次の５つです。 テーマを分ける ヘッダー(右上menu)をカスタマイズ タイトルの下の日付・カテゴリーをカスタマイズ 記事にソーシャルリンクをつける PCと同じようなCSSにする 1.テーマを分ける テーマをいじれば、見た目も変わる 乱暴に言うと、WPtouhは「スマートフォンで見たらWPtouch専用のテーマを読み込ませて表示するんだよ！」という設定をするプラグインです。 なので、そのWptou

WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg

「Newpost Catch」というWordPress用のプラグインをご存知でしょうか？ こちらはウィジェットという形で最新記事を、サムネイル画像付きで表示してくれるという、ブロガーとって超絶便利なプラグインになります。 プラグインが便利なのは、いちいちPHPのコードを書かなくても、モジュールとして私のようなライトユーザーでも手軽に機能を利用できるところなわけです。 このステキすぎるプラグインを作ったのが「今村だけがよくわかるブログ」の今村さんという方。 今でこそ仲良くしていただいている今村さんなのですが、元々彼のことを知ったのが何を隠そうこの「サムネイル付で新着記事を出したい」と調べていた時のことで、その後リアルでお会いしたときにはテンションが上がりまくったのを思い出します。 さて、初めてこのプラグインに出会ってから少し時は流れ、ブログもここタムカイズムに移転してしばらくたったころ、トッ

エントリとしてはあまり書かない方なのですが、実はブログの裏周りをチマチマいじって自分好みの見た目にするのが大好きです（笑） さて先日、サイドバーは右なのか左なのかと色々考えて試行錯誤したのは記憶に新しいところなのですが、そのまま考えてるうちに 「写真を大きく見せたいカテゴリだけシングルカラムにしてもよさそう！」 なんてことを思いついたので、なんとかしてできないかなと調べてみたらサンプルコードを発見するとともに、自分で試したらできたのでシェアしておきます。 参考にさせていただいたのはこちら ▼WordPress › フォーラム » あるページだけサイドバーを非表示に 特に最後「おまけ：別のやり方」として紹介されているコードがまさに私のやりたいことだったのでこちらを参考にさせていただきました。 簡単に言うと 今あるsingle.phpをコピーしsingle-default.phpとsingle

無料なのに高品質！企業サイトやビジネスに使えるWordPressテーマ10選更新日: 2017年5月22日公開日: 2015年1月30日 WordPressの初期設定を終えて、さあ作ろう！…と思ってもいきなりカスタマイズをするのは不安、という方はいらっしゃいませんか？いきなりカスタマイズするは、結構ハードルが高いですよね。それなら最初は、無料のテーマを使ってWordPressの操作方法に慣れるのはアリかもしれません。 今回はそんな方向けにWordPressの本格的な無料テーマをご紹介していきますよ！ブログやポートフォリオサイトなども制作できるWordPressですが、今回は少し的を絞って企業サイト向けのテーマのご紹介をしていきます。どれも高品質かつ無料で利用できるテーマばかりなので、カッコいいサイトを簡単に制作しちゃいましょう！ こちらも是非ご参考に！ WordPressで企業サイトを作る

みんな大好きWordPress！プラグインは宝の山やで!! 近年ではブログサイトのみならず、企業サイトやウェブサービスの基幹としても使われて久しいWordPress。 その最大の魅力ともいえるのは、膨大かつ便利なプラグインの数々。 ただ、あまりにプラグインの数が多すぎて、似たような機能を持つプラグインの中からどれを選んだら良いのか、迷うケースも多々あって。 キャッシュ系は「W3 Total Cache」か「wp Super Cache」か、バックアップなら「BackWPup」「WP-DBManager」か、などなど。。。 そんなワケで今回のエントリーでは、素晴らしいWordPressのプラグインの中から、実際にフリーランスのワタクシがクライアントワークでも使わせて頂いている「smkn的スタンダード」なモノだけを、総計21個まとめてみました。 実務においてジャンルを問わず利用できる基本的なモ

ウィジェットとは、WordPressで作成したサイトのサイドバーにさまざまなコンテンツを表示させるための機能です。 今回は、このWordpressのウィジェットを便利にしてくれるプラグインをいくつか紹介いたします。 Page Builder by SiteOrigin／固定ページにウィジェットを簡単に追加できる Page Builder by SiteOriginは、固定ページにウィジェットを簡単に追加できるプラグインです。 プラグインをインストールして有効化すると、投稿画面に「Page Builder」のアイコンが追加されます。 あとは「＋」を押して表示されたウィジェットを追加するだけ。 また、列や行を追加できるので好きなようにレイアウトすることもできます。 詳しい使い方は下記のページを参考にしてください。

WordPressこれで学びました WordPressの参考書は、制作ものが多いけど、この本はSEOに特化した割り切りが良い。初めてWordPress導入し、SEO対策をどうしようと悩んでいた時に購入しました。 WordPressは基本的にはSEOに優れたCMSでありますが、能力を最大化するには、パーマリンク等のSEOに適した設定やSE対策のプラグインなどでパワーアップさせる必要があります。読んだ時は、目から鱗が落ちる内容で、当初はそのまま実践してました。 また、WordPressだけでなく、基本的なSEO対策の本として、キーワードやタイトル設定なども勉強になりました。 人気記事 記事一覧を固定ページに簡単表示／WPプラグイン「What’s New Generator」 76,091 views 多機能なリンク集作成／WPプラグイン「Link Library」 50,473 views 画

WordPressこれで学びました WordPressの参考書は、制作ものが多いけど、この本はSEOに特化した割り切りが良い。初めてWordPress導入し、SEO対策をどうしようと悩んでいた時に購入しました。 WordPressは基本的にはSEOに優れたCMSでありますが、能力を最大化するには、パーマリンク等のSEOに適した設定やSE対策のプラグインなどでパワーアップさせる必要があります。読んだ時は、目から鱗が落ちる内容で、当初はそのまま実践してました。 また、WordPressだけでなく、基本的なSEO対策の本として、キーワードやタイトル設定なども勉強になりました。 人気記事 記事一覧を固定ページに簡単表示／WPプラグイン「What’s New Generator」 76,049 views 多機能なリンク集作成／WPプラグイン「Link Library」 50,443 views 画

WP All in One SEO Pack v2.2から itemprop=”description” がついてしまった WP All in One SEO Pack v2.2(2014-7頃リリース？)から下記のとおり itemprop=”description” がつくようになってしまいました。 2.2 NEW File Editor Module – Edit your robots.txt and .htaccess file directly from All in One SEO Pack NEW Robots.txt Generator/Validator Module – Generate a Robots.txt file and/or validate your Robots.txt file Added Schema.org itemprop=”descriptio

SEO関連プラグイン All In One SEO Pack SEO系のプラグインでは特に有名どころ。僕はこれで記事ごとにtitleタグとmeta descriptionを設定してます。 Google XML Sitemaps 検索エンジン向けのサイトマップを作成してくれるプラグイン。 下記の記事を読むと必要かどうかは分からなくなっちゃうんですけど、一応入れてます。 Google XML Sitemap for Videos 上記のプラグインの動画バージョン。これも一応入れてるっていうところです。 PS Auto Sitemap サイトマップを作るプラグイン。Google XML Sitemapsとは違って、リンクを貼ったものを作り出してくれます。 下記のページがこのプラグインによって作られたサイトマップのページです。 キャッシュ系プラグイン 001 Prime Strategy Tran

ログイン画面のロゴ変更 まずはおなじみのカスタマイズから。 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');

WordPressの固定ページ（あるいは記事ページ）でコメントフォームを非表示にする方法をまとめました。 変更前後のイメージを掲載しておきます。 コメントフォームが表示された状態の固定ページ コメントフォームを非表示にした状態の固定ページ 以下、設定方法です。説明の中で使っている管理画面のスクリーンショットはWordPress 3.2.1です。 １．記事単位でコメントフォームの表示・非表示を制御する 記事単位でコメントフォームの表示・非表示を制御するには、投稿画面右上にある表示オプションをクリック。 「ディスカッション」をチェック（チェックされていれば次に進んでください）。 「コメントの投稿を許可する。」のチェックをはずす。 これで投稿すれば固定ページのコメントフォームが非表示になります。 ２．一括で制御する 一括でコメントフォームの表示・非表示を制御するには、ナビゲーションの「設定」→「

【img via New WordPress Buttons and Stickers by Nikolay Bachiyski】 ページ表示速度の高速化に大きく影響するのは画像の読み込み速度。 特に僕の場合はスクリーンショットや商品写真を扱うことが多いので、「jQuery Image Lazy Load WP」を使ってページ全体の読み込み速度の改善を図っていた。ところがどうもここ最近動作が安定しないので気になって調べてみたところ、開発がストップしている疑惑が浮上したため、即座に「Lazy Load」に切り替えることにした。 結果、快適に動作するようになったことに加えて、表示をスムーズにするコツも覚えたので紹介する！ 画像が画面内に表示され次第画像を読み込むプラグイン 「Lazy Load」は以前僕が使用していた「jQuery Image Lazy Load WP」と同様の機能を持つ。画像

今まで、やらなきゃいけないと思いつつもプラグインでちょこちょこ対応していた程度だった「表示速度の高速化」ちゃんと取組もうと思い、いろいろとやりました。 表示速度を改善する為には、キャッシュをいじるので下手するとWEBサイトが表示されなくなったり、WordPressが壊れたりするのでドキドキでした。 なぜ高速化が必要なのか？ 一般的にWEBサイトを訪問して最長3秒で閲覧を続けるか、ほかのWebサイトに移動するかを判断されるといわれており、Webページを表示するだけで４秒も５秒もかかっていたのでは、機会損失なわけです。 GoogleもWEBページの表示速度は評価ポイントとして見ているので、速ければ速い方がいいわけです。 ブログの表示速度をチェックする PageSpeed Insights（Google Developers） PageSpeed Insights GTmetrix GTmetr