かわたま.net

Enjoy Creative! かわたまのwebメモ

Linux

かわたま.net

【Linux】複数あるファイルの中から特定の文字列を検索するコマンド

2014 August 01

複数あるファイルの中から特定の文字列を検索したいときのLinuxコマンド。 $ find ./ -type f -print | xargs grep 'hoge' 【上記コマンドの説明】 find find の次で指定したディレクトリ以下のファイルを検索する。 ファイル検索の構文は「find [pa...

かわたま.net
RGBa

【CSS3】RGBaプロパティで背景色のみを透過させる記述方法

2014 July 31

要素の透明度を指定するプロパティには、「Opacity」「RGBa」がありますが、CSSで指定した背景色のみを透過させたい場合などは「RGBa」プロパティで指定します。 RGBaとは CSS3から、RGBa(Red,Green,Blue,Alpha)という色指定のプロパティを使うことにより、色の透明度(al...

wordpress

【WordPress】bodyにページごと異なるidやclassを追加する実装手順

2014 July 30

wordpressは共通のヘッダー(header.php)を使用するので、何も指定しないままだとページごとに異なるcssを当てたい場合に不便です。 ページごとに異なるcssを当てたいときは、bodyにそれぞれidやclassを追加させるタグを追記します。 bodyにclassを追加 header.php内のb...

かわたま.net
kawatama.net
かわたま.net
aws/かわたま.net

【AWS】AMIMOTOで構築したwordpressに独自ドメイン割当手順【Route53】

2014 July 10

AMIMOTOでインスタンスを起動すると、「ec2-example.ap-foo-hoge.compute.amazonaws.com」というPublicDNSが割り当てられます。このアドレスにブラウザでアクセスするとwordpressのインストール画面が表示され、通常の手順でインストール完了☆となります。 インスト...

screenshot
条件分岐
サブディレクトリにインストールしたwordpressをドメイン直下に表示する方法【ルートディレクトリを変更】
高さの違う横並びのlistを縦方向に中央揃え
wordpressで予約投稿が失敗するときの解決方法
“かわたま”
mediascreen

画面サイズ別にCSSを切り替える ‘Media Queries’ についての基礎知識

2014 May 28

レスポンシブのwebサイト作成に必須のMedia Queries(@media screen)について復習兼ねてまとめます。 Media Queries とは? Media Queries とはブラウザの表示領域やデバイスの画面サイズなどの条件によって、適応させるスタイルを切り替えられるCSS3の機能のこと...

google-code-prettify

ソースコードをハイライトするgoogle-code-prettifyを使ってみた【実装手順】

2014 May 23

ソースコードのハイライトするのに、今までSynatx Highlighterを使っていましたが、Googleが提供しているGoogle-Code-Prettifyに変えてみようと思います。 Google-Code-Prettifyの良いところ *プラグインなしで使える *始めの行番号が指定できる *可読性が...

かわたま.net

wordpressでタイトル、または本文の文字数を制限して表示する実装方法

2014 May 20

トップページやブログの一覧ページでは、投稿のタイトルや本文の文字数を制限(カット)して表示させると統一感がでて見た目が綺麗に!かつレイアウト崩れを防げます。 タイトルの最大文字表示数を指定する [php]<a title="<?php the_title(); ?>" hr...

かわたま.net

wordpressでアイキャッチ画像を有効化〜表示させるまでの実装手順

2014 May 20

wordpressでアイキャッチ画像の設定〜表示させるまでの実装手順の覚え書きです。 目次 1,functions.phpへの記述 2,アイキャッチ画像を挿入(テンプレートファイル内への記述) 3,カラム幅より画像サイズが大きくてはみ出してしまう場合 1,functions.phpへの記述 Wo...

iOSシミュレータ
wordpress
1 2 3 4 5 6