Category: WordPress

WordPressのTwenty Twelveのフォントを変更する

  最近のWordPressのテーマは、ダッシュボードでフォントとかイジれて便利ですなあ・・。 このブログのテーマ(Thematic)、シンプルで気に入ってるんだけど、font-familyとか変更する時はサーバにログインしないといけないので不便。 以下は、WordPressデフォルトのTwenty Twelveにて、ブログ記事の本文のフォントを変更する場合。   1、WordPressのダッシュボードにて、外観→テーマ編集をクリック。 2、style.cssが表示されるので、以下のbodyのセクションを検索。(F5) body { font-size: 14px; font-size: 1rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; }   3、font-familyを変更し、「ファイルを更新」をクリック。 以下は、メイリオの例。 body { font-size: 14px; font-size: 1rem; font-family: ‘メイリオ’,Meiryo,Arial,’MS Pゴシック’,sans-serif; text-rendering: optimizeLegibility; color: #444; }   なんかググったらヒラギノにしてる人、多いですね。 ヒラギノならこう。 font-family:’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’MS Pゴシック’,sans-serif;  

さくらのレンタルサーバで、独自ドメイン直下にWordPressをインストールするには

  前回の続き。 さくらのレンタルサーバーにWordPressをクイックインストールする(3. WordPress導入)   さくらインターネットのスタンダードプランを使って、独自ドメインのWordPressサイトをサクッと立ち上げることができた。 が、独自ドメインの直下にWordPressを配置できないという課題があった。   課題   さくらのクイックインストールでWordPressをインストールすると、ドメインの下に必ずなんらかのディレクトリを切る必要がある。 http://www.hogehoge.com/wp/ “wp”の部分を”blog”等にすることもできるが、可能であれば、 http://www.hogehoge.com/ にアクセスすると、自分のブログが表示されるようにしたい。   やったこと   1、WordPressの設定画面を開き、画面左のメニューから、設定→一般にアクセス。 2、「WordPressアドレス(URL)」と「サイトアドレス(URL)」を変更する。 デフォルトでは、 WordPressアドレス(URL):http://www.hogehoge.com/wp/ サイトアドレス(URL):http://www.hogehoge.com/wp/ ※クイックインストール時に、サブディレクトリ名を”wp”にした場合 となっているはずなので、 WordPressアドレス(URL):http://www.hogehoge.com/ サイトアドレス(URL):http://www.hogehoge.com/ に変更し、「変更を保存」をクリック。 ログイン画面が出るはずだが、気にしない。 3、さくらのサーバコントロールパネルを開く。 https://secure.sakura.ad.jp/rscontrol/ ログイン後、画面左のメニュー、「運用に便利なツール」から、「ファイルマネージャー」をクリック。 初期状態は、以下のようになっているはず。 /home//www の下の「wp-content」と「wp-includes」をそれぞれ右クリックし、削除。 4、/home//www の下の「wp」をクリックする。 ※クイックインストール時に、サブディレクトリ名を”wp”にした場合 そして、表示されたフォルダやファイルを全て選択する(チェックをつける)。 5、前の手順で選択したフォルダとファイルを、画面左ペインの/home//www にドラッグ&ドロップする。 上書きの確認ダイアログが表示されるので、「はい」をクリック。 こうなるはず。これで、コントロールパネルでの操作は完了。 6、ドメイン直下のURLで、WordPressの管理画面にアクセス。 http://www.hogehoge.com/wp-admin/ 配置成功。 ディレクトリの削除、コピーは自己責任で。

さくらのレンタルサーバーにWordPressをクイックインストールする(3. WordPress導入)

  前回の続き。 さくらのレンタルサーバーにWordPressをクイックインストールする(1. データベース作成) さくらのレンタルサーバーにWordPressをクイックインストールする(2. ドメイン設定)   WordPressの導入   21、さくらのサーバコントロールパネルに戻る。 画面左のメニュー、「運用に便利なツール」から、「クイックインストール」をクリック。 カテゴリメニューから、「ブログ」をクリック。 22、「WordPress」をクリック。 23、インストール規約を読み、「確認」にチェックを入れる。 インストール先は、前回設定した独自ドメインを選択する。 ちなみに・・FQDNの後のディレクトリ名(デフォルトだとwp)は、空白にできない(必ず何かしらの文字列を入力する必要がある)。なので、例えば http://hogehoge.com/wp/ になるので注意。ドメイン直下にWordPressをインストールしたい場合の手順は、別途書く。 データベースの接続情報とパスワードは、前々回データベースを作成した際の情報を入力する。 後は、データベースの接頭語の文字列として任意の文字列を入力し、「インストール」をクリック。 24、WordPressのファイルの展開が完了。 「アプリケーションの設定へ進む」をクリック。   25、WordPressの初期設定画面が表示されるので、 サイトのタイトルやユーザ名、パスワード、メールアドレスを入力。 なお、最近、WordPressのデフォルトの管理者名adminが狙われている。adminはもちろん、administratorやAdmin、editor、moderator等の推測されやすい管理者名はやめましょう。 【WordPress全ユーザー必読】最近のWPサイトに対する猛アタックの詳細と対策 http://www.seojapan.com/blog/wordpress-attack 「検索エンジンによる~」にチェックを入れ、「WordPressをインストール」をクリック。 26、インストール完了。     ・・というわけで、2分は正直厳しいが、なかなか手軽にWordPressの導入は可能である。 4/24までらしいので、サイト立ち上げようという方は急ぎましょう。 なお、今回WordPressは、”http:///wp/”の下にインストールされている。 これだと嫌で、ドメイン名でアクセスするとブログが表示されるようにするには、以下を参照。 さくらのレンタルサーバで、独自ドメイン直下にWordPressをインストールするには

さくらのレンタルサーバーにWordPressをクイックインストールする(2. ドメイン設定)

  前回の続き。 さくらのレンタルサーバーにWordPressをクイックインストールする(1. データベース作成)   ドメインの設定   9、さくらの管理画面に戻り、下の方にスクロール。画面左のメニューから「ドメイン設定」をクリック。 ドメイン一覧が表示される。 ドメインは、.sakura.ne.jp が初期登録されている。 今回は独自ドメインでWordPressを使いたいので、「新しいドメインの追加」をクリック。 10、今回、ドメインの管理はお名前.comのままにしておくので、「5. 他社で取得したドメインを移管せずに使う・属性型JPドメインを使う(さくら管理も含む)」の「ドメインの追加へ進む」をクリック。 11、お名前.com側で予め登録しておいたドメイン名を入力し、「送信する」をクリック。 なお、プライマリネームサーバ、セカンダリネームサーバの情報は後で必要になるので、控えておくこと。 12、最終確認内容を確認し、「送信する」をクリック。 13、ドメイン追加完了。「ドメイン一覧へ戻る」をクリック。 14、新しいドメインが追加されていることを確認する。 15、別ウィンドウ/タブを開き、お名前.comのドメインNaviにログインする。 ※今回、WordPress用に利用予定の独自ドメインの登録は、既に完了していることを前提とする。 画面上部のメニューから、「ドメイン設定」をクリック。 16、画面左のドメイン設定のメニューから、「ネームサーバーの変更」をクリック。 今回、WordPress用に使用するドメイン名のリンクをクリック。 その上で、「他のネームサーバーを利用」タブをクリック。 17、ネームサーバ情報を入力の画面で、デフォルトではonamae.comのDNSサーバが指定されている。これを、前述のプライマリネームサーバ、セカンダリネームサーバの名前に変更する。 18、以下のように変更後、画面の下の方にある「確認画面へ進む」ボタンをクリック。 19、設定内容を確認し、「設定する」ボタンをクリック。 20、設定完了。   次回に続く。 さくらのレンタルサーバーにWordPressをクイックインストールする(3. WordPress導入)

さくらのレンタルサーバーにWordPressをクイックインストールする(1. データベース作成)

  さくらインターネットのレンタルサーバの利用件数が30万件を突破したとのことで、初期費用無料キャンペーンをやっている。 ズッ友キャンペーン、2013/4/24(水)までだょ! オンラインサインアップでお申込み https://secure.sakura.ad.jp/signup2/rentalserver.php     これは、申し込まざるを得ない。 ということで、スタンダードプランでWordPress環境を立ち上げてみた。 「人気アプリの簡単インストールに対応(最短2分)」といううたい文句なので、クイックインストールでトライしてみる。 なお、今回はお名前.comに登録した独自ドメインでブログサイトを立ち上げる例になっている。 独自ドメインは、予めお名前.com側で登録しておきましょう。 (じゃないと、2分でインストール・設定できない・・)     オンラインサインアップ   1、さくらインターネットの会員にオンラインサインアップ 今なら初期費用無料。 サインアップし、会員IDを取得する。 2、さくらの管理画面にログイン。 3、画面上部のメニューから、「契約情報」をクリック。画面遷移後、「契約サービスの確認」をクリック。 4、画面を下の方にスクロールすると、1でサインアップした時に登録したスタンダードプランの情報が表示されている。手続き列の「サーバ設定」をクリック。   データベースの作成   5、サーバコントロールパネルが表示される。 画面左のメニューから、「データベースの設定」をクリック。 6、「データベースの新規作成」をクリック。 7、データベースの情報を入力する。 バージョンは、WordPressを立ち上げるだけならデフォルトの5.5でよいだろう。 データベース名、パスワード、文字コードを入力/選択し、「データベースを作成する」をクリック。 8、データベースの作成完了。 データベースの接続情報は後で必要になるので控えておくこと。     次回に続く・・。 さくらのレンタルサーバーにWordPressをクイックインストールする(2. ドメイン設定)  

WordPressにLINEで送るボタンを追加

  WordPressで運用している(別の)ブログにTwitterのツイートボタンやFacebookのいいね!ボタンを設置しているのだが、新たにLINEのボタンを設置したく、調べてみた。   すると、ななんと導入済みのWP Social Bookmarking Lightプラグインに、”LINEで送るボタン”が設定可能になっていることを知った。 マジだった・・・。 早速設置。 いい感じである。

Syntax Highlighter for WordPressのタグ記述例

  Syntax Highlighterのタグについて、使いそうなものをメモしておく。 タグは、”[エイリアス](ここにソースを記述)[/エイリアス]”という形式で記述する。 言語 エイリアス Bash/shell bash, shell C# c-sharp, csharp JavaScript js, jscript, javascript Java java PHP php Plain Text plain, text PowerShell ps, powershell SQL sql XML xml, xhtml, xslt, html, xhtml 出典: http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

WordPressにAdSense Managerを導入

  百式管理人さんのサイトの情報を元にAdSense Managerを設定。adsense_ad(‘ad-links’)に2分ほどハマる・・。 http://www.ideaxidea.com/archives/2009/11/how_to_introduce_adsense_manager_to_wordpress.html 誤った記述: adsense_ad(‘ad-links’) 正しい記述: adsensem_ad(‘ad-links’) また、私のサイトはThematicというテーマを使用しているため、百式さんのサイトの情報とは変更するポイントが若干違った。PHPというかHTMLもよくわかりませんという人は少し戸惑うかも。