wordpressテーマを自作するときもbootstrapが使えれば楽だなと思い、wordpress用のBootStrapの設定をメモ。 準備 wordpressテーマの準備 FTPソフトを使い、wp-content >> themesに任意の名前でフォルダを作成。 その中にとりあえずindex.php,style.css,functions.phpを作成。 BootStrapファイルの配置 解凍 […]
ユーザーの追加方法 管理画面 >> ユーザー >> 新規追加 必須項目以外は任意 権限グループについて wordpressではユーザー毎に利用できる機能を制限させることができる。 権限名 付与される権限 管理者 全機能への権限がある 編集者 記事公開や、自他の投稿の管理権限。カテゴリやタグの作成、固定ページの作成なども可能 投稿者 記事作成や自分の投稿管理、公開までできる。メディアファイルにアクセ […]
ブートストラップ(Bootstrap)とは CSSフレームワークで有名なもので、既にCSSが書かれたファイルを読み込んで、HTMLにクラス指定するだけで簡単にwebデザインができるというもの。 メリット モックアップの作成やレスポンシブデザインでのレイアウトが容易 デメリット デザインが似やすい。バージョンアップが早い。HTMLとCSSでガリガリ書くのに慣れている場合は、クラス指定の名称等のルール […]
関数とは 複数の文で書かれた命令をまとめて呼び出せるようにする仕組みのこと。 [javascript] var name = prompt(‘名前を教えてください’); greet(name); // ↑関数の呼び出し function greet(name) { var message = ‘こんにちは’; alert(message + name […]
プログラム js/app/js ポイント 定数で固定データをわかりやすく 1～4行目 数字のままではわかりにくいので、GU,CHOKI,PAという変数にそれぞれ代入する。 この値は不変の値になるため「定数」と呼び、定数であることがわかるように大文字にする習慣を付ける。 数値に変換 8行目 【JavaScript 2-1】 if文を使った条件分岐で使ったparseFloat関数の応用で、parseI […]
お腹の空き具合に応じて注文を変更する 前回のプログラムに条件を追加する 【JavaScript 2-1】 if文を使った条件分岐 js/app.js [javascript highlight=”4″] var money = prompt(‘所持金を数字で入力してください’); money = parseFloat(money); var Hung […]
所持金に応じた注文結果の分岐 ※htmlは前回の記事のファイルと同様 【JavaScript 1-2】 BMI計算プログラムを作る js/app.js [javascript highlight=”3-4″] var money = prompt(‘所持金を数字で入力してください’); money = parseFloat(money); if(mo […]
はじめに 簡単なプログラム入門として、JavaScriptでBMIを求めるプログラムを作成する。自分の体重・身長を入れるとBMIが返ってくるシンプルなプログラムを、簡単な書き方、少し慣れた後の書き方の２通り書いていく。 準備 エディターを用意する 自分が使いやすいと思うエディターを用意しておく。【高機能エディタ】 ATOMが一番使いやすいかもしれない 用意するファイルとディレクトリ構成 htmlフ […]
はじめに プログラミングを始めるのに最も手軽な手段の一つといっていいのがブラウザのコンソールを使って試してみることです。google chromeを使って、画面上でF12キーを押してみてください。以下画像のようなエリアが表示されれば準備OKです。 １．Hello Worldを実行する 表示させたブラウザーのコンソールに直接プログラムを書いてみましょう。 実行結果 ２．コンソールを使って計算をする […]
