WordPress

wordpressをインストールしたディレクトリ名を変更する

wordpressをインストールしたディレクトリ名を変更する ドメインキングのwordpressには対応していないやり方だが一般的 73Blog 参考サイトより wordpress/wp-login.phpで通常通りログイン 各種設定=>一般設定=>WordPress のアドレス/ホームページアドレスを…

Contact Form 7

Contact Form 7 お問い合わせフォームを設置するプラグイン Contact Form 7 の基本的な使い方 Contact Form 7 設定 編集をクリック 【 基本形 】 デフォルトでは、p要素だが「table要素」に変更してCSSを適用させる 「保存」ボタンを押して、コードをコピー …

WordPressプラグイン:必須

必須プラグイン WordPressを初導入したら まず最初にやるべき24の設定 Akismet コメントのスパムを防ぐプラグイン Personalプランを選択する 「$0」にスライドする 登録完了後、「Alismet API キー」がメールで届く Akismet API キーを入力 メールで届いた「…

WordPressプラグイン:その他

Ktai Style 日本の携帯電話に最適化して表示させるプラグイン テーマ Ktai Style テーマ(最新のテーマを入手) 「wp_content」内に「ktai-themes」フォルダーを作りアップロードする。 Breadcrumb NavXT パンくずリストを自動設定するプラグイン パンくずリ…

WordPressプラグイン:SEO

記事IDとカテゴリIDの調べ方 プラグインの中には、記事やカテゴリのIDを指定し特定の記事やカテゴリのみに対して処理を加えるものもある http://〜/?p=4109 この「4109」が該当記事のID http://〜/edit-tags.php?action=edit&taxonomy=category&tag_ID=7&pos…

WordPressプラグイン:slider

Slider サイト訪問者に対し、視覚的にサイトのイチオシ情報をアピールする サイト訪問者をイチオシのコンテンツに誘導する Easy Slider PAGE TOP

WordPress | 日本語15

受信したコメントのデザインを指定 受信したコメントのカスタマイズ 関数 コメントの本文を出 コメントの投稿日を出力 コメントの投稿時間を出力 コメントの投稿者名を出力 コメントの本文を表示 《comments.php》 <div id="comments"> <h3>コメント</h3> <ul> </ul></div>

WordPress | 日本語16

ブログの記事ではなく、固定ページとして作成 「ダッシュボード」→「固定ページ」で作成する 新規作成 「新規追加」ボタンでページを表示 記述後、「ページ属性」の設定をする 「親なし」の場合、ナビゲーションバーにボタンとして表示される 「順序」は、「…

WordPress | 日本語17

ビジネスサイト風にカスタマイズ ビルボードを大きめにする サイトトップをブログの最新記事一覧ページにしたときの構造 サイトトップをビジネスサイト風のページにしたときの構造 固定ページを新規追加 サイトトップをビジネスサイト風のページをトップにす…

WordPress | 日本語18

☆★データーでの確認★☆WordPressソースコード index.php <div id="content"> <p id="pagetitle"></p> </div>

ソーシャルボタンを設置

ソーシャルボタン設置用プラグイン Share Buttons by Lockerz / AddToAny WP Social Bookmarking Light Tweet, Like, Google +1 and Share Share Buttons by Lockerz / AddToAny はてなブックマークボタンの設置 はてなブックマークボタンの作成・設置につい…

WordPress | 日本語10

個別ページ 記事の個別ページもトップページと同じ「index.php」テンプレートの設定を利用して生成する ここでは、前後の記事ページへのリンクを追加して個別ページを仕上げる 関数 ページのタイトルを出力 記事の個別ページの場合は中身を出力 〜 前の記…

WordPress | 日本語11

個別ページ 記事の個別ページもトップページと同じ「index.php」テンプレートの設定を利用して生成する ここでは、前後の記事ページへのリンクを追加して個別ページを仕上げる 関数 ページのタイトルを出力 記事の個別ページの場合は中身を出力 〜 前の記…

WordPress | 日本語12

2段組のレイアウト:サイドバー content と sidebar の2カラムの設定にする 位置の確認ができたら背景色は削除する サイドバーを作成し背景色を設定 <div id="sidebar"> ここはサイドバーです。 </div> /* #content */ #content { width: 515px; float: left; } /* #sidebar */ #s…

WordPress | 日本語13

メニューのオプション設定 投稿数を表示 月別ページを作成 関数 年月を出力 月別ページの場合は中身を出力 〜 年月を表示 <p id="pagetitle"></p> 表示を変更 <p id="pagetitle"></p>

WordPress | 日本語14

投稿や表示に関する設定 「ダッシュボード」→「ディスカッション」 投稿のデフォルト設定 他のコメント設定 アバターに関する設定 アバターは任意で設定 記事ごとの設定 「投稿」→各記事の「クイック編集」 投稿フォームを追加 記事の個別ページにコメントの…

WordPress | 日本語05

body:ヘッダーを記述 出力には「echo文」を使う echo() ・・・ 1つ以上の文字列を出力するprint() ・・・ 文字列を出力する ブログの説明を出力 トップページのURLを出力 h1は、ブログ名を表示 <div id="header"> <h1></h1> </div> ブログ説明を表示 <div id="header"> <h1></h1></div>

WordPress | 日本語06

記事タイトルと本文 関数 [ループ]:記事ごとにループ内に記述した処理を実行 〜 記事のタイトルを出力 記事の本文を出力 記事の個別ページのURLを出力 記事のタイトルを記述 h2を、最大10件の記事を繰り返し表示する:[ループ]

WordPress | 日本語07

記事のスタイルを記述 全体の横幅 コンテナ /* #container */ #container { width: 760px; margin: auto; } 記事の指定 各記事を枠で囲む /* .post */ .post { margin: 0 0 20px 0; padding: 15px; border: solid 1px #0c8bcd; } 記事のタイトルを指定 .post…

WordPress | 日本語08

画像のアップロード テーマフォルダーに「images(またはimg)」を作成する 画像フォルダーの中に画像をアップロード ビルボードに画像を表示 header.jpg(760×200px)を用意する <p id="image"><img src="<?php bloginfo('template_url'); ?>/images/header.jpg" alt="" width="760" height="200" /></p> 画像の表示を指定 ヘッダーの罫線を削除する border-bottom: solid 5px #a3d…

WordPress | 日本語09

フッター部分 コピーライト情報などを表示する 関数 管理者のメールアドレスを出力 コピーライトを表示 <div id="footer"> <address>Copyright &copy; ひだまり日記</address> </div> 管理者メールアドレスへのリンクを設定 <address>Copyright &copy; <a href="mailto:<?php bloginfo('admin_email'); ?>">ひだまり日記</a> </address> フッターの回り込みを解…

WordPress | 日本語

WordPress Xamppを使ってWordPressをローカル内で使用する Xamppのsqlの設定 WordPressをのデーターを格納するためのデーターベースを作成 [ データーベース名 ] と [ utf ] の設定をして作成 [ フィールド名 ] からは WordPress 側で自動生成されるため未記…

WordPress | 日本語02

インポートの設定 WordPressのブログ記事(バックアップ)をインポートする 【 参考サイト 】 WP SEOブログ インポートの準備 [ ツール ] から [ インポート ] を選択 WordPressにインポートするためのプラグインをインストールする インストールの確認画面 …

WordPress | 日本語03

オリジナルのテーマを作成 独自のデザインのブログを作る sampleフォルダーの準備 sampleフォルダー内に各ファイルの準備をする index.php index.phpのファイルを準備する styel.css style.cssファイルの準備 テーマに関する情報を記述する テーマ名だけは省…

WordPress | 日本語04

WordPressの編集 XAMPPでのアクセス ログイン画面のアドレス http://localhost/wordpress/wp-login.php プレビュー画面のアドレス http://localhost/wordpress/ プレビュー画面の設定 編集用画面とプレビュー用画面を分ける Ctrl+クリックで別窓を開く Webペ…