2013-11-01から1ヶ月間の記事一覧

送信完了ページを作成する

「Contact Form 7」で送信完了ページを表示する 送信完了ページを新規作成する お問い合わせフォームの個ページに設定する 送信完了ページの移動を設定する 「お問い合わせ」フォーム編集画面から、「その他の設定」 on_sent_ok: "location.replace('http://…

メール送信フォームを作成する

プラグインでお問い合わせフォームを作る プラグイン「Contact Form 7」をインストール お問い合わせの管理画面を表示する フォームの項目を編集する 追加できるフォーム一覧 フォームから受け取るメールを設定する 「メール」欄で「宛先」を、フォームから…

外部ブログのRSSフィードを表示する

RSSウィジェットの設定 「RSS」というウィジェットを、任意のウィジェットスペースにドラッグ&ドロップします

ウィジェットスペースを活用する

テキストウィジェット テキストウィジェットは、何でも貼付けられて自由に使えるウィジェットです Youtubeの動画を表示する YouTubeで動画の埋め込みコードを取得する width="430"に変更するときれいに収まります Twitter一覧を掲載する Twitterにログイン h…

他のウィジェットに人気の記事を表示する

他のウィジェットに人気の記事を表示する 事例集をサイドバーにあたるタクソノミーウィジェットに1件だけ表示する

人気の記事を表示する

ホームページウィジェットに人気の記事を表示する プラグイン「WordPress Popular Posts」をインストールする ウィジェットを設定する 人気の事例の表示をカスタマイズしよう

新着情報を作成する

新着情報を作成する プラグイン「Flexible Posts Widget」をインストールする ウィジェットを設定する 以下の例は、「アイキャッチ画像」の設定です。本文内に画像がある場合は、「thumnail」「medium」「large」の選択が可能です

トップページイメージを表示する

スライドショープラグインを利用する プラグイン「Easing Slider "Lite"」をインストールする トップイメージの表示サイズ設定 「管理画面」→「Slideshow」 トップイメージ画像のアップロード 「Add Images」をクリックし、あらかじめ「938px × 300px」のサ…

functions.phpのカスタマイズ

functions.phpとは WordPressにさまざまな設定を加えることのできる特別なファイルです カスタム投稿に関する記述 /*事例集 (work) の設定*/ register_post_type('work', array( 'label' => '事例集', 'public' => true, 'has_archive' => true, 'supports' …

カスタム投稿の表示件数を変更する

事例集の一覧ページに表示する件数を設定する プラグイン「Simple Custom Posts per Page」をインストールする 表示件数を設定する メニュー「設定」→「表示設定」 表示件数の変更 指定した1ページに表示する最大件数の設定 初期設定は「10件」 この設定は…

事例紹介ページを作成する

事例ページを作成する カスタム投稿「事例集」で投稿を新規追加する カスタム分類を選択する 画像をアップロード 「タイトル」と「代替え文字」を入力する 「配置:左」「リンク先:なし」「サイズ:大(フルサイズ)」 本文を入力する アイキャッチ画像を設…

カスタムフィールド

カスタムフィールドの設定 プラグイン「Custom Field Suite」をインストールする フィールドグループ 新規作成 事例詳細のカスタムフィールドを設定する 配置ルール 「投稿タイプ」→「work」 新規フィールド追加 「日付け」→「date」 「URL」→「url」 「備考…

カスタム投稿とカスタム分類

カスタム投稿 「カスタム投稿」は、標準の投稿や固定ページとは別に、任意の時系列の投稿にコンテンツを設定できる機能です 例えば、通常のニュースリリースは投稿として管理し、事例集はカスタム投稿で別にわけて管理するといった使い分けができます カスタ…

プラグインでサイトの機能を追加する

パンくずリストを作成する プラグイン「Breadcrumb NavXT」をインストール プラグイン有効化して、設定画面を確認する ページネーション機能を追加する プラグイン「WP-PageNavi」をインストール 画像ポップアップ機能を追加する プラグイン「Easy FancyBox…

ウィジェットを配置する

ウィジェットを配置する ウィジェット (Widget)とは、 グラフィカルユーザインタフェースを構成する部品要素、およびその集まり 「外観」→「ウィジェット」 最近の投稿を変更する 複数のウィジェットを配置する 注意 macのブラウザでカラム落ちがある場合、…

カスタムメニューを設定する

カスタムメニューを作成する 「外観」→「メニュー」をクリックする 「メニューの名前」を「menu」として作成する 固定ページをメニューに追加する カテゴリをメニューに追加する メニューの並び順を変更する ヘッダーメニューとフッターメニューを作成 新規…

投稿を作成する

投稿のカテゴリを作成する 「投稿」→「カテゴリ」リンクから初期設定の「未分類」を「お知らせ」に変更する カテゴリを新規作成 「スタッフブログ:blog」 「お客様紹介:client」 「メディア掲載:media」 サブカテゴリを作成 スタッフブログにサブカテゴリ…

固定ページを編集する

固定ページを編集する 「編集」リンクから編集画面に移動する 編集ツールをすべて表示 画像を挿入 編集画面の「メディアを追加」ボタンを押す メディアを挿入 更新して表示 表組みを挿入 プラグイン「MCE Table Buttons」をインストール GoogleMapを挿入 プ…

固定ページを作成する

新規固定ページを追加する 固定ページは、時系列で一覧表示させる必要のないページにむいています 「パーマリンク」を編集する 固定ページを公開する 固定ページを表示 「ホーム」「トピックス」「ギャラリー」「会社概要」「よくある質問」「サイトマップ」…

テーマをインストール

テーマファイルをダウンロード テーマは画像やスタイルシートなど一式を含んだテーマファイルから構成されている インストールされたテーマの保存場所「/wp-content/themes/」 参考書テーマ テーマファイルをアップロード 「ダッシュボード」→「外観」→「テ…

アップロード画像の設定

メディア設定 テーマにあわせて配置できる画像サイズの幅の上限が660pxにします アップロード可能なファイル容量は、サーバーによって異なります(変更するには、サーバーの php.ini を編集します) 画像のリサイズ設定 アップロードした画像を自動でリサイ…

一般・表示設定

WordPressにログイン http://localhost/wp/wp-login.php 一般設定 表示設定 特にオンライン制作環境では、制作途中の状態を検索エンジンがインデックスしたり、外部の人に見られないようにするには、以下のチェックをします ログインしないと閲覧ができない…

ダウンロードとインストール

WordPressをダウンロード WordPress 日本語ローカルサイトからダウンロードする テストサーバーにインストール テストサーバー内「htdocs」にwordpressフォルダー(例は、wp)を移動する phpMyAdminからテストサーバー内に入り「wordpress(例は、wp)」とい…

SESSION

ログイン情報をログアウトするまで保持 以下のように表示する仕組みを記述しなさい 未入力チェック機能をつける HTML5のフォーム機能 PHPでの未入力チェック 正規表現で入力文字列をチェック IDは、半角英字 パスワードは、半角数字 重複防止は考慮しない

COOKIE(2)

訪問回数を表示する 以下のように訪問回数を表示する仕組みを記述しなさい 《はじめて訪問の場合》

COOKIE(1)

入力されたIDを次回アクセス時まで覚える仕組み IDを2週間記憶するように記述しなさい(戻るリンクで戻ったときに、記憶しているようにする) ただし、パスワードはセキュリティの観点から覚えさせないこと 《input.php》 《output.php》

フォーム(5)

フォーム(5) 課題(4)でデータベースに格納されたデータを一覧表示させなさい(名前、メールアドレス、メッセージ内容)

フォーム(4)

フォーム(4) 課題(3)の内容を、データベースに格納するように設計しなさい

フォーム(3)

フォーム(3) 課題(2)の内容を、クライアントと入力者にそれぞれ入力内容をメールの送信をするようにしなさい

フォーム(2)

フォーム(2) 課題(1)の内容を、入力フィールドの入力チェックをPHPで加えなさい 入力チェックのレベルは、未入力チェック → 正規表現チェック と自力で入力可能な選択をします