【css】高さの違う横並びのlistを縦方向に中央揃えにしたいときの記述例 2014 June 08Tweet ul と li を使って何らかの要素を横並びにするとき、縦方向に中央揃えしたい場合や、上下で揃えたい場合は display: inline-block; を使うと縦方向の基準を指定できます。 displayプロパティとは displayは、要素の「表示形式」を指定するプロパティ。 ブロック要素をインラ...
wordpressで予約投稿が失敗するときの解決方法 2014 June 07Tweet 製作中のウェブサイトで予約投稿のテストをしたら「予約投稿の失敗」の表示。 原因を調べてみたら簡単に解決したのでメモ。 ▼ 対処法その1 ベーシック認証をかけていると失敗する wordpressをベーシック認証によってアクセス制限された環境で運用している場合、予約投稿ができないことがあるようです。 今回...
プライバシー・ポリシー(個人情報保護方針)、免責事項の書き方サンプル 2014 June 01Tweet 新しくウェブサイトを作成する際に必要なことが多い「プライバシー・ポリシー(個人情報保護方針)」「免責事項」。一般的な書き方サンプルをメモします。 個人情報保護方針とは ウェブサイトにおいて、収集した個人情報をどう扱うのか(保護するのか、それとも一定条件の元に利用するのか)などを、サイトの管理者が定めた規範の...
画面サイズ別にCSSを切り替える ‘Media Queries’ についての基礎知識 2014 May 28Tweet レスポンシブのwebサイト作成に必須のMedia Queries(@media screen)について復習兼ねてまとめます。 Media Queries とは? Media Queries とはブラウザの表示領域やデバイスの画面サイズなどの条件によって、適応させるスタイルを切り替えられるCSS3の機能のこと...
macで漢字や記号の読み方を調べる方法 2014 May 27Tweet たまには技術ネタでない記事を書きます。 mac(OSX)で、読み方が分からず入力できない漢字に遭遇したときの解決法です。 調べる機会があったのでメモ。(いままで知らなかった・・) 環境設定 ▼ システム環境設定で「言語と地域」を選択。 ▼「キーボード環境設定」を選択。 ▼「メニューバーに...
ソースコードをハイライトするgoogle-code-prettifyを使ってみた【実装手順】 2014 May 23Tweet ソースコードのハイライトするのに、今までSynatx Highlighterを使っていましたが、Googleが提供しているGoogle-Code-Prettifyに変えてみようと思います。 Google-Code-Prettifyの良いところ *プラグインなしで使える *始めの行番号が指定できる *可読性が...
wordpressでタイトル、または本文の文字数を制限して表示する実装方法 2014 May 20Tweet トップページやブログの一覧ページでは、投稿のタイトルや本文の文字数を制限(カット)して表示させると統一感がでて見た目が綺麗に!かつレイアウト崩れを防げます。 タイトルの最大文字表示数を指定する [php]<a title="<?php the_title(); ?>" hr...
wordpressでアイキャッチ画像を有効化〜表示させるまでの実装手順 2014 May 20Tweet wordpressでアイキャッチ画像の設定〜表示させるまでの実装手順の覚え書きです。 目次 1,functions.phpへの記述 2,アイキャッチ画像を挿入(テンプレートファイル内への記述) 3,カラム幅より画像サイズが大きくてはみ出してしまう場合 1,functions.phpへの記述 Wo...
スマホ(iPhone/iPad)表示を要素検証する方法2つ【webインスペクタ】【デバイスチェック】 2014 May 04Tweet PCブラウザの開発ツールを使ったデバイスチェックをして問題がなくても、実際にデバイスで見てみるとエラー・・・T Tなんてこと、良くあります。 そんなときに便利なスマホ(タブレット)表示の要素検証方法手順を2つメモ。 その1 - iOSシミュレータを使ってチェック(デバイス全て持ってないとき) その2 - ...
記事内でpcとスマホ(タブレット)の表示内容を切り替えるwordpressのショートコード 2014 April 30Tweet 久しぶりの更新です^O^ 「pc」と「スマートフォン」で表示を切り替える方法はいくつかありますが、"意図した部分だけ"をショートコードで簡単に内容を切り替えられるようにする手順メモ。 広告の出し分けなどがとっても簡単にできるので便利です! 記事内で使う場合と、テンプレートファイル内で使う場合の手順をまとめまし...
新しく作ったサイトがgoogleにインデックスされないときに試した3つのこと 2014 April 05Tweet 新しくサイトを作ったのでウェブマスターツールに登録してみたはいいけれど、 数日経ってもインデックス数がいっこうに増えない・・・ さらにDNSエラーまででてる・・・ そんなときに試した3つのことをメモ。 ウェブマスターツールとは 公式:「Googleウェブマスターツールは、あなたのウェブサイ...
サムネイル付き関連記事(タグ)をプラグインなしで表示させる【wordpress】 2014 March 21Tweet かわたま.netもやっと30記事ほどになってきました! だんだん記事が増えてくると、昔書いたの記事が埋もれてきます。 読者に他の記事も読んでもらうために、記事の最後に関連記事を表示させたいと思います。 関連記事を表示させるためのプラグインもたくさんありますができればプラグインなしでいきたい! と思ったら簡単...