WordPressを今から始めるぞ！！という方向けに、サーバーの選び方と申し込み手続き、ドメインの取得手続き、WordPressのインストール作業、WordPress管理画面の操作説明などを手取り足取り説明します。 ワードプレスを始めるには、まず、しっかりしたレンタルサーバーを選ばないといけません。「無事故」「速い」「落ちない」は最低限必要な条件です。この条件を満たすおすすめサーバー２つを紹介します。 ググって「事故なし」「速い」「落ちない」を確かめる まず、サーバーには事故無しであることが求められます。 レンタルサーバーはプロが運営しているので安くても安心…と言いたいところですが、過去においてはいろんなサーバーで事故が起こっています。 事故歴こそ、サーバーの運営体制を評価する上で、最も大事です。 私は、以下のような検索で名前が出てくる会社が運営するサーバーは、絶対に避けます。 レンタルサ

WordPressで画像を使うなら、なるべくクレジット表記が必要ないものを使いたいです。自作の画像を使えればいいのですが、いつもというわけにも行かないですよね。そんな時、パブリックドメイン画像を投稿に簡単に貼り付けてくれる「Pixabay Images」はとても便利です。 パブリックドメインとPixabayについて パブリックドメイン (public domain) とは、著作物や発明などの知的創作物について、知的財産権が発生していない状態又は消滅した状態のことをいう。（パブリックドメイン – Wikipediaより） つまり、「パブリックドメイン＝著作権フリー」なのです。 パブリックドメインの画像は著作権を気にせず使えるのでとても使いやすいのです。 センスのある画像や写真を作れない私のようなブロガー・サイト運営者にとって、パブリックドメインの画像を使いやすくしてくれる「Pixabay I

WordPress初心者にもオススメ！最強のSEOプラグインWordPress SEO by Yoast WordPressで広く情報発信をしたいならSEO対策は絶対必要です。そのために最適なプラグインが「WordPress SEO by Yoast」です。WordPressビギナーの方にも導入を強くオススメします。 [toc heading_levels=”2″] All in One SEO Pack以上の高評価 「WordPress SEO by Yoast」のユーザー評価は「All in one SEO」を大きく上回ります。導入必須です。 インストール 管理画面の「プラグイン」→「新規追加」からワンタッチでインストールできます。インストール後すぐに有効化してください。 すると、管理画面の左サイドバーの「設定」に「SEO」という項目が現れます。 「SEO」をクリックすると、以下のよう

画像をブログにアップするときには、一部ぼかしたくなることが結構あります。そんな時仰々しい画像加工ソフトをいちいち立ち上げるのは面倒です。ぼかし加工を簡単にしたいならPixlr Photo editor onlineです。 Pixlr Photo editor onlineって? Pixlr Photo editor onlineはオンライン上で動いている画像編集アプリです。インストールする手間が要らないのが嬉しいですね。 @web_shufuはかなり愛用していて、以前にもこんな記事を書いています。 [img-link url=”https://webshufu.com/pixlr-photo-editor-online/” title=”背景透明の文字画像作成なら、無料のオンライン画像エディタPixlr Photo editor onlineで十分｜ウェブシュフ”] [img-link u

結構頑張ってくれます。 ExcelやGoogleスプレッドシートの表を貼り付けるのも簡単 Mwrkdown記法では、エクセルやGoogleスプレッドシート等の表計算ソフトで作った表を貼り付けるのも簡単です。 まず表全体をコピーします。 これを一括置換機能のあるエディター（Wordpress投稿画面のテキストエディタではありません）に貼り付けます。 区切り文字（タブ又はスペース）を「|」に置換します。 これをコピーして、Wordpressの投稿画面のテキストエディタに貼り付けます。 cssで罫線をつけるなどスタイルを整えられる テーブルに枠線、横線、縦線をつけたかったので、テーマのstyle.cssに次のようなCSSを書きました。 table { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; font-w

ブログ記事を書くときにHTMLマークアップで時間をとられる@web_shufuです。そこで、プラグインを使って、Markdown記法を導入しました。簡単な記号をつけるだけで、文書がHTMLに変換されるので楽です。 [toc heading_levels=”2″] Markdown導入用WordPressプラグイン2選 私が今まで使ったプラグインを列記します。いずれも、ワードプレス管理画面の左サイドバーの「プラグイン」→「新規追加」から、ダウンロード・有効化するだけで使えます。 JetpackのMarkdown機能だけを提供するJP Markdownがイチオシ 現在私が愛用しているのはJP Markdownです。 記法の規則はwordpress.comと同様なので下記を参考にすればいいです。 Markdown quick reference �Support|WordPress.com 今の

そろそろ年末年始で主夫でも忙しくなってきました。@web_shufuです。毎年のように著作権表示更新作業を自動化しようと思いつつ「いつでもできるさ」と先延ばしすること3年。このたびようやく自動化コードを書きました。とても簡単なので自動化がまだの方には是非使って欲しいです。 まずは著作権表示自動更新コードをコピペ まず、以下のコードを著作権表示したい場所（普通はfooter.php）にコピペします。 <?php $this_year=date('Y');//今年の西暦を取得 $open_year=2012;//サイトを立ち上げた年（西暦）を設定 echo '&copy;&nbsp;';//（マルC）+（半角スペース）を出力 if($this_year>$open_year){ echo $open_year."-";}//今年立ち上げたサイトではない場合に限り、（立ち上げ年の西暦）+（-）を

以前にワードプレスのアーカイブページを検索エンジンにインデックスさせるかどうかの論争に巻き込まれたことがありました。 その当時のエントリを一つにまとめました。 【再改訂】重複コンテンツ問題まとめ(2013年11月～12月) By: SEOPlanter 一部で少しだけ盛り上がった重複コンテンツ祭りに記事を2連投。気分は主催者、多少は燃料投下に貢献したつもりの@web_shufuです。2013年11月から12月にかけての動きなどをまとめてみました。 まとめの中立性に関するご指摘など受けましたが、この件で何度も記事を上げている私がまとめた以上、中立性など担保できません。ので「重複コンテンツ対策不要論派の記事」を末尾にまとめました。 @ENJILOGさんがカテゴリアーカイブをnoindexからindexに変更 [img-link url=”http://rentalhomepage.com/wo

WordPressで画像やコードが盛りだくさんなエントリを書く時、投稿の入力欄が狭すぎると感じることってありますよね。@web_shufuはそれが日常茶飯事なので、このたび入力欄の高さを高くしました。 ヴィジュアルエディタの場合は簡単 ビジュアルエディタの場合は、入力欄の右下端の部分をクリックしたままマウスを動かすと自在に伸縮します。 大きくするのも小さくするのも簡単です。 テキストエディタでも以前は簡単だった WordPress管理画面左サイドバーの「設定」→「投稿設定」で投稿の入力欄の大きさを設定できました。 [img-link url=”http://wp-exp.com/blog/input-column-wide/” title=”WordPressの投稿画面の高さを固定化&調節する方法”] それが、Wordpress3.5にアップグレードした途端に消えました。 おかげで投稿の入

クラウドBack up用では多分最強！WordPressプラグイン「UpdraftPlus Backup」 大切なサイトほどバックアップには気を使わないといけませんがとても面倒です。Wordpressにはバックアップを楽にしてくれるプラグインがいくつかあるのですが、中でもUpdraftPlus Backupが最強ではないでしょうか。 [img-link url=”http://wordpress.org/plugins/updraftplus/” title=”WordPress › UpdraftPlus Backup and Restoration « WordPress Plugins”] バックアップデータの保存先 全てがクラウドというわけではありませんが、保存先の選択肢がこんなに豊富なBack upプラグインはほかに見たことがありません。 Amazon S3 Dropbox Go

ブログを書く上で、あると便利なのが、キャプチャ画像のサムネイルが付いたリンクをすぐに作れる仕組み。Google Chrome拡張機能を使えばあっという間に出来ます。 ジェネレータで作ると5秒はかかるのでもっと効率化したい キャプチャ画像のサムネイルが付いたリンクを作る方法として、最もポピュラーなのが、ジェネレーターの利用でしょう。 以前に、らふらくさんが、ジェネレータを強烈にお勧めされていましたが… [img-link url=”http://laugh-raku.com/archives/4465″ title=”ウソだろっ！？記事リンクにサムネイル画像とはてブ数を追加してくれる「神ツール」を知らないなんて！ | らふらく^^ ~ブログで飯を食う~”] 記事によると、以下の手順でキャプチャ画像付きリンクが生成されます。 紹介したいウェブページを発見 そのウェブページのURLをコピー はて

以前から、ページ上部のグレー部分を削除やページの余白を削るなど余白調整関係の記事は以前にも書きました。 しかし、再調整することになったのでメモ。なお、上記2記事を踏まえたうえでないとよくわからん内容になっている可能性が高いのでご注意を。 メディアクエリ書換 まず、bodyのmin-widthを1200px相当に設定しているので、それに対応してメディアクエリを書き換えました。 具体的には、 /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { body { background-color: #e6e6e6; } body .site { padding: 0 40px; padding: 0 2.857142857rem; margin-top: 0 /***48px; margin-top: 3

【WordPress高速化プラグイン】1クリで全画像圧縮！「EWWW Image Optimizer」と「WP Smush.it」 画像は魅力的なコンテンツ作りに欠かせませんが、画像のファイルサイズが増えると表示スピードが遅くなるジレンマがあります。この解決に欠かせないのが画像のファイルサイズを圧縮するプラグイン。代表的な2つを紹介します。 2つのプラグインのうち、よりお勧めできるのがEWWW Image Optimizerです。 インストールして有効化するだけで今後アップロードされる画像は全て自動的に圧縮されます。 また、過去にアップロードした全画像を1クリックで圧縮してくれます。 最強の画像圧縮プラグインです。 インストール まず、Wordpress管理画面左サイドバーで、「プラグイン」→「新規追加」と進んで、検索窓に「EWWW Image Optimizer」と入力し、インストール・

昨日、ようやく「ウェブシュフ」にもTwitter Cardsを導入しました。他サイトで導入のお手伝いをしたこともあり、都合3通りの方法で導入を経験したので、メモとして残します。 そもそもTwitter Cardsとはなにか Twitter Cardsは、URLを含むツイートの下に、サムネイル画像付きでそのURLの概要を付け加えるシステムです。 そのURLが属するドメインが、TwitterからTwitter Cardsの利用を承認されると、利用できるようになります。 具体的にどう変化するかというと… Twitter Cards未導入の場合 Twitter Cardsを利用していないサイトのURLを含むツイートを行うと以下のように表示されます。 「開く」クリックしても、URLのサムネイル画像や説明は表示されません。 Tweetをサイトに埋め込む場合も同じことです。 [#wordpress][#

「Wordpressにツイッターのツイートを貼り付けるのはとても簡単」といってはばからなかった@web_shufuです。ですが、Centeringしようとして見事に躓いたたので手順をメモします。 Tweetを左寄せで埋め込む-1 まず、twitterに行って、埋め込みたいtweetの「開く」または「画像を表示する」を右クリックしてURLをコピーします。 後は以下のような形式のURLをwordpress編集画面に貼り付けるだけです。 https://twitter.com/web_shufu/status/313156504402395136 結構綺麗に整形されたtweetが左寄せで表示されます。 本日更新記事： 事業用ではない、生活用口座の取引明細も仕訳帳に改造する http://t.co/qPJ6biM00u — ウェブシュフ（一応は勉強アカ。社労士してます。） (@web_shufu)

WordPressのデフォルトテーマTwenty Twelveのカテゴリーページの見出しって小さすぎませんか。@web_shufuはこれを大きくして、「カテゴリー別アーカイブ:」も削除しました。 まずは少しだけ大きく カテゴリーページの見出しには.archive-titleというクラスがあてられています。 このフォントサイズが小さすぎるので、この設定を外します。 style.cssで以下の部分を探してください。 /* Small headers */ .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold

WordpressのデフォルトテーマTwenty Twelveでのコメント欄の撤去は、以前のデフォルトテーマであるTwenty elevenで行う場合と同様な手法で可能になります。 ##基本はTwenty eleven [img-link url=”https://webshufu.com/remove-comment-form/” title=”5分でできるコメント欄の撤去～WordPress Twenty Elevenカスタマイズ”] Twenty Twelveでも、この記事の通りに行えばコメント欄を外せます。と言って終わりにしては身も蓋もないので以下で少しだけ説明追加。 ##投稿 single.phpのcomments_template();が投稿のコメント欄を表示する働きをしています。 投稿からコメント欄を撤去したいなら、single.phpのcomments_template()

Wordpressでは自動的に記事を公開した日付が表示されます。記事中では大して目立ちませんがSEO的には無視できない要素です。そのため一部のウェブマスターはSEO目的で日付を操作したり隠したりするようですが、@web_shufuとしてはあまりオススメできません。 人は新しい情報を欲しがる 記事を公開した日付は記事の新しさを示します。 情報を探す人にとって新しさはとても大事です。 なぜなら、古い情報は時の流れとともに的外れになりやすいからです。（新しければ的を射ていると言うことにはなりませんが…。） したがって、検索エンジンのユーザーが情報を探すとき、どうしても新しいものを優先して探す傾向があります。 逆に言えば、古い記事はそれだけでクリックされる割合が下がります。 検索エンジンも新しい情報を優遇 ユーザーに新しいものを好む傾向が有る以上、Googleなどの検索エンジンも新しい情報を優遇し