【画面ハミ出し対策】レスポンシブでタブレットとPCは同じデザインにする方法
当ブログでは賢威というwordpressテーマを使用しています。SEO的に素晴らしい作りなのですが、タブレットで閲覧した場合に画面の端が画面からはみ出してしまいます。なので、先月のリニューアルの際にタブレットはPCと同じように見えるようにしました。 Photo : Design book proposal thru Wordle 非レスポンシブだとタブレットが自動で縮小してくれる iPadなどのタブレット端末でレスポンシブウェブデザインではないPC専用のサイトを見た場合、iPadが適切なサイズで表示してくれます。 例えば、神奈川県のホームページは基本的に横幅が1152pxあります。iPadの縦にしたときの横幅は768pxですが、それに合わせて縮小してくれます。 viewportの記述が無い場合は（iPadでは？）width=980pxと認識します。 私がロードバイクのメンテナンスやホイール
WordPress の引越し - WordPress Codex 日本語版
当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。 万が一、当サイトで重大な問題を発見した際などは、フォーラムや WordSlack #docs チャンネルでお知らせください。</p> WordPressの引越し 自分のサーバー内でWordPressを移動する必要があるときがあります。また、あるサーバーから別のサーバーへとWordPressを移動する必要があるときもあります。インストールし直す必要はありません。WordPressは、これらすべての状況を取り扱う十分な柔軟性があります。 ドメイン名とURLを変更しないとき あなたのWordPressのホームとサイトのURLを変更せずにドメインを移動することはとても単純で、大抵の場合、ファイルの移動で済みます。 デ
[wp] wordpressを丸ごと移管/移行させる手順 at フォノクラフト株式会社：作業メモや備忘録など
お引越ししないといけなくなりまして・・・ とある理由でwordpressを丸ごと別のサーバに移管したり乗り換えたり、つまりお引越をさせないといけない場面は多々あります。既に稼働しているwordpressをスムーズに移行させるには下記の手順がベストです。カテゴリやプラグイン等々の再設定も行う必要ないので楽に移行できます。 wordpress移行前の準備、旧サーバから必要なファイルを揃える 1：旧サーバデータベースを丸ごとエクスポートする phpMyAdmin等からwordpressが入ってるDBを丸ごとダンプしておく。 （※右図はphpMyAdminのエクスポート画面） ↓ 2：旧サーバからファイル一式をダウンロードする FTP等でwordpress関連のファイル全てをダウンロードしておく。 新サーバにwordpress移行する手順 3：新サーバにファイルを丸ごとアップロードする 旧サーバか
Wordpressでエディタに自動生成されるタグ(＜p＞とか＜br＞)を制御する方法まとめ | 株式会社WEB企画
WordPressで固定ページなどで投稿すると自動で文章を整形するタグ＜br＞や＜p＞などが勝手に入ってしまい困ってしまったことはありませんか？最近このWordPressの自動整形を制御する方法を先輩に教えてもらったので、ついでに制御方法を色々調べて記事にしてみました！ WordPressで自動生成されるタグを制御する方法 調べてみたら色々な制御方法があることが分かりました。ケースによって使い分けるのが良いかと思います。また、今回はプラグインを使わない方法のみの紹介になります。 全ての投稿に実装する場合 まずは全ての投稿の自動整形を無効にする方法です。functions.phpに下記のコードを記述するだけで実装可能です。 functions.php remove_filter('the_content', 'wpautop'); // 記事の自動整形を無効にする remove_filter
WordPressのパーマリンク設定を変更して、SEOや日本語URLの対策をしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 みなさん、「パーマリンク」というものをご存知ですか？ 生きていく上でおおよそ必要のなさそうな単語ですが、WordPressでブログを書いている人やこれからブログを始めようとしている人には、とても重要なものです。 またブログに限らず、Webサイトの根幹に関わる要素の1つとして、初期段階で構成を決定した方が良いと言われています。 そこで今回は、一体どんなパーマリンクが理想的なのか、なぜ重要なのかをWordPressに最適化した超高速サーバー「Z.com for WordPress」さんにお聞きしました。 ▼目次 パーマリンクってなに？ 理想的なパーマリンクは？ 上記パーマリンクが理想的な4つの理由 なんでシンプルなURL構造が良いの？ 日本語URLはダメなの？ パーマリンクとSEOの関係は？ 解析しやすいパーマリンクって？ パーマリンクの設定の仕方 1
19_6369.html
category base とはパーマリンクの設定に %category% を含めていると、下記のように category とが含まれて表示されます。 この部分は、category base と呼ばれ、パーマリンクの前に置かれるようです。 パーマリンクの使い方 – WordPress Codex 日本語版カテゴリーベースとタグベース カテゴリーベースとカテゴリーベースは、カテゴリー/タグアーカイブのパーマリンクの前に置かれます。 カテゴリーベースのデフォルト値は、categoryです。タグベースのデフォルト値は、tagです。値を変更することはできますが、取り除くことはできません。 これらのパーマリンクはほとんどのシステムで問題なく動作しますが、問題が生じる環境もあります。 取り除く方法がいくつかあるよう。 プラグインを利用するプラグインで削除する方法が一般的なよう。 category ba
Custom Post Type UI の編集画面を日本語で徹底解説！ – コスギス｜新潟県長岡市
はい、ごめんください。カスタム投稿タイプが大好きな小杉です。なんだかサクサクしてそうですよね。 前回は、カスタム投稿タイプとは何ぞや、という話と、それを簡単に活用できるプラグインがあるよ、という話でした。 参考：カスタム投稿タイプ（Custom Post Type）を使うとできること ということで今回は、Custom Post Type UI（CPT UI）の編集画面を、日本語で徹底解説しました。これで CPT UI （の半分）は怖くない！ 高度な設定 ≒ function.php で設定できること Advanced Options をクリックすると設定できる項目は「よくわからない」という反応が散見されますが、要は register_post_type の設定と考えるとわかりやすいです。というか、ほぼそのままです。（設定できない項目もあるけど） 参考サイト（ページ） 関数リファレンス/re
ねたわん – WordPress神推しブログ
WordPressを利用してブログを運営している方に役立つ情報を更新しています。初心者向けのワードプレス使い方ガイド・便利なプラグインを紹介しています。
WordPress以外でも使える!スマホとタブレット・PCの振り分け方法まとめ
通常サイトのスマホやタブレットの振り分け方法 まずはWordPress以外のWebサイト制作でも使える、スマホやタブレットの判別方法についてです。今年はWebサービスを作りたいとも思っているので、その時のスマホ振り分けにも使えそうです。 PHPの関数で振り分ける方法 Googleで検索すると、山のように見つかる、PHPによるスマホとPC・タブレットの判別方法です。もっともシンプルな書き方を紹介しますので、スマホやタブレットの機種などは好みで追加変更してください。 [php] function userAgent() { $ua = $_SERVER[‘HTTP_USER_AGENT’]; if(preg_match(‘#\b(iP(hone|od);|Android.*Mobile )|Windows.*Phone|blackberry.*|PSP|3DS|Vita#’,$ua)){ $u
InstagramからWordPressに自動投稿するようにしてみた
ご覧のブログ「オニマガ」にInstagramカテゴリーを作りました。 今まではInstagramの投稿はTumblrに自動投稿してたんだけど、 やっぱり本家ブログ記事としてまとめることにしました。 自分もやりたい！という人がいるかもしれないので、 以下、InstagramからWordPressに自動投稿する方法です。参考にどうぞ。 InstagramからWordPressに自動投稿する方法（１）IFTTTを使う 何でもかんでも自動化してくれるIFTTTを使う方法です。 レシピはこんな感じ。 Instagramに投稿されたら、WordPressのInstagramカテゴリーに自動投稿って感じです。 簡単ですね。 特定のハッシュタグを付けた投稿だけ、とかレシピ次第で色々出来ます。 IFTTT ＞ InstagramからWordPressに自動投稿する方法（２）Intagrate Lite（旧I
WordPressのカスタム投稿タイプでイベント情報ページを作ってみる
もくじ カスタム投稿タイプの設定 カスタム分類（タクソノミー）の設定 カスタムフィールドで日付を入力 jQuery UI で日付を入力しやすくする イベント一覧画面に項目（カラム）を追加する 未来のイベントだけを表示するアーカイブテンプレート 月別にイベントを表示する 月別にイベントにリンクするナビゲーション また、タイトルいは「カスタム投稿タイプで」なんて書いてありますが、どちらかというとメタデータで日付の取り扱い的なことがメインとなっています、ベーシックなカスタム投稿タイプの例は「WordPressのカスタム投稿タイプで作るよくある質問（Q&A）ページ」 をご覧ください。 カスタム投稿タイプの設定 管理画面で入力するところから作っていきます。最初はカスタム投稿タイプです。 function.php function event_postype() { $labels = array(
WordPress：入力文字数の制限や補足文の追加など、管理画面の抜粋入力欄周りをカスタマイズする方法 - NxWorld
WordPressの投稿画面には抜粋入力欄が設けられていますが、その部分に入力できる文字数を制限したり抜粋入力についての補足などを入れるカスタマイズをする方法です。 予めクライアントに抜粋の仕様を伝えておけば良い話なんですが、担当者が仕様を忘れてしまったとか担当者が変わったことにより仕様がちゃんと伝わっておらず、「表示が崩れた！」とか「文字が途中から・・・になってしまう！」みたいなことを言われるのを防ぐことができるかと思います。 補足文に関してはフックとか使って表示する方法もあると思いますが、今回は全てjQueryを使って実装してみます。 入力できる文字数を制限する 抜粋に入力できる文字数や補足で表示し、さらに入力欄にはその文字数以上入力できないように制限をかけたものです。 実装には下記をfunctions.phpに記述します。 function excerpt_count() { ?>
WordPress高速化｜1秒前半で表示させるための8つ＋3つの方法を解説
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、
WordPressのショートコードを自作してみる
Posted: 2010.07.11 / Category: WordPress / Tag: ショートコード Wordpressで記事を書いていると、投稿記事からテンプレートタグを使いたくなったり、自作のプログラムを動かしたいくなる場合があると思います。 そんなときに便利なのがショートタグです。 ショートタグは投稿記事に[]（ブラケット）内にショートコード名を記述することで、あらかじめ設定しておいた関数を呼び出すことができます。 で、肝心の関数を記述する場所はというと、プラグインとして読み込ませたり、テンプレートフォルダのfunctions.phpに記述します。 プラグインというとちょっと大げさな気がするので、今回はfunctionsファイルの方を試してみたいと思います。 たぶん一番シンプルなショートコード ショートコード第一号は呼び出すと決められた文字列を返すだけという、実用性0のコー
【wordpress】固定ページに特定カテゴリーの投稿一覧をプラグインなしで表示させる方法
などの方法があります。 今回はプラグインなしで実装できる「phpファイルを作成して固定ページ内にインクルードさせる」方法の記述例です。 投稿・固定ページ内にPHPファイルをインクルードさせる方法は、「【wordpress】投稿・固定ページ内にPHPファイルをインクルード(挿入/実行)させる」の記事でも書きましたが、今回はその応用編です☆ 1,functions.phpに追記 記事内/固定ページ内にphpファイル（任意のファイル）を読み込ませるには、記事内にショートコードを書きます。 まずはそのショートコードを有効にするために、テーマ内（hoge.net/wp-content/themes/piyo/）のfunctions.phpに以下を追記。 <?php //ここから function Include_my_php($params = array()) { extract(shortcod
WordPressで攻撃を受けやすいファイルとそのセキュリティー対策まとめ
アクセスログの取得 まずは、サーバーからアクセスログを取得します。 僕は、今エックスサーバーしか利用していないので、その方法を書きます。 エックスサーバーの場合はサーバーパネルからログインしてパネルを開きます。 そして、「統計」項目の「ログファイル」をクリックします。 あとはドメインを選択して、 ダウンロードするだけです。 エックスサーバーデフォルトの場合は「nelog.jp.access_log」というファイルがダウンロードされます。 このアクセスログには、すべてのファイルへのアクセスに対する「1週間のログ」が書き込まれています。 すべてのファイルへのログなので、当サイトの場合だと2GB以上あり、600万行以上のテキストになっていました。 アクセスログの解析方法 これら膨大なアクセスログから、一つ一つ怪しいファイルを見ていくのは不可能なので、簡単な解析用コードをRubyで書きました。 W
WordPressのカテゴリーベース /category/ を消す方法
WordPressはデフォルトだと、カテゴリーページのURLが自動的にhttp://example.com/category/wordpress/という形で生成されます。この/category/を消してhttp://example.com/wordpress/にする方法を、プラグインありとなしの両方でご紹介します。 プラグインなしの方法 設定→パーマリンク設定でカテゴリーベースに「.」（ドット）を入力します。 なんとこれだけでなのOKですが、この方法には条件があり、パーマリンクをカスタム構造に設定した上で/%category%/%postname%.htmlにしておかなければ、エラーが発生してページが上手く表示されません。 下記の画像のように設定すればOKです。 カテゴリーページのURLからカテゴリーベース（/category/）が取り除かれました。 記事ページのURLは画像のように、サイ
テンプレート階層 - WordPress Codex 日本語版
はじめに WordPress テンプレートはパズルのピースのように組み合わせられ、サイト上で Web ページを表示します。一部のテンプレート（例: ヘッダー・フッターテンプレート）はすべての Web ページ内で使用される一方、他のテンプレートはある条件の下でのみ使用されます。 このドキュメンテーションの目的 このドキュメンテーションは、次の疑問に答えてくれるでしょう。 ある種類のページを表示するとき、どのテンプレートファイルが使われるのか？ このドキュメンテーションの使い方 WordPress 1.5 で「テーマ」機能が導入されて以来、テンプレートはますますカスタマイズしやすくなりました。WordPress テーマを作成するには、WordPress がブログ上の各種ページを表示するためにどのようにテンプレートファイルを選択するのかを正しく理解する必要があります。すでにあるテーマをカスタマイ
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
robots.txtによりURLが制限されています(ウェブマスターツール) | inosh blog
robots.txtによりURLが制限されています 前回、sitemap.xmlを作成するGoogle XML Sitemapsの設定 でsitemap.xmlを自動作成＆検索エンジンへの通知をするように設定しました。 また、Wordpressの設定で「検索エンジンがサイトをインデックスしないようにする」のチェックを外しました。 そして、１番最初だけグーグルウェブマスターツールからsitemap.xmlを手動で送信しておこうと思い、送信してみたのです。 すると・・・ 説明 「サイトマップにアクセスしようとした際にエラーが発生しました。サイトマップがガイドラインに従っており、指定した場所からアクセスできることを確認してから、再送信してください。」 例 robots.txt により URL が制限されています ということなので、「robots.txt が重要なページをブロックしているかどうかを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
