VirturalBox＆VagrantでローカルPC内に仮想開発環境を構築する
コンピュータの中に別のコンピュータを仮想的に作ってしまおうということですね。 だから例えば、VirtualBoxを使えばMacOS上でWindowsやWindows用のアプリケーションを動かしたり、ということもできます。 今回の目的でいうと、WordPressを動かす環境をローカルマシンに作りたいということです。 実際に世の中に公開されているWordPressサイトはサーバーと呼ばれる場所で構成されています。 サーバーもコンピュータで、サーバー内のプログラムやアプリケーションを動作させるためのOSがインストールされています。エックスサーバーの場合はLinuxというOSです。 ローカルのマシンの中に仮想的なコンピュータを作って、その中にサーバーと似たような環境を用意していきます。 ではさっそくVirtualBoxのインストールをしていきましょう。 VirtualBoxをインストールする まず
初心者でも簡単に作れるWordPressのホームページ作成方法 | なんでものびるWEB
WordPressを使えば、ホームページを作ったことがない人でも簡単にブログ機能のあるホームページを作ることができます。 WordPressは、「集客できるホームページ」作成に適したソフトウェアです。 また、無料で使用できるので、サーバーやドメインさえ取得すれば誰でもすぐに使用開始できる点も魅力的です。 この記事では実際にサンプルページを作りながら、キャプチャ付きでWordPressでのホームページ作成方法を解説していきます。 最後まで読めば、「HTML」や「CSS」などの専門的な知識がない方でもホームページを作ることが可能です。 今回は例として、レストランカフェ（カレー屋さん）のホームページを作っていきます。手順どおりに進めれば、サンプルサイトのようなホームページを誰でもカンタンに作成できます。。 サンプルサイトには、WordPressで企業サイトを作るためのヒントがたくさん盛り込まれて
BizVektorで1カラムのランディングページを作る方法
内藤です WordPressを使っていて、1カラムの販売ページ（ランディングページ）が作れないか？ という質問をたびたびいただきます。 商品やサービスの個別記事は、サイドバーやメニューバーなどなくして、その記事に集中してもらいたいです。その方が反応も高まります。 1カラムの販売ページが作れるテーマ（テンプレート）も最近はありますが、ないテーマも多々あります。 今回はBizVektorテーマを使用している場合に、1カラムの販売ページを作る方法を解説します。 固定ページのテンプレートで「サイドバーなし」を選ぶ固定ページ ⇒ 新規追加 から、販売ページ用の固定ページを作ります。 次に、右側にあるページ属性のテンプレートから「サイドバーなし」を選びます これでサイドバーなしの1カラムレイアウトになりました。 販売ページのカスタマイズただし、このままでは通常のページと同じ幅に、記事幅が広がってしまい
Simplicity
WordPressテーマ「Simplicity（シンプリシティー）」を作成しました。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEO施策済み 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益化 ブログの主役はあくまで本文 カスタマイズがしやすい 以下で詳しく説明します。 Simplicityは、とにかくシンプルなWordpressテーマを作ろうという考えの下作成しました。 テーマの名前「Simplicity」には以下の意味があります。 単純 簡単 容易 簡素 質素 飾り気のない よく言えばシンプル、悪く言えば地味なテーマです。 余分な飾り気をすべて取り除き、ユーザーが自ら自由なスタイルで後からカスタマイズしやすい土台となるように考えて作りました。 もちろんそのままでも十分使用できます。 検索エンジンへの最適化（SEO）
BizVektorでトップページのInformationとBlogを横並びにする - 西沢直木のIT講座
BizVektorのトップページに表示できるInformation（お知らせ）とBlog（ブログ記事）は次のようなレイアウトになっています（タイトルのみ表示の場合）。 BizVektorのInformationとBlog 上から下へのレイアウトですが、タイトルだけを一覧表示したときの余白を見ていてInformationとBlogを横並びにできないのかと思った方のためにCSSの調整方法を紹介します。 ※ふわっと仕上げなので、実際に使うときは微調整してください。 Informationには「#topInfo」、Blogには「#topBlog」というidが付いているので、参考になりそうなCSSを探していくと、bizvektor_themes/plain/plain.cssに次のようなスタイル定義があります（FireFoxの「要素を調査」メニューなどでも探せます）。 #content #topIn
WordPress管理画面のメニューに項目を追加する方法解説
<div class="wp-menu-toggle"><br /></div> <li class="wp-has-submenu menu-top menu-top-last" id="menu-settings"> <div class='wp-menu-image'><a href='options-general.php'><br /></a></div> <div class="wp-menu-toggle"><br /></div> <a href='index2.php' class="wp-has-submenu menu-top menu-top-last" tabindex="1">親メニュー</a> <div class='wp-submenu'> <div class='wp-submenu-head'></div> <ul> <li class="wp-firs
ブログの管理バーをwp_admin_barでカスタム | Webエンジニアブログ
通常の管理ツールバーとネットワーク管理画面の双方の管理バーをカスタマイズ remove_nodeでシンプルに消していく wordpressの管理画面には上のほうにツールバーが表示され、本格的にカスタマイズをはじめると不要なものを削除したくなってくる。 必要のないリンクの非表示/削除自体は簡単でremove_menuで指定することで削除することが可能。 以下はwordpress3.8で試した例 通常の管理画面 function remove_admin_bar_menu( $wp_admin_bar ) { $wp_admin_bar->remove_node('wp-logo'); $wp_admin_bar->remove_node('my-sites'); $wp_admin_bar->remove_node('view-site'); $wp_admin_bar->remove_no
カスタムフィールド定義のデプロイ問題を解決する Advanced Custom Fields の Local/Synchronized JSON | Shinichi Nishikawa's
カスタムフィールド定義のデプロイ問題を解決する Advanced Custom Fields の Local/Synchronized JSON カスタムフィールド製造業界のみな様、こんにちは！ 「ACF ってすっごく便利なのだけど、フィールドの定義情報をデプロイするのが面倒くさい問題」が解決できる機能が、ちょっと前から追加されていたようです。 Advanced Custom Fields の、フィールドの定義情報を json 形式で保存でき、また、それをテーマに含めることができるというドキュメントにばったりと出会ってしまいました。みなさん知ってて僕だけが知らなかったのだとしたら、すみません。 簡単に言いますと、 ACF のフィールドグループを管理画面を使って定義すると、 テーマ内に json が生成されて、 git で管理できるし、 デプロイも簡単で、 json からデータベースへの逆
TinyMCE Advanced の設定方法と使い方
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの投稿機能（ビジュアルエディタ）は、デフォルトの状態では次の操作ができない。 表の挿入、または編集YouTube 動画コードの挿入画像の回りに余白を挿入など、コンテンツの読みやすさを高めるための操作ができないと、HTMLでタグを直打ちしなければならなくなる。これでは、せっかくコンテンツマーケティングを始めたばかりの初心者には大変である。 そこで、今回ご紹介するのが「 TinyMCE Advanced 」というプラグインだ。 それでは早速、TinyMCE Advanced の設定方法と使い方をご紹介していこう。 1. TinyMCE AdvancedとはTinyMCE Advancedとは、WordPressのビジュアルエ
親サイトのパーマリンクの「/blog」を消す方法[マルチサイト,WordPress]
まえがき WordPressを普通にマルチサイト化すると何故か親サイトのURLに「/blog」が付きます。 これ始めてWordPressをマルチサイト化した時なんか絶対に躓くところですね。 URLに勝手に「/blog」付くのなんて明らかに不要なのになんでこんな仕様なんでしょうか。 そんなことを言っても始まりませんので親サイトのURLから「/blog」を葬り去る方法を書いていこうと思います。 親サイトのURLから「/blog」を消す手順 1.親サイトのパーマリンク設定をデフォルトに まず、親サイトの管理画面を開きます。 親サイトの管理画面上の「設定」→「パーマリンク設定」から一旦パーマリンク設定をデフォルトにします。 2.ネットワーク管理者の管理画面から親サイトのパーマリンク設定を変更 次にネットワーク管理者の管理画面から、勝手に「/blog」が付いてしまう親サイトのパーマリンクを修正します
![親サイトのパーマリンクの「/blog」を消す方法[マルチサイト,WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/764f404578b7f22afbc63332d1107f20090286b6/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fwordpress-logo-notext-rgb-3.gif){kind=logo}
「Information」の日本語パーマリンクを変更する方法 - 西沢直木のIT講座
BizVektorでは投稿の他に「Information」も投稿（カスタム投稿・“第2の投稿”）として作成できますが、デフォルトでは個別記事のアドレスが日本語になってしまう場合があります。 「Information」のアドレスが日本語になっている これでも問題はありませんが、通常の投稿と同じように「1234.html」のようなアドレスに設定するにはCustom Post Type Permalinksプラグインが役立ちます。 「プラグイン」‐「新規追加」メニューからインストール、有効化すると「設定」‐「パーマリンク設定」メニューでInformationのパーマリンク（カスタム投稿タイプのパーマリンク）を設定できるようになります。 「Information」のパーマリンクを設定する ここでは「Information」（投稿タイプが「info」）のパーマリンクを通常の投稿と同じような「1234
初心者でも簡単！WordPressの無料テーマBizVektorの使い方～インストール編～ | はぴまむ
BizVektorテーマをダウンロードして保存しよう！ BizVektorダウンロードサイトにいき、最新版をダウンロードし保存します。 保存する場所は任意の場所で大丈夫ですが、自分でわかりやすい場所にしましょう。 では先ほど保存したファイルを見てみましょう。 保存したファイルはZIPファイルという圧縮した状態です。 WordpressへのアップロードはこのZIPファイルのままおこなうので解凍などはしなくても大丈夫です。 保存したテーマをWordpressにインストールしよう！ Wordpressをインストールしただけの状態だと、管理画面は上記の通りです。 別のテーマに変更するというところをクリックすると、テーマの選択画面に移動します。 左のサイドメニューからもテーマの変更画面へ移動できます。 外観→テーマをクリックするとテーマの変更画面へ移動します。 この画面でテーマを変更できます。 Wo
WordPressをマルチサイトに対応させる場合の注意点
この記事がいつまでたってもよく見られているので、少し見やすいように変更する事にしました。 WordPressは2015年11月現在でも最も世界で使われるCMSという事になっています。 WordPressをそのまま使うだけであればいいんですが、マルチサイトにして運用しようとする人が僕含めて結構いるという事でしょう。 それに伴い、マルチサイトの設定でつまづく人も多い様子です。 そこで、WordPressで使えるマルチサイトの機能を使用する際に注意する点を書いておきます。 まずは、知らない人用にマルチサイトについて軽く説明。 WordPressのマルチサイトとは？ WordPressは基本的に1サイト（1ブログ）に対して1つインストールするシステムです。 でも、世間的な要望を受けてか3.0になってからマルチサイト機能が追加されて、インストールしたWordPressで複数のサイトを管理できるように
Simple Map – 超簡単＆スマフォ対応のGoogle Map | Firegoby
WordPressにGoogle Mapsを貼り付けるためのプラグインを作りました。 WordPress › Simple Map « WordPress Plugins 会社概要のページなどに企業のお客さんが設置するのを想定していますので低機能ですが、とても簡単に使える上に、レスポンシブデザインのサイトとフレンドリーです。 このプラグインの特徴 [map addr="東京都千代田区永田町1-7"] または [map]東京都千代田区永田町1-7[/map] のように住所を指定するだけの簡単なショートコードで地図を設置することができます。 １つのページに複数のGoogle Mapを設置できます。 一定の横幅以下の環境（たとえばスマフォなど、デフォルトは480px以下）では、自動的にGoogle Static Mapsが表示されます。 フィルターフックが用意されてるので、柔軟なカスタマイズが可
複数サイト運用方法(サブディレクトリ型)｜WordPress活用ガイド｜テンプレートキング by ファーストサーバ
概要 運営したいサイト、ドメインの数だけサーバーを契約したりプログラムをインストールするのは大変ですが、WordPressには「マルチサイト」という機能が標準で用意されています。 「マルチサイト」は1つのサーバー、1つのプログラムで複数のサイトを運営できる便利な機能です。 「マルチサイト」で複数のサイトを運用する場合、以下の3つの方法からお選びいただけます。 サブディレクトリ型 サブドメイン型 複数ドメイン型 ※ 最初にお選びいただいた方法から、途中で別の方法には変更できません。 今回は「サブディレクトリ型」についてご説明します。 サブディレクトリ型 マルチサイトとは？ 「example.com」で公開しているサイトに「example.com/site1/」「example.com/site2/」など、下層のディレクトリで複数のサイトを公開します。 WordPressのインストール/設定
WordPressでサーバ移行時にデータベース上のドメインを書き換える方法
WordPressでサーバを引っ越しする時や、開発環境から本番環境へ移行する際は、 データベース内の旧ドメインを新ドメインに書き換える必要があります。 その方法をまとめてみました。 UPDATE wp_options SET option_value=REPLACE(option_value,"旧ドメイン","新ドメイン"); UPDATE wp_posts SET post_content=REPLACE(post_content,"旧ドメイン","新ドメイン"); UPDATE wp_posts SET guid=REPLACE(guid,"旧ドメイン","新ドメイン"); UPDATE wp_postmeta SET meta_value=REPLACE(meta_value,"旧ドメイン","新ドメイン"); ところが、岡本さんのブログ「WordPress のDB上のサイトURLを
デザインスキン「Rebuild」の画面右上にも連絡先を表示する - 西沢直木のIT講座
BizVektorといえば画面右上の連絡先が思い浮かぶのは私だけでしょうか。バージョン0.xでもおなじみのデザインスキン「Default」の例では次のように連絡先が表示されます。 BizVektorの画面右上に表示される連絡先 バージョン1.0.0で追加されたデザインスキン「Rebuild」を選ぶと連絡先は表示されません（「外観」-「テーマオプション」メニューで「連絡先」を入力しても）。 デザインスキン「Rebuild」では連絡先は表示されない これはデザインスキン「Rebuild」では連絡先の代わりにグローバルメニューが表示されるようになっているためです。 表示内容を変更するためのフィルターフックがdesign_skins/003/functions_003.phpに記述されています。 add_filter('headContactCustom','rebuild_head_contac
クラウドテンプレート | ウェブ制作会社も使用できるWordPressテーマ
ホームページ制作会社も使用できる商用利用可能なレスポンシブワードプレステーマが格安！ 使いやすいシンプルなデザインで企業サイト・店舗サイトなど様々な用途でご利用頂けます。
WordPressテーマのカスタマイズで子テーマを使うべき理由、使い方など
WordPress既存テーマをカスタマイズするなら子テーマを使うべきと思います。 これは、Wordpress codexにある子テーマの項目でも推奨されています。 ただ、Wordpressを使い始めたばかりの時に「子テーマ」「親テーマ」と言われても、「何だそれ？」とか、「そもそもテーマ自体にカスタマイズしたらなんでだめなの？」とも思うかもしれません。 僕も、テーマ配布サイトでカスタマイズ用に子テーマを配布してはいるものの、そういったことについては詳しく説明していませんでした。 なので、一度それについて書いておこうと、今回はWordpressの子テーマについて書きたいと思います。 photo by Alexander Gounder 子テーマとは そもそも子テーマとは、既存のWordpressテーマのカスタマイズ専用のテーマです。 既存のWordpressテーマは、「親テーマ」とも呼ばれ、テ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wp.clean-navi.com
