【wordpress】各記事ページに’投稿’と’固定ページ’の「関連(タグ)記事」を表示させる記述方法 2014 October 18Tweet 各記事ページに関連記事(同じタグがついた記事)を表示する方法は以前記事にまとめましたが、 今回は'投稿'で作成した記事だけでなく、'固定ページ'で作成した記事も合わせて関連記事として表示されるようにする記述方法をメモします。 【過去記事】 »【wordpress】サムネイル付き関連記事(タグ)をプラグインなし...
【wordpress】固定ページでタグを設定できるようにし、タグクラウド(TagCloud)にも追加する方法 2014 October 18Tweet 通常、wordpressの固定ページにはタグの設定欄はありませんが、functions.phpに記述することで、投稿と同じようにタグを設定できるようになります。 また、固定ページで設定したタグもタグクラウド(Tag Cloud)に追加することができます。 下記をfunctions.phpに追記します。 &...
【wordpress】ブラウザごとに条件分岐してコンテンツを切り替える記述方法 2014 October 05Tweet WordPressには、ブラウザごとに条件分岐して表示を切り替える場合に便利な変数が用意されています。 ブラウザごとにcssや広告などを切り替える際などに便利です。 【$is_chrome】Chromeへ条件分岐して表示切り替え PC・タブレット端末(iPad・Kindleなど)とスマートフォンで表示を切り替...
【wordpress】スマートフォン端末別に条件分岐してコンテンツを切り替える記述方法 2014 October 05Tweet PCとスマートフォンで表示を切り替えるだけでなく、スマートフォン端末別に条件分岐して表示を切り替える場合の記述方法をメモ。 端末ごとにcssや広告などを切り替える際などに便利です。 PC・タブレットとスマートフォンで表示を切り替え PC・タブレット端末(iPad・Kindleなど)とスマートフォンで表示を切り...
【wordpress】PCとスマートフォンでコンテンツを切り替える際に便利なwp_is_mobile関数の使い方 2014 October 05Tweet WordPressの3.4からPCとスマートフォンでコンテンツを切り替える際に便利な条件分岐タグが実装されました。 PCとスマートフォンで条件分岐する'wp_is_mobile'関数の使い方をメモ。 テンプレートファイル内で使用します。PCとスマートフォンでcssや広告などを切り替える際などに便利です。 wp...
【css3】ボタンがキューブ状にクルッと回転するホバーエフェクト実装方法 2014 October 05Tweet css3では様々なホバーエフェクトを実装できますが、今回はホバー時に「キューブ状にクルッと回転する」ボタンを実装してみます。 実装sample Button 【対応ブラウザ】 Chrome 11+ Firefox 4+ Opera 11.10+ safari 5.1+ IE 10+ ...
wordpressで記事ページ毎にfacebookのいいねボタンを設置する方法 2014 October 02Tweet wordpressサイト全体の「いいね」だけでなく、それぞれ記事ごとに「いいね」ボタンを設置して「いいね」をカウントできるようにする設定方法をメモ。 1.いいねボタン自動生成ツール まずは、いいねボタンのソースを自動生成してくれるページにアクセスします。 Like Button – Facebook Deve...
特定ユーザーのtwitterタイムラインをサイトやブログに埋め込む方法 2014 September 17Tweet 特定ユーザーのtwitterタイムラインをサイトやブログに埋め込む方法です。とっても簡単なのに毎回調べていたのでメモします。 ウイジェット作成 埋め込みコードは下記から作成できます。 https://twitter.com/settings/widgets 「新規作成」をクリック 埋め込みたいユー...
【chown】ファイルやディレクトリの所有者を変更するLinuxコマンド 2014 September 17Tweet 'chown'コマンドは、ファイルやディレクトリの所有者と所属グループを変更することができます。これらの変更を行えるのは、そのファイルの所有者または管理者(スーパーユーザー)だけです。 書式 chown [-cfhvR] [ユーザー]:[グループ] ファイル名 オプション -c 所有者が変更されたファ...
【WordPress】特定のカスタム投稿タイプの記事一覧を取得して表示する記述方法 2014 September 17Tweet 特定のカスタム投稿タイプで投稿した記事一覧を取得して、他のテンプレート内に表示させる場合の記述例です。例えば、トップページ(index.php)やサイドバー(sidebar.php)内に、特定のカスタム投稿タイプの最新記事一覧を取得することができます。 特定のカスタム投稿タイプの記事一覧を表示 <ul...
よく使うvimの削除コマンド一覧 2014 September 13Tweet vimにはたくさんの削除コマンドがありますが、良く使うvimの削除コマンドをまとめます。 下記はノーマルモードで使います。 x カーソルの位置の1文字を削除 X (shift+x) カーソルの位置の左の1文字を削除 dd 1行切り取り dd(x行目で1回目のdを押し、y行目で2回目のdを...
【jQuery】【パララックス】時間差スクロールで奥行きのある動作を実装する方法 2014 September 11Tweet それぞれのレイヤーごとのスクロール速度をずらことで、奥行きの感じられる動作を実装することができます。 今回は、jQueryを使って、背景画像の縦スクロールと横スクロールのパララックスを実装してみます。 ・縦の時間差スクロールサンプルページ ・横の時間差スクロールサンプルページ html <b...
【mac】秘密鍵のパーミッションエラーでssh接続できなくなったときの対処法 2014 September 03Tweet Macのターミナルから、サーバーに鍵認証でssh接続しようとしたら'WARNING: UNPROTECTED PRIVATE KEY FILE!'とエラーがでて接続できなくなりました。エラーを調べてみると、どうやら秘密鍵のパーミッションがオープンすぎることが原因のようです。パーミッションを変更することで解決できたのでメ...
【AWS】起動中のEC2インスタンスを再起動する手順(コマンドライン/コンソール画面) 2014 September 03Tweet EC2インスタンスを再起動したい場合は、AWSコンソール画面またはターミナルなどからコマンドで実行できます。ほとんどの場合、数秒〜数分で再起動できます。 インスタンスを再起動すると、インスタンスは同じホスト上で保持されるため、インスタンスのパブリックドメイン名、プライベートIPアドレス、およびインスタンスストアボリュ...
【PHP】タグを短縮できるようにするshort_open_tag(ショートタグ)の設定方法と記述方法 2014 August 30Tweet short_open_tagの設定をすると、phpのタグを短縮形で記述できるようになります。これは「ショートタグ」と呼ばれる形式で、コードをすっきり見せられるメリットがあります。 php.iniの'short_open_tag'を'On'にします。 逆に'Off'にすればショートタグを無効にできます。 $ c...
php実行時に発生したエラー内容をブラウザで表示/非表示させる記述方法 2014 August 29Tweet PHPを実行したときにエラーが発生すると、何も出力されず真っ白な画面が表示される事があります。開発中はエラー・警告内容を、HTML(ブラウザ)上に出力(表示)させるようにしておくと便利です。 設定方法は2種類あります。 phpの設定ファイルである'php.ini'に記述しておくと全てのphpファイルに適用されま...
【Linux】ファイルやディレクトリのパーミッションを変更する’chmod’コマンドの使い方 2014 August 29Tweet ファイルやディレクトリのアクセス権(パーミッション)を変更する'chmod'コマンドの使い方とオプションをメモ。 所有者,グループ,その他のユーザーに対して,それぞれファイルやディレクトリの読み込み権限,書き込み権限,実行権限を設定できます。パーミッションの変更を行えるのは、そのファイルの所有者または管理者だけです。...
初心者にも分かるアクセス権(パーミッション)の基本! 2014 August 26Tweet Webサイトやブログを運営している人は、パーミッションの設定はセキュリティ上必須です。うまく設定できていないと自分の管理するファイルが他人に書き換えられたり、削除されたりしてしまうこともあります。適切な設定をして、大切なファイルを守りましょう。 パーミッションとは ファイルやディレクトリに対するユーザー毎のアク...
【wordpress】時間短縮!投稿画面にクイックタグをプラグインなしで追加する方法 2014 August 25Tweet ブログを書くときに、いつも'hn'タグや、'class名'など毎回記述していましたが、時間のムダということに気が付き・・・調べてみました。 wordpress投稿画面にある「タグを追加するボタン」は「クイックタグ」と呼ぶようです。ボタンひとつで任意のタグを挿入できたら便利ですよね。さっそく実装してみたら簡単にできたの...
【wordpress】アイキャッチがトリミングされない/画像編集できない時の対処法 2014 August 20Tweet 投稿画面でアイキャッチの設定はできるけど、サムネイルサイズの選択ができない。 メディアからアップロードした画像を選択して、「画像を編集」ボタンがでてこない。 人気記事のクリック数をカウントしてランキング表示してくれるプラグイン「Wordpress Popular Posts」で、「投稿サムネールを表示する」にチェッ...