2013-01-01から1年間の記事一覧

Slider

SLIDERJS SlidesJS 3.0 Flexslider bxSlider Camera | a free jQuery slideshow WOW Slider Blueberry ResponsiveSlides.js Elastislide Slideshow with jmpress.js Seamless Responsive Photo Grid jQuery Responsive Thumbnail Gallery Plugin Elastic Ima…

言の葉草

言の葉草

予約システム

時間単位で予約できる予約ページを作成 プラグイン「MTS Simple Booking予約システム」をインストールする 予約システムの設定 各種設定 予約受付期間 当日から何ヶ月先までの予約を受け付けるかを設定します 最大6ヶ月までの設定が可能です 空きマーク 空…

マルチサイトを構築する

プラグインを無効化する 設定ファイルを書き換える 「wp-config.php」をテキストエディターで開く 86行目あたりを確認 この上の行に、ネットワーク機能を ON にするための設定「define('WP_ALLOW_MULTISITE', true);」を挿入します。 保存した「wp-config.ph…

セキュリティ対策

セキュリティ対策 プラグイン「Limit Login Attempts」をインストールする プラグインを設定する Lockout(ロックアウト) ログイン失敗許容の回数と、それを超えた場合のロックアウト(ログイン排除)の時間を指定します 指定時間内のロックアウト許容回数…

データベースのバックアップ

データベースのバックアップする プラグイン「WP DBManager」をインストールする 「.htaccess」ファイルをアップロード この警告に従って、バックアップデータが保存されるフォルダーに「.htaccess」ファイルを配置します

アクセス解析をする

Google Analytics でアクセス解析を利用する

サイトを公開する

公開時のチェック項目を確認する

SNS向けの共有設定を行う

OGP(Open Graph Protocol)を設定する プラグイン「WP Total Hacks」をインストールする

サイトをまとめてカスタマイズする

WordPressのカスタマイズをまとめて行う プラグイン「WP Total Hacks」をインストールする

SEO対策を行う

各ページのタイトル、詳細を設定する プラグイン「All in One SEO Pack」をインストールする 実際には、プラグインが上位表示をするわけではなく「正しい文書構造」こそが重要です トップページの設定を行う 投稿や固定ページの設定を行う 個人的には、この…

スタイルシートのカスタマイズ

Chrome 要素の検証でスタイルシートをカスタマイズする デザインを変更したい部分を右クリックして、メニューから「要素の検証」を選択します 該当するセレクタの値を変更してみる 目的の状態になったら、右上のCSSのファイル名をクリックする 該当する行を…

サイトの表示をデバイスごとに切り替える

各デバイスで表示を行うためのショートコードを実装する プラグイン「WP Mobile Detect」をインストール [phone]スマートフォンで表示[/phone] [tablet]タブレットで表示[/tablet] [device]スマートフォンとタブレットで表示[/device] [notphone]タブレット…

ギャラリーを作成する

ギャラリーを作成する

サイトマップを作成する

固定ページにサイトマップを表示する パーマリンクで利用する「sitemap」と区別するために、ページタイトルは「site-map」とします メニューでサイトマップを作成する 固定ページにショートコードを挿入する [menu menu=sitemap] サイトマップをフッターに表…

よくある質問ページを作成する

よくある質問としてFAQページを作成してみる 「よくある質問」ページを新規作成する <ul> <li><a href="#q001">質問1のタイトル</a></li> <li><a href="#q002">質問2のタイトル</a></li> <li><a href="#q003">質問3のタイトル</a></li> <li><a href="#q004">質問4のタイトル</a></li> <li><a href="#q005">質問5のタイトル</a></li> </ul> 質問の答えを入力する <hr> <h2 id="q001">質問1のタイトル</h2> 質問1の答え・・・ </hr>

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

「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…