ウェブメモ

google mapsをWordPressの投稿やページに埋め込むプラグイン

tkssnd — Fri, 26 Nov 2010 07:31:48 +0000

WordPressの投稿やページにGoogleMapsを簡単に埋め込むことができるようになるプラグインです。「MapPress Easy Google Maps」をダウンロードして解凍し、wp-content/pluginsフォルダにアップロードして有効化します。設定→MapPressを開くと詳細設定ができます。投稿やページの上下左右どこに置くかとか、スクロールでズームする機能を使うかどうかなどを設定して使います。投稿やページに追加するには、新規追加の画面上にMapPressの項目が増えているので、入力欄に住所を入れた上でaddボタンを押すと地図が表示されます。あとは大きさや縮尺を設定すればＯＫです。他にもGoogle Maps for WordPressというメジャーなプラグインがあるのですが、こちらはAPIキーが必要になります。使い勝手はどちらも同じくらい簡単です。

No related posts.

WordPressで簡単にテーブルを追加できるようにするプラグインwp-table reloaded

tkssnd — Thu, 04 Nov 2010 05:22:57 +0000

テーブルの追加やメンテナンスを簡単にしてくれるプラグインwp-table reloadedです。ダウンロードして解凍し、wp-content/pluginsフォルダにアップロードしてもプラグイン一覧に出てこないので有効化はできませんでした。私の環境のせいなのかはいろいろ調べましたがわかりませんでした。こんなときは、違う方法を試してみると意外とうまくいったりして。と思って、プラグイン→新規追加から検索して追加したらできました。

追加した後の画面でプラグインを有効化します。その後はツール→wp-table reloadedを開くと日本語で表示されるので、いろいろテストしながら操作を覚えればよいだけです。でも何でかわかりませんが、FTPでプラグインフォルダを覗いてもwp-table reloadedのフォルダがない・・。どこにいったんだろ？

No related posts.

WordPressでページ毎に異なるサイドバーを設定する方法

tkssnd — Thu, 04 Nov 2010 03:40:23 +0000

企業向けのホームページなんかをWordPressで作っていると、上部のグローバルナビとサイドバーの両方でコンテンツを整理する必要がありますよね。そんな時に、サイドバーをページごとに設定する必要があるわけですが、簡単なのでご紹介します。

まずpage.phpをコピーして、コピーしたものをpage2.phpにリネームします。sidebar.phpも同じようにリネームします。sidebarはファイル名を「sidebar-2」としてください。んで、page2.phpを開いて２箇所いじっておしまい。まずは一番上に以下のソースをコピペ。

次にphp get_sidebar()という部分をみつけてカッコの中に2を入れてください。
あとはページ追加画面のページ属性のところでテンプレートを選べるようになっているので、テンプレートをプルダウンから選べば任意のテンプレートでページが作れます。企業ページを作る場合は大抵がサイドバーだけではなく、他の箇所もグローバルナビの項目ごとに変えて欲しいと要望を受けるので私はこのやり方が一番簡単で手っ取り早いと思っていますです。他に良いやり方あったら教えてください・・。

No related posts.

WordPressで投稿やページ内にタブを作れるプラグインWordPress Tabs Slides

tkssnd — Fri, 29 Oct 2010 09:04:19 +0000

投稿やページの中にタブを使いたかったい方におすすめのプラグインです。FAQにも使えそうなslide機能やアコーディオン機能もついています。結構使い勝手がよさそうなので興味があったら試してみてください。私はQ&Aが作りたくてこのプラグインを使用しました。「WordPress Tabs Slides」をダウンロードして解凍し、wp-content/pluginsフォルダにアップロードして有効化します。設定→Tabs　Slidesをクリックすると設定画面が開きます。一番上の数字は小さくなるとスライドのスピードが速くなり、大きくなると遅くなります。他はFrontPageで使用しないとかそんな設定です。私はスライドするスピードを３００に設定してみました。

あとは、ページなり投稿なりにショートコードを入力していくわけなのですが、簡単です。タブを入れたい箇所には

{tab=タブの名前１}

タブ１のコンテンツ

{tab=タブの名前２}

タブ２のコンテンツ

という感じで上記のコードをコピーしてください。イコールの後のタブ１の名前となっている部分を任意のタブ名に書き換えます。タブ１のコンテンツと書いてある部分にそのタブに入力したい情報を入れるだけです。

クリックするとスライドするように設定をするには

{slide=Slide Title} Contents {/slide}

とショートコードを入力します。Slide　Titleという部分にクリックする前の状態で表示したいテキストを入力します。ＦＡＱでいうと、Ｑの部分です。Contentsの部分にクリックした後スライドして表示したいテキストを入力します。ＦＡＱでいうとＡの部分ですね。

タブの中にスライドを表示することも可能です。ですので、カテゴリ毎に分けたFAQというかQ&Aを作りたい場合なんかにはピッタリではないでしょうか。でざいんもCSSで変更できます。プラグインをアップロードしたフォルダ内にstyleというフォルダがありますので、その中のdefault.cssを編集すればＯＫです。

No related posts.

投稿やページごとにCSSを追加できるプラグインadd css to post

tkssnd — Wed, 27 Oct 2010 13:31:14 +0000

このページだけこのスタイルを適用したい！なんてことが結構ありますよね。そんなときに便利なプラグインが「add css to post」です。投稿画面にCSS追加用のボックスを表示してくれます。非常に便利です。WEB関連の情報を詳しく解説してくださっている「かちびと．ｎｅｔ」さんで紹介されています。functions.phpに追記する手法でかちびと．ｎｅｔさんが公開されてたものを「さくら」さんがプラグイン化してくださったとのことです。感謝！使い方はかちびと．ｎｅｔさんの上記リンクの中にzipというダンボールアイコンがあるのでそこから落とせます。有効化したら投稿画面にCSS用ボックスが追加されるのでそこにスタイルを入力してあげるだけです。

No related posts.

さくらのレンタルサーバーでインストール後にログインエラーがでる

tkssnd — Wed, 27 Oct 2010 04:24:46 +0000

さくらのレンタルサーバーでクイックインストールした直後に「You don’t have permission to access ～」と表示されてログインできない場合の対応です。対応というか初歩的な設定。さくらのレンタルサーバーは、フォルダにアクセスがあった場合に表示するファイルの設定がデフォルトでindex.htmlとなっています。ご存知のとおりWordPressはPHPですので、ここにindex.phpを追加してあげれば無事にログインできるようになります。

設定方法はさくらの管理画面にログイン後、ファイルマネージャーを開きます。Wordpressを使用するドメインのフォルダを開いて、上のメニューの表示アドレスへの操作→アクセス設定をクリックします。小窓が開くのでindexファイルというタブをクリックし、index.phpを追加すれば完了です。

No related posts.

投稿時にタグの追加を簡単にしてくれるプラグインSimple Tags

tkssnd — Wed, 27 Oct 2010 02:05:58 +0000

WordPressで新規投稿をするときに、タグの追加が面倒だと感じたことはありませんか？「Simple Tags」プラグインを使うことでとても簡単に速く設定をすることができるようになります。使い方はプラグインをダウンロードして解凍し、wp-content/pluginsフォルダにアップロードして有効化します。

投稿の新規追加画面を開くと以下の表示が出るので

Display click tagsをクリックします。

クリックすると投稿→投稿タグで登録したタグの一覧が表示されます。これをクリックして選択するだけです。

タグをクリックするとそのボタンの色が変わるとかではなく、このようにTags（Simple Tags）の中にどんどん追加されていきます。私の場合はこのボックスを右側の公開・カテゴリーの下に表示させるようにドラッグして移動しました。

No related posts.

WordPressやその他ブログにコメントした際に表示されるアバターの設定

tkssnd — Tue, 26 Oct 2010 11:32:38 +0000

http://ja.gravatar.com/

gravatarは、いろんなコミュニティでアバターを使いまわせるというか表示してくれるサービスです。上記URLにアクセスして設定をします。Wordpressのアカウント（AkismetのAPIキーを取得するときに登録したやつ）を持っている人は、そのアイパスでログインできます。ログインす後に「ここをクリックして追加してください！」というところを言われるがままにクリックします。そこからは流れに任せてローカルに用意した画像をアップロードすれば設定完了。

No related posts.

WordPressでフォトギャラリーを使えるようにするプラグインNextGEN Gallery

tkssnd — Tue, 26 Oct 2010 10:33:49 +0000

フォトギャラリーを使えるようにするプラグインです。「NextGEN Gallery」ををダウンロードして解凍し、wp-content/pluginsフォルダにアップロードして有効化します。設定→NextGEN Galleryを開くと左側に Translationというボタンがあるのでクリックします。すると日本語のファイルを自動でダウンロードしてくれます。ダウンロードが完了すると先ほどまで Translationボタンがあった箇所にreloadボタンができるのでまたまたクリックします。これで日本語に表示が変わってくれます。

管理画面の左側にギャラリーというメニューができているのでそこをクリックして展開します。その中のオプションをクリックすると初期設定できます。まずはギャラリーに使用する画像置き場のパスを設定しましょう。私はデフォルト設定のままにしました。ギャラリー追加/画像アップロードを開いて、新規ギャラリーを追加タブをクリックして任意の名前でギャラリーを作成します。ちなみに日本語は使えません。私はtestと入力しました。次に画像アップロードタブをクリックして、ローカルにある画像ファイルを選択します。ctrlキーを押しながら複数選択するとまとめてアップロードができます。アップロードボタンを押す前にギャラリーを選んでください。アップロードが終わったらギャラリーの管理を開いて確認します。ギャラリー名をクリックすると画像が一覧表示されるので、その横にalt属性を入力する箇所があるので必要に応じて編集します。これで設定が完了。あとは表示したい記事やページに［nggallery id=1］（カッコは半角にしてください）と入力すれば表示されます。このエントリーは病的溺愛シンドロームさんを参考に書きました。この方はプラグインについて分かりやすく説明しているので、とても参考になります。

No related posts.

投稿した記事を超簡単に編集できるプラグインFront-end Editor

tkssnd — Tue, 26 Oct 2010 10:23:49 +0000

ちょこっと修正したい箇所があるときに便利なプラグインです。使い方は「Front-end Editor」をダウンロードして解凍し、wp-content/pluginsフォルダにアップロードして有効化します。あとは設定→Front-end Editorを開いて、自分が編集時に使いたい箇所をチェックして設定完了です。ログインした状態で記事や記事のタイトルをダブルクリックすると編集できる状態に変わり、修正したら保存ボタンをポチっとすると反映されます。画像などがちょっとはみ出してしまった時もグリグリっとなおせるので便利。お客様に納品するときにつけてあげるととっても喜ばれます。詳しい方法はWebクリエイターボックスさんに書いてありますので参照してください。ちなみにこのWebクリエイターボックスさんは見た目も中身も大変素敵なサイトでWordPressをいじり始めた当初から参考にしています。サイト訪問者のために分かりやすく書いてくれているところが一番参考になります。私はまだまだ知識的に不十分なのでWebクリエイターボックスさんのような先輩方のブログなどを見て勉強をしています。

No related posts.