プログラミング学習記録 記事一覧

WordPress学習記録

WordPress化 ナビゲーションメニューを複数設定【第38話】

WordPressのナビゲーションメニューを複数箇所に設置できるようにする記述やメニューの設置の方法、スタイルの調整についてご紹介しています。この実装を行えばヘッダー下、フッター、サイドバーなど希望の位置にメニューを設置することができるようになります。
WordPress学習記録

WordPress化 page.phpのCSSを修正【第37話】

前回page.phpのWordPress化でスタイルが崩壊してしまった固定ページの修正を行いました。HTMLの親子関係に気を使いながらプロパティの引っ越しを行うことで最初からまたスタイルを組み直すことなく修正を行うことができました。
WordPress学習記録

WordPress化 footer.phpとpage.phpの編集【第36話】

ホームページ下のフッターにあるリンクから指定の固定ページに飛ばしたり記事の内容をWordPressで編集できるようにfooter.phpとpage.phpを編集しました。指定ページに飛ばすのは<a>のhref部分を書き換えることで簡単に遷移させることができました。
WordPress学習記録

WordPressテーマ化sidebar.phpの編集【第35話】

サイドバーパーツをsidebar.phpとしてWordPress化を進めていきます。ウィジェット機能をつけWordPressでサイドバーの管理をするためにどのようなことをすれば良いのかプログラミング初心者もできた方法についてご紹介しています。この記事ではサイドバーにカテゴリーを表示させるように編集を行います。
WordPress学習記録

WordPress化 背景画像とjQueryの不具合を解決【第34話】

WordPress化で反映されなくなった背景画像とjQueryを解決することに成功しました。その原因は画像のパスの通し方と</body>の前に必須の『あの』WordPressテンプレートでした。どのように解決できたのかご紹介しています。
WordPress学習記録

WordPress化 header.phpの編集【第33話】

本格的にWordPressテーマ化に取り掛かります。まずは全ページ共通パーツのheader.phpをWordPressで管理できるように編集を行います。基本情報のWordPress化には成功しましたが最後の最後でCSSが反映されないハプニングが発生してしまいました。
WordPress学習記録

HTMLファイルをWordPressテーマ化する第1歩【第32話】

コーディングしたHTMLファイルデータをWordPressテーマとして動かすためにまず必要な作業「ローカル環境の構築」「共通パーツの分割」を行いました。HTMLファイルをローカル環境構築やテーマ反映に必要なファイルの作成、分割方法についてご紹介しています。
WordPress学習記録

RaiseTech最終課題コーディングレビュー修正【第31話】

コーディングレビューで頂いた「サイドバー表示時のスクロール固定」や「headerタグが空になっている」という指摘箇所を修正しました。サイドバー表示時に後ろの画面のスクロールの止め方やheaderタグの役割について学習することができました。
WordPress学習記録

サイドバースクロール修正&コーディング完了【第30話】

前回のサイドバーのスクロールが固定される不具合をpositionプロパティの見直しで解決しました。またコーディング全5ページのスマートフォンサイズのレスポンシブ化を完了しRaiseTech最終課題のコーディングがまずは完成しました。
WordPress学習記録

サイトコーディングの問題潰し後編&レスポンシブ化【第29話】

サイドバーがスクロールしない…サイドバーにアニメーションをつけたい…こんな課題の修正に挑戦しました。またコーディング全5ページのタブレットサイズのレスポンシブ化を一気に行いました。