一杯のコーヒーから街のつながりを 今年も池袋の街がコーヒーの香りで満たされます。 池袋でコーヒーと音楽を楽しむ 全国の人気コーヒーショップが一堂に会し、こだわりの一杯を提供。コーヒー豆の販売や、バリスタによるデモンストレーションなど、コーヒー…
www.sikaku.gr.jp felica29.starfree.jp
ギャラリーページを作成後に更新出来るようにするにはWordPress化する必要があります。 今回の仕様 wordpress側から画像を追加出来る サムネイルをクリックしたらモーダルで拡大画像が表示 モーダルにはFancyBoxを使用 投稿記事のタイトル、日付、アイキャッ…
プラグインはWordPressの主要な機能の1つです。色々な機能のプラグインが数多く用意されていて、用途によって使い分けが必要です。 セキュリティ対策向け「SiteGuard WP Plugin」 ja.wordpress.orgWordPressは世界中で最も使われているCMSなので、その分攻撃…
WordPressはコンテンツの更新や追加などが簡単に出来るシステム(CMS)なので、定期的に内容を更新したいサイトに向いているシステムです。もちろんSNSなどのツールの方がより簡単に情報を発信出来ますが、SNSだけでは伝えきれない情報などもあるので、そうい…
GithubのCI/CDツールを使ってWordPressの面倒な更新作業を自動化します。 通常のWordPressの更新作業のフロー ローカル（xampp）でwpのデータを修正・更新作業を進める 修正・更新箇所を社内のテスト用サーバーにアップロード 上長が修正・更新箇所を確認 問…
post_content; //本文を取得 ?>
特定の投稿記事（今回はピックアップカテゴリーの記事）にのみランキング用のカスタムフィールドを設定し、以下のタグで呼び出す ID,'rank',true) ?>
docs.google.com basic認証をかけている場合はIDとパスワードを備考欄に入力して下さい。
Contact Form 7は、WordPressに問い合わせフォームを設置するためのプラグインです。Contact Form 7はプログラミングの知識が少ない方でも導入しやすく、世界中で利用されています。また、開発者が日本人であるため日本語の情報が豊富で、公式サイトにFAQが…
元々はhtmlでdata-category=""に値を入れていたものをWordPressのタグに変更する <div class="works-box" data-category="ex"> これをテンプレートタグに差し替える <div class="works-box" data-category="<?php $flag = get_the_tags(); foreach ( (array)$flag as $tag ) { echo $tag -> slug; } ?>"></div></div>
通常カテゴリーを取得するとリンクの設定がついてしまうので、カテゴリーの値だけを取得する場合は以下のコードを使用する cat_name; echo $cate_name; ?>
WordPressの投稿データにはカテゴリーを設定でき、カテゴリーごとに記事を表示させられます。似た機能でタグという機能もありますが、カテゴリーは親子関係を設定出来るのが特徴です。wordpressで特定のカテゴリー記事を表示させる為には「 get_posts( );」…
$flag = get_the_tags(); foreach ( (array)$flag as $tag ) { echo $tag -> slug; }
都会の風景を一望：高層マンションのインテリア高層マンションのインテリアのCGパースを作成しました。洗練されたデザインの家具、広々としたバルコニー、都会の風景を一望できるリビングルームなど、都会的なライフスタイルを表現しました。 BIM内観CGーー…
WordPressではCSSファイルを更新したのにブラウザには反映されない、という事がよくあります。原因はブラウザのキャッシュ機能が古いCSSファイルを読みに行っているので、「スーパーリロード」をする事で解決は出来ますが、CSSファイル名を変更すれば「スー…
OGP（Open Graph Protcol）とは、SNSでシェアされた時に表示されるサムネイル画像です。検索キーワードを使用する場合とは違い、SNSで気になるサイトや記事を見つけた場合、クリックする・しないの判断はOGP次第なので、とても影響のある要素です。 OGPの設…
今回はOGPの推奨画像サイズの1200px×630pxで画像を作ります。Figmaではフレーム作成時にソーシャルメディア→Facebook投稿で作成すると推奨サイズになります。 使用するプラグイン unsplashhttps://www.figma.com/community/plugin/738454987945972471/unspla…
WordPressではカテゴリー名を取得する際に、リンクありの場合とリンク無しの場合の2種類があります。 リンクありの場合 リンク無しの場合 cat_name; echo $cate_name; ?>
カスタムフィールドを使う事でwordpress内で簡単にデータの更新が可能になります。 投稿記事を作成しカスタムフィールド機能を使い、項目名と項目内容を設定、記事のIDを確認 投稿記事のID確認 URLのpost=xx の数字部分が投稿記事のIDになります 呼び出した…
Homebrewとは？最近では、ソフトウエアや拡張機能のインストールをする際に個別にインストールやアップデートをするのでは無く、パッケージマネージャを利用して一元的に行うことが一般的になってきています。HomebrewはMacOS環境におけるいわゆるデファクト…
GitHub Actionsを使って、最近話題のCI/CD化を進めましょう CI/CD Continuous IntegrasionおよびContinuous Deliveryの略称です。どちらもContinuous（=継続的）とあるように、開発からリリースまでの流れをフェーズごとに分断するのではなく、つねに継続的…
www.xrea.com WordPressの設定方法www.value-domain.com
style.css @charset "utf-8"; /* 変数の登録 */ :root{ --main_color:#196486; --color_1:#178add; --color_2:#dd8417; --color_3:#17ddbc; --color_4:#dd175c; --text_color:#333333; --g_color:linear-gradient(90deg, #13547a 0%, #80d0c7 100%); --font_…
index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CG-BIM|トップページ</title> <link rel="preconnect" href="https://fonts.googleapis.com"> </link></meta></meta></head></html>
index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CG-BIM|トップページ</title> <link rel="preconnect" href="https://fonts.googleapis.com"> </link></meta></meta></head></html>
会社情報 会社名:CG-BIM所在地:東京都豊島区南池袋設立:1999/04/15資本金:15億円事業内容:1.建築CGパース制作2.BIMを使ったCGモデリング3.建物や空間のVR/ARコンテンツ制作連結従業員数:140名(2024年4月現在) 求人情報 募集職種総合職月給 235,000円※試用期…
<html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CG-BIM|実績紹介ページ</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> </link></link></meta></meta></head></html>
郵便番号を入れると自動的に住所が入るプラグインです。使い方は非常に簡単で、基本的にはformのパーツにclassを付与するだけです。 1、まずformタグに指定されたclassを指定します。 <form class="h-adr"> 2、つぎにform中に、国名(p-country-name) をJapan に指定します <span class="p-country-name" style="display:none;">Japan</span> </form>…
最近ではモバイル用のバナーのニーズもとても増えてきました。 モバイルバナー広告のサイズ 代表的なサイズ 320x50、320x100 モバイル用のバナーはPC用に比べ、サイズが小さいのでテキストや画像の選択が非常に難しくなります。さらにモバイル用であれば高解…
