【WordPress】bodyにページごと異なるidやclassを追加する実装手順
wordpressは共通のヘッダー（header.php）を使用するので、何も指定しないままだとページごとに異なるcssを当てたい場合に不便です。 ページごとに異なるcssを当てたいときは、bodyにそれぞれidやclassを追加させるタグを追記します。 bodyにclassを追加 header.php内のbodyに下記を追記します。 投稿タイプ、適応しているテンプレートファイル名などがclass名で自動的に出力されます。 //header.php <body <?php body_class(); ?>> bodyにidを追加 header.php内のbodyに下記を追記します。 bodyのidにスラッグ、またはパーマリンクで設定されている値がIDに追加されます。 //header.php <body id="<?php echo esc_attr( $post->post_name )
jQuery とっても簡単、ページ内リンクでスムーズスクロール
ページ内リンクでスムーズにスクロール移動させる方法の紹介です。 とても簡単に実装できます。 スムーズスクロール？というかたは、↓の DEMO をご覧になって、どこかリンク部分（下線がある文字）をクリッックしてください。ページ内でリンクが貼ってある場所へスムーズにスクロールするはずです。 ＊味も素っ気もない DEMO ですが、余計な装飾をすると、ソース説明や理解に余計なものがはいるのであえてそうしています。 ▶ DEMO INDEX 手順１：jQueryの記述 手順２：HTMLの記述 WordPressの場合 サンプルソース 補足 位置調整 ページ間でのスムーススクロール 手順１：jQueryの記述 まず、 <head>〜</head> の間に以下のソースを記述してください。 <!-- jQuery.jsの読み込み --> <script type="text/javascript" src
【WordPress】ブログにレスポンシブ対応したFacebookコメントを設置する方法
いや、そりゃあ嬉しいさ。 「いいね！」されると。 ということで、今回はFacebookのコメント欄をWordPressのブログに設置してみようってお話です。 Facebook使ってないけどあったほうがいいと思って。 だってFacebook流行ってるって聞いたもんね(´・ω・｀) コメントをFacebookコメントにしたら、実名ってことから荒らしコメントが減るとか良い面が多いって噂です。 今回は通常のブログコメントも残すパターンなのであまり関係ないですけど。 まあ、スパムはAkismetが守ってくれてるし、荒らされるほどコメントもらったことないんだけどね。ははっ。 で、Facebookのコメント欄を、そのまま設置しても幅が固定されているのではみ出します。 せっかくレスポンシブテーマを使ってるので何とかしたいと思い、（人のを参考に）何とかした方法です。 こんな感じ。 Facebookコメントの
32 Style is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
WordPressのパーマリンクでForbidden « パピコニアンの倉庫 – 整頓中
WordPressをインストールした後に、設定→パーマリンク設定を変更したら、 Forbidden You don't have permission to access /mm/ on this server. または、 このページの表示が認められていません HTTP エラー 403 - アクセス不可 と表示されてしまい、管理画面どころかBlogページが見られなくなってしまったので解決方法。 FTPソフトでサーバにあるファイルを見てみると、WordPressをインストールしたディレクトリに、.htaccessというファイルが出来ているはずなので、これをダウンロードしてテキストエディタで開いてみます。 # BEGIN WordPress RewriteEngine On RewriteBase /xxxx/yyyy/ RewriteCond %{REQUEST_FILENAME} !-f
新しいGoogleマップをレスポンシブ対応で埋め込む方法 | ライフハッカー・ジャパン
Digital Inspiration：新しくなったGoogleマップでは、ウェブページに地図を埋め込むことが可能となりました。Googleマップのサイトを開き、埋め込みたいエリアをズームインします。右下の歯車アイコンをクリックして、メニューから「地図を埋め込む」オプションを選択すれば、埋め込みコードを取得できます。 埋め込みコードを使ったサンプルページがこちらです。デフォルトでは、Googleマップがレスポンシブに対応していません。スマートフォンなどでページを開くと、地図のサイズがデバイス画面にフィットせず、はみ出してしまいます。 同じGoogleマップをレスポンシブ対応で埋め込んだサンプルがこちら。ブラウザをリサイズしたり、スマートフォンからページを開いても、画面に合わせて地図のサイズを自動調整してくれます。 Googleマップをレスポンシブに埋め込む方法 以下がGoogleマップのデ
jQuery：ページスクロール時に「ページトップへ」を表示 | raining
WEBページでスクロールした時に「ページトップへ」の表示を画面の下の方に出現させるのを見かけることが多くなっています。 jQueryで実装すれば簡単に設置させることが可能です。 長いページの場合など常に「ページトップへ」のリンクが画面にあれば、ユーザビリティ的にも良いと思います。 下記のサイトを参考にさせてもらいました。ありがとうございます。 http://www.webopixel.net/javascript/538.html 今回はjQueryで画面をスクロールした時に画面下部に「ページトップへ」のリンクをフェードさせて表示する方法をメモします。 ■ スクロールした時に「ページトップへ」を表示 【js】 jQueryを読み込み、スクロールした時の処理を記述します。 最初に「ページトップへ」の要素を非表示にして、指定したスクロール位置を超えた場合に「ページトップへ」の要素をフェードイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Learn