縦書きのサイトを作るときのCSSの使い方と注意点についてまとめました。 癖が強いので、ブラウザ間での差異がないかのチェックは入念にしておいた方がいいかもしれません。 縦書きにするCSSの指定方法 以下のHTMLを縦書きに […]
ブログ
FTPツール「FileZilla」の使い方とおすすめの設定
サーバーと接続するFTPツール「FileZilla」の使い方とおすすめの設定です。 FTPツールはいくつかありますが、FileZillaが個人的には最も使いやすいなと思います。サイトを運営するにあたって必ず使う必要のでて […]
ファビコンのためのHTMLタグとicoファイルを作成できるサイト
ファビコンの設定方法です。ファビコンとは、ブラウザのタブのタイトル横に表示される小さいアイコンのことですね。 当サイト「HPcode」だったら「はにわ」のアイコンを表示させています。 ファビコンは、そのサイトを示すシンボ […]
【動画あり】Chromeのデベロッパーツールの使い方！コーダーはどう使う？
Chromeのデベロッパーツールの使い方を紹介します。 現役コーダーのわたしが普段から確認しているポイントに絞って紹介していきますので、同じような職種の方は特に参考にしていただけると嬉しいです。 ※ デベロッパーツールは […]
WordPress案件でクライアントから必要な２つの情報
WordPress案件を受けるに当たってクライアント様からいただく必要のある情報が２つあります。約300件のWordPress案件を対応してきましたが、特に問題が起きていないので自分の中でテンプレート化されてきました。 […]
CSSで変数っぽく使えるインクリメント変数で連番がスマートに！
CSSは基本的に変数は使えませんが、連番を表現するときは動的に順番の「値（数字）」を取得してくれる関数？値？が用意されています。 よくあるのは、ブログとかのランキングで「○位」みたいな指定をするときでしょうか。動的に順番 […]
Webフォント（Googleフォント）の使い方！WindowsやMacに依存しないサイト制作
Webサイトで表示させるフォントには大きく分けると2つあります。 デバイスフォント ・・・ WindowsやMacなどのデバイスに依存 Webフォント ・・・ ネットワーク上からフォントデータを取得 デバイスフォントとは […]
CSSの「calc」と「nth-child」を組み合わせて余白を意識した横並び
レスポンシブサイトでアイテムを横並びにする時のCSSの指定方法です。ウインドウサイズを変更したときに、ガタガタせずにスムーズに均等に縮めたりするには、CSSのcalc関数を使って余白を計算させながらパーセント指定すると、 […]
pageとpagedは違う！個別ページと一覧ページで使い分けよう
WordPressでオリジナルな一覧ページを作る上で意識して指定しているのが、pagedという値だと思います。 WP_Query( array( ‘paged’ => $paged ) );といった感じですね。 こ […]
WordPressのトップページを任意のテンプレートで指定してブログ一覧を別にする方法
かつてのWordPressは「誰もが簡単にブログが書けるように」という理念のとおり、ブログのためのシステムでした。今では、ブログ以外にも企業のコーポレートサイトに使われたりと、むしろブログを補助的な位置づけに置くサイトも […]
カスタム投稿タイプを簡単に作成できる「Custom Post Type UI」の使い方！
カスタム投稿タイプを簡単に追加できる「Custom Post Type UI」の紹介です！初心者のころのわたしは変な意地があって自作でカスタム投稿タイプを作ることにムキになっていましたが、先人の恩恵を受けて「Custom […]
Sassを使うメリットとよく使う機能を４つだけ厳選！
Sassは、CSSを拡張した言語で、利用する主な目的としては「CSSを管理しやすくするため」です。 平面にベターっと並ぶCSSはとてつもなく見づらく管理しずらい圧倒的なデメリットがあります。CSSが数千、数万行となったと […]
「Advanced Custom Fields」の使い方と出力方法のまとめ
投稿や固定の編集画面の拡張に欠かせないのが「Advanced Custom Fields」というプラグインです。 投稿の編集ではタイトルとコンテンツしか入力できないので、URLを別の独立した値として持っておきたい、テキス […]
ブランド名の決め方とGoogle検索結果で簡単に１位を取る方法
なぜ「はにわまん」なんですか？、というご質問をよく受けます。「はにわまん」とはわたしのインターネット上でのハンドルネームのようなものです。 ↓こんな感じ（@haniwa008） 結論からいうと、 Twitter上で唯一無 […]
仕事で１からWordPressを作る時によく使うプラグイン５選（＋５）
WordPressのテーマには「見栄えに関すること」しか書かないという基本ポリシーがあります。 （守ることが義務付けられているわけではありません） その他の機能の拡張といった部分はプラグインで対応するわけです。その方が拡 […]
ボタンでアローアイコンをCSSで表現する3つの方法
ボタンでアローアイコンをCSSで表現する3つの方法です。 ボタンでアローアイコンをCSSで表現する3つの方法 ボタンでアローアイコンを表現する3つの方法です。 背景画像 疑似要素 HTMLタグ の3つがあります。 今回使 […]
WordPressでパンくずリストを簡単設置できる「Breadcrumb NavXT」プラグイン
パンくずリストはWordPressの標準機能にはありません。 自分で1からテーマを作る場合は自作するかプラグインを使うかの2択になるわけですが、自作できないわたしは素直にプラグインを使っています。 WordPressのパ […]
WordPressの任意のループ（サブループ）を作る方法と覚えておきたい指定方法
WordPressでサイト制作する上で絶対に押さえておくべき仕組みの1つに「任意のループを作る」があると思っています。 「ループ」とは管理画面から投稿した記事をまとめて一覧で表示させる仕組みとイメージしていただければいい […]