記事内でpcとスマホ（タブレット）の表示内容を切り替えるwordpressのショートコード 2014 April 30Tweet 久しぶりの更新です^O^ 「pc」と「スマートフォン」で表示を切り替える方法はいくつかありますが、"意図した部分だけ"をショートコードで簡単に内容を切り替えられるようにする手順メモ。 広告の出し分けなどがとっても簡単にできるので便利です！ 記事内で使う場合と、テンプレートファイル内で使う場合の手順をまとめまし...
新しく作ったサイトがgoogleにインデックスされないときに試した3つのこと 2014 April 05Tweet 新しくサイトを作ったのでウェブマスターツールに登録してみたはいいけれど、 数日経ってもインデックス数がいっこうに増えない・・・ さらにDNSエラーまででてる・・・ そんなときに試した3つのことをメモ。 ウェブマスターツールとは 公式：「Googleウェブマスターツールは、あなたのウェブサイ...
サムネイル付き関連記事(タグ)をプラグインなしで表示させる【wordpress】 2014 March 21Tweet かわたま.netもやっと30記事ほどになってきました！ だんだん記事が増えてくると、昔書いたの記事が埋もれてきます。 読者に他の記事も読んでもらうために、記事の最後に関連記事を表示させたいと思います。 関連記事を表示させるためのプラグインもたくさんありますができればプラグインなしでいきたい！ と思ったら簡単...
AMIMOTO AMI.を使ってAWSでwordpressを構築してみた 2014 March 20Tweet 先日jawsdays2014というイベントに参加させていただきました^O^ 知識も意識も高い方たちばかりで、とっても刺激になりました。 そのなかでAMIMOTO AMIを使ってAWSでwordpressを構築するハンズオンを受けたので、復習のためメモします。 間違わなければ5分ほどでできます。 ...
ssh認証のための公開鍵と秘密鍵を生成する手順 【Mac】 2014 March 17Tweet サーバーにssh接続する際、パスワードによるユーザー認証でも良いのですが、パスワードを盗まれてしまう危険があります。 そのため、SSH接続ではパスワード認証ではなく、管理が容易で安全性が高い公開鍵暗号方式（公開鍵と秘密鍵）を用いた認証による接続が推奨されています。 公開鍵暗号方式とは、ユーザが独自に「公開鍵」と...
【wordpress】各記事に付けられたタグを表示するテンプレートタグ「the_tags()」をカスタマイズしてみた 2014 March 12Tweet wordpressで各記事に付けたタグ（tag）を表示して、そのタグの記事一覧ページへのリンクを表示するためのテンプレートタグ「the_tags()」を使ってみました。 デフォルトの「タグ：〇〇」のままでもいいのですが、せめて英語にしたい・・・。 と思って調べたら簡単にカスタマイズできたので具体的な設定方法をメモし...
【3】WordPressをubuntu(VPS／VMware)でnginx+php5-fpmで構築してみた！ 2014 March 10Tweet WordPressをubuntu(VPS／VMware)でnginx+php5-fpmで構築してみました！の手順まとめ。 第3回はUbuntu Serverの初期設定(nginxのインストール〜wordpressインストールまで)。 目次【1】VMware、Ubuntuのダウンロード〜VMware設定 ...
【2】WordPressをubuntu(VPS／VMware)でnginx+php5-fpmで構築してみた！ 2014 March 10Tweet Wordpressをubuntu(VPS／VMware)でnginx+php5-fpmで構築してみました！の手順まとめ。 第2回はUbuntu Serverの初期設定。 目次【1】VMware、Ubuntuのダウンロード〜VMware設定 #1：VMwareをダウンロード #2：ubuntuのダウン...
【1】WordPressをubuntu(VPS／VMware)でnginx+php5-fpmで構築してみた！ 2014 March 10Tweet Wordpressをubuntu(VPS／VMware)でnginx+php5-fpmで構築してみました。 今回はVMwareを使ってローカル環境で構築しますが本番サーバーでも同じ手順になります。 長くなりますが、頑張ります^O^ 第1回はVMware、UbuntuをダウンロードしてからVMware設定ま...
cssで要素(レイヤー)の重なり順序を指定する【z-index】 2014 February 23Tweet 「position」プロパティで要素の位置を指定したら意図していない順に重なってしまった。そんなときは「z-index」プロパティで要素の表示階層（重なりの順序）を指定します。 z-indexプロパティに指定できる値 auto 親要素と同じ階層に表示。つまり「z-index」プロパティの指定がない場合と同...
IEでfont-family:明朝体を使う際に気をつけること【バグ】 2014 February 14Tweet font-familyで明朝体指定の際に気をつけないといけないことメモ。 テキストを明朝体にすることで強調させたり、他のテキストと区別させたい。 基本的には、 「font-family: serif;」なら明朝体 「font-family: sans-serif;」ならゴシック体 になるはずです。 ...
【wordpress】投稿・固定ページ内にPHPファイルをインクルード(挿入/実行)させる 2014 February 14Tweet 最近,気がつけばwordpressネタばかりになってきてます。 かわたまです。 wordpressで固定ページや記事内にもphpファイル（任意のファイル）を読み込ませたいけど、可能なのでしょうか？ 調べてみたら、とっても簡単にインクルードできたので、その手順メモです。 1,functions.phpに追...
【wordpress】sidebarのウィジェットごとに「div」,「class」,「id」を追加する 2014 February 09Tweet サイドのウィジェットひとつひとつに枠をつけたいと思い「sidebar.php」に色々追記してみても、sidebar全体の指定はできるけどウィジェットひとつひとつにはどうも上手くいかない。 sidebar全体の指定は、「sidebar.php」でできますが、ウィジェットごとの指定は「functions.php」に記...
【wordpress】jQuery Masonryでレンガ状のレイアウトに 2014 February 09Tweet 横幅や高さの異なる枠を、うまく隙間を詰めて配置してくれるjQuery「jQuery Masonry」をwordpressで使ってみます。 1,まずは公式サイトからjQueryのソースをダウンロード jQueryMasonry公式サイト：http://masonry.desandro.com/ ...
wordpressで特定の『カテゴリー(category)』または『タグ(tag)』の記事を抽出して表示させる 2014 February 08Tweet WordPressで特定のカテゴリーまたはタグが付いた記事だけをピックアップして新着順に表示させる方法メモ。 新着情報や特定の記事一覧など表示させたいときに便利です。 特定の『カテゴリー』が付いた記事だけをピックアップして表示させる 例えば、「hoge」というタグが付いた記事を3件表示させたいときは、 ...
TiltFlowersのホームページをリニューアルオープンさせていただきました^O^ 2014 January 17Tweet 先日ちょこっとご紹介しましたが、改めてご報告です。 私が担当させていただいていた、都内を中心に個人でフラワーアレンジメントなどをしているお友達のサイトをリニューアルオープンいたしました。 Tilt Flowers：http://tiltflowers.com/ フランスでフラワーアレンジを...
【ContactForm7】お問い合わせ差出人に自動で受付完了メールを送る設定方法 2014 January 12Tweet あれ？そういえば差出人にお問い合わせ完了メールが届いていないかも？？ Contact Form 7でお問い合わせフォーム設置してデフォルトの設定だけだと、お問い合わせ差出人に「受付完了メール / お問い合わせありがとうございます」メールは送信されません。 メール受付完了メールがないと、ちゃんとお問い合わせが届い...
“ContactForm7”と”WP-Mail-SMTP”を使ったVPSでのメールサーバー構築手順 2014 January 12Tweet ContactForm7をインストールしてフォームを設置みたところ、送信したときに赤枠で メッセージの送信に失敗しました。間をおいてもう一度お試しいただくか、別の手段で管理者にお問い合わせ下さい。 のエラーが。 エラーを調べてみるとどうやらエラーの原因はサーバー側の問題のようです。 外部のSMTPサ...
【Ubuntu】apt-getでパッケージをinstall / uninstall / upgrade 2014 January 09Tweet Ubuntuのパッケージ管理システムapt-getの使い方メモ。 ☆目次☆ ・apt-getコマンドとは ・apt-getの更新 ・apt-getでパッケージをインストール ・apt-getでパッケージをアンインストール ・インストール済みのパッケージの更新 ・インストール済みのパッケージの更新 ...
vimで行番号の表示・非表示コマンド / .vimrcに設定方法 2014 January 09Tweet vimで行番号を一時的に表示・非表示にするコマンドをメモします。 行番号を表示 [html title="カーソルモードで"] :set number または :set nu [/html] 行番号を非表示 [html title="カーソルモードで"] :set nonumber または ...
