文系40代♀がIT企業を目指すブログ

40代になり本格的にプログラミングの勉強をはじめてみました。なんとかしてお金にならないかと考えながらがんばっています。

Bootstrap

【Bootstrap】Tablesを使ってカテゴリ表示【楽天スマホ】

楽天スマホページの続きです。 今日はカテゴリ表示。 いろいろやり方があるんですが、まだこれとは決めてません。 他の店舗のスマホページを拝見させていただいたところ、サムネイル付き表示とテキスト表示どちらもありました。 うちの場合はPCで使っている…

【Bootstrap】List groupで「価格帯からさがす」を設置【楽天スマホ】

今日から早速楽天スマホページ制作に入りました! まずはBootstrapって使えるの…?と思って、調べてみたところあまり情報はなかったのですが、2018年にOKになったと書いている記事がありました。 それでアップしてみたところ問題なく使えました。 汚いけど簡…

【Github】Github Pagesで確認しながらの更新

今日の進捗…全く進みませんでした。。 Github Pagesに前に作ったデータをアップしただけです。。 以前からGithub Pagesにアップして動作確認をしていたのですが、いろいろ悲しい事情があって、前のGithubアカウントを一旦削除し別のアカウントを作成しました…

Wordpressを一旦あきらめてBootstrapに戻ります…

Wordpress苦戦中なんですが、今日は先日書いたように wpmake.jp オリジナルで組んで行こうと1つずつ見ていったけれど、面倒臭い…。と思ってしまい、再びテーマ選びに戻りました。 そしてテーマを選んでカスタマイズしてみるものの 「なんでここは変えられな…

【Wordpress】苦戦中です…

少し前からはじめたWordpress、苦戦中です…。 pg.whiteandpeach.com 苦戦…というかテーマが決まりません。 左にメニューが良いかなと思って、テーマを決めて作っていったんですが… なんかダサい…。古い…。 これではjimdoと変わらない!! カスタマイズを試み…

jQueryの画像ギャラリーを設置してみたけど…

今日は飼い犬のサイトの画像ギャラリーの設置をやってみました。 ちなみにトップページは会社のサイトのテンプレートを使ってこんな感じになっています。 なんとなく物足りない感…。手抜き。。 画像中心のサイトなので画像ギャラリーが今回のメイン! いろい…

【予告】愛犬コーギーのサイト制作

会社のサイトが出来上がったので、次は委託しているサイトのリニューアル…と思ったのですが、まだまだ技術不足なので、次は愛犬のサイトのリニューアルをしたいと思います。 現在のサイト corgimomota.jimdo.com Jimdoで時間あるときにササッと作った手抜き…

【bootstrapで作った】会社のサイト完成!

bootstrapで作った会社のサイトが完成しました! www.whiteandpeach.jp 制作期間:3ヶ月 使った言語:HTML、CSS、bootstrap、jQuery、PHP 使ったエディタ:Dreamweaver、Visual Studio Code レンタルサーバー:ロリポップ ドメイン:ムームードメイン 仕事中…

【bootstrap】IE11での画像のバグ

会社のサイトですが、今日やっとだいたいできたーと思って、IEでも確認してみたところ・・・ 初心者がやりがちみたいに縮まった画像になってました…。 調べてみるとbootstrap4のバグらしいです。。 こちらの方が対処法を書いてくださってました。 mobiletent…

【bootstrap】Cardを多用してみた

会社のサイトがあと少しです! 今日サーバー契約する予定です。 今回はbootstrap中心での制作にこだわりました。 何度もComponentsを見て何ができるか確認しました。 Dreamweaverは逆に難しく感じてしまったので結局bootstrapの公式サイトからコピペしてVSco…

【bootstrap】navの文字が改行されてしまう

あともう一息で会社のWEBサイトができそうなんですが、ヘッダーのnavの文字が改行されてしまう!? と思い調べていました。 ブレイクポイント?とかいうやつが悪いの?? とか、いろいろ考えてみたんですができない!! そしたら、折り返したくない場合 text…

【入門】Bootstrapを使いこなす

今、自分の会社のWEBサイトを自作しています。 スマホ対応にしたくて、いろいろ調べてみたのですが、Bootstrapが一番できそう…!そしてDreamweaverに対応してる!! と最初Dreamweaverでやっていたのですが、なんだか非効率で(時々画面がおかしくなるし)、…

jQueryで共通パーツを読み込む

以前、本ブログで書いた内容を転載します。 blog.whiteandpeach.com jQueryでヘッダー、フッターを共通パーツにしてみました。 こちらの方のやり方を参考にさせていただいたのですが・・・・ code-life.hatenablog.com ドロップダウンメニューが押せませんで…