その他ブログを始めてみて思った5つのこと
2020-12-10 オレンジ webの自由帳
今回はブログを始めて思ったことをつらつら書いていこうと思います。
今まではweb制作のティップス系の記事しか書いてきませんでしたが、
せっかくなので思ったことも残しておこうかなと。 …
WordPress【WordPressテーマ作成】全体の流れをまとめてみる
2020-11-27 オレンジ webの自由帳
今回はWordPressでテーマを作るときの全体の流れをまとめてみたいと思います。 各テンプレートファイルの作り方など細かい部分をそれ …
その他【Webデザイン】ギャラリーサイトまとめ
2020-11-14 オレンジ webの自由帳
今回はWebデザインのギャラリーサイトをただただ挙げていきます。
最後の2つ、「bookma!」さんと「Responsive Web Design JP」さんはPC以外の端末で …
WordPress【WordPressテーマ作成】404ページの作り方
2020-11-13 オレンジ webの自由帳
今回はWordPressの404ページの作り方について
簡単にまとめていきたいと思います。 そもそも404ページってなに？
そもそ …
jQuery【jQuery】モーダルウィンドウの作り方
2020-11-05 オレンジ webの自由帳
今回はjQueryでモーダルウィンドウを作る方法についてまとめたいと思います。 このようなシンプルなモーダルウィンドウのサンプルを作ってみました。 See th …
WordPress【WordPressテーマ作成】よく使うテンプレートタグ & 関数まとめ
2020-11-03 オレンジ webの自由帳
今回はWordPressで自作テーマを作るときに使う テンプレートタグや関数をまとめてみたいと思います。
共通
基本のループ処理
…
WordPress【WordPressテーマ作成】ウィジェットの作り方
2020-10-28 オレンジ webの自由帳
今回はWordPressのテーマ作成で
ウィジェットを作成する方法をまとめてみたいと思います。
おおまかな全体の流れはこんなかんじです。 …
WordPress【パンくずリストプラグイン】Breadcrumb NavXTの使い方
2020-10-16 オレンジ webの自由帳
今回はWordPressで簡単にパンくずリストを作ってくれるプラグイン
「Breadcrumb NavXT」の使い方についてまとめたいと思 …
WordPress【アーカイブページの表示件数を出し分ける】pre_get_postsの使い方
2020-10-13 オレンジ webの自由帳
今回は各アーカイブページで表示件数を出し分けることができるアクションフックpre_get_postsの使い方についてまとめてみたいと思います …
WordPress【カスタムタクソノミー】をCustom Post Type UIで作る方法
2020-10-13 オレンジ webの自由帳
今回はWordPressのカスタムタクソノミー / カスタム分類を
「Custom Post Type UI」というプラグインで作る方法を …
WordPress【カスタム投稿タイプ】をCustom Post Type UIで作る方法
2020-10-06 オレンジ webの自由帳
今回はWordPressのカスタム投稿タイプを
「Custom Post Type UI」というプラグインで作る方法をまとめていきたいと思 …
WordPress【カスタムフィールド】をAdvenced Custom Fieldsで作る方法
2020-10-05 オレンジ webの自由帳
今回はWordPressのカスタムフィールドを簡単に作ることができるプラグイン
Advanced Custom Fieldsの使いかたをま …
WordPress【手順まとめ】HTMLサイトのWordPress化
2020-10-02 オレンジ webの自由帳
今回はHTMLサイトをWordPress化する際の手順をまとめてみようと思います。 なお前提としてすでに静的にコーディングされたHTM …
WordPress【WordPressにテーマと認識させるために】必要な手順 & ファイル【最低限】
2020-08-15 オレンジ webの自由帳
今回はWordPressにテーマとして認識されるために必要な手順、そして必要なファイルについてまとめてみたいと思います。
ただ最低限W …
WordPress【MAMP】WordPressのローカル開発環境を作る方法 【2つ目以降】
2020-08-06 オレンジ webの自由帳
今回は「MAMP」で2つ目以降の
WordPressローカル開発環境を作る方法をまとめてみたいと思います。
おおまかな手順の流れ
おお …
その他【Photoshopからコーディング】画像の書き出し / 要素の取得方法
2020-07-17 オレンジ webの自由帳
今回はAdobeのPhotoshopからコーディングをする際の
画像の書き出し方法、値の取得方法を簡単にまとめてみたいと思います。 …
jQuery【jQueryスライダープラグイン】slickの使い方
2020-07-16 オレンジ webの自由帳
サイトをみていると、かなりの高確率でスライダーが使われていますよね。 今回はjQueryで動くスライダープラグイン、
「slick」 …
HTML / CSS【HTMLフォーム】セレクトボックスの作り方
2020-07-10 オレンジ webの自由帳
今回はお問い合わせフォームなどでよく見る
セレクトボックスの作り方についてまとめてみたいと思います。 こんなかんじのサンプルをつくってみました。
See the Pen …