Create Custom Page Builders with Gutenberg and ACF Blocks
•
0 likes•315 views
The new ACF Blocks tool is a powerful PHP framework for creating custom block types. In this talk, I show how to use ACF Blocks to build a custom page building experience to meet the specific needs of your customer’s site.
Report
Share
Report
Share
Download to read offline
Recommended
Demystifying Gutenberg Blocks - Understanding the first steps to becoming a G...
How to even begin? What would I even create? And what tools should I use to create it? For a developer who hasn’t spent much time with JavaScript beyond tweaking a few jQuery scripts, approaching Gutenberg development can feel like an impenetrable fortress reserved for only the best and brightest frontend engineers. The barriers to entry are increasingly daunting, with tools like React, JSX, Node, NPM, and Webpack evolving faster than ever.
But it doesn’t have to be intimidating. Cory Webb guides you through the maze as he breaks down Gutenberg to make it easier than ever to start developing custom blocks for your clients.
Building your first Gutenberg block
Gutenberg is coming soon to a WordPress site near you. Are you ready? The new visual editor opens up a whole new world of possibilities to enhance the editorial experience for content creators, and developers like you have an opportunity to create the next generation of tools for WordPress. In this session, we will cover the basics of setting up your development environment, importing core components, and creating your very first custom Gutenberg block.
Git hooks For PHP Developers
Git hooks are scripts that are executed by Git before/after events such as: commit, push, and receive. Git hooks are a built-in feature so there is need to download or install anything.
Git hooks helps you to improve your programming skills. Additionally, they help teams to setup and apply rules for the development cycle.
ITB2016 ContentBox CMS for a perfect project fit
ContentBox is an open-source CMS built on ColdBox that allows for quick installation, easy integration of modules from ForgeBox, and powering of various websites and applications from a single content repository. The document outlines what ContentBox is, why one should use it, how to set up a first site, customize themes, build modules, and power apps from one content repository. Setup involves using the CommandBox CLI to install ContentBox and start a local server.
Real time web
Simple Introduction to Real-time systems and specially using Node.js in that - at #CATscope13 SAT 27/4/2013
10 things you should know about django
The document provides an overview of 10 things to know about Django:
1. Django's history helps understand its focus on fast development, collaboration and maintainability.
2. It's recommended to start with Django's basics like its web framework capabilities and using Python packages.
3. Django includes common components like the database ORM but they can be replaced.
4. Everything in Django, including the framework itself and applications, are Python packages.
5. Performance is not a priority but can be improved through techniques like caching and optimized application servers.
6. Postgres is well supported through Django contributions and third party packages.
7. Django encourages rapid development over optimization for specific use cases.
8. Cho
ITB2016 Converting Legacy Apps into Modern MVC
This document discusses porting a legacy ColdFusion application to use ColdBox's implicit view dispatch feature. It provides an overview of the necessary steps, including making URLs compatible, dealing with Application.cfc, adding custom routes, updating includes and object creation paths, utilizing WireBox and models, and leveraging ColdBox settings and layouts. Moving forward, the document suggests refactoring code to follow MVC principles and integrating more ColdBox features.
WordPress as a Headless CMS - Bronson Quick
The WP REST API infrastructure was introduced in WordPress 4.4. The introduction of this infrastructure allows WordPress developers to now use WordPress as a headless CMS. A headless CMS has its frontend component (the head) stripped and removed from its backend, and what remains is a backend delivering content via an API. Some common use cases for headless CMS are as follows:
Serving data to other web applications
Mobile Apps
Websites and web apps built with MVC-style JavaScript frameworks
Developers can install the WP REST API plugin to expose endpoints for WordPress for posts, pages, media and users. Developers can also extend the WordPress core REST infrastructure to register their own endpoints for custom post types and WordPress options.
The WP REST API plugin will expose database content via JSON. This data can be used by developers to create sites using JavaScript frameworks such as React and also use the JSON data in mobile apps.
Bronson will explain and demonstrate how you can use WordPress and the WP REST API to create a website that uses React on the frontend and WordPress on the backend as a headless CMS.
Recommended
Demystifying Gutenberg Blocks - Understanding the first steps to becoming a G...
How to even begin? What would I even create? And what tools should I use to create it? For a developer who hasn’t spent much time with JavaScript beyond tweaking a few jQuery scripts, approaching Gutenberg development can feel like an impenetrable fortress reserved for only the best and brightest frontend engineers. The barriers to entry are increasingly daunting, with tools like React, JSX, Node, NPM, and Webpack evolving faster than ever.
But it doesn’t have to be intimidating. Cory Webb guides you through the maze as he breaks down Gutenberg to make it easier than ever to start developing custom blocks for your clients.
Building your first Gutenberg block
Gutenberg is coming soon to a WordPress site near you. Are you ready? The new visual editor opens up a whole new world of possibilities to enhance the editorial experience for content creators, and developers like you have an opportunity to create the next generation of tools for WordPress. In this session, we will cover the basics of setting up your development environment, importing core components, and creating your very first custom Gutenberg block.
Git hooks For PHP Developers
Git hooks are scripts that are executed by Git before/after events such as: commit, push, and receive. Git hooks are a built-in feature so there is need to download or install anything.
Git hooks helps you to improve your programming skills. Additionally, they help teams to setup and apply rules for the development cycle.
ITB2016 ContentBox CMS for a perfect project fit
ContentBox is an open-source CMS built on ColdBox that allows for quick installation, easy integration of modules from ForgeBox, and powering of various websites and applications from a single content repository. The document outlines what ContentBox is, why one should use it, how to set up a first site, customize themes, build modules, and power apps from one content repository. Setup involves using the CommandBox CLI to install ContentBox and start a local server.
Real time web
Simple Introduction to Real-time systems and specially using Node.js in that - at #CATscope13 SAT 27/4/2013
10 things you should know about django
The document provides an overview of 10 things to know about Django:
1. Django's history helps understand its focus on fast development, collaboration and maintainability.
2. It's recommended to start with Django's basics like its web framework capabilities and using Python packages.
3. Django includes common components like the database ORM but they can be replaced.
4. Everything in Django, including the framework itself and applications, are Python packages.
5. Performance is not a priority but can be improved through techniques like caching and optimized application servers.
6. Postgres is well supported through Django contributions and third party packages.
7. Django encourages rapid development over optimization for specific use cases.
8. Cho
ITB2016 Converting Legacy Apps into Modern MVC
This document discusses porting a legacy ColdFusion application to use ColdBox's implicit view dispatch feature. It provides an overview of the necessary steps, including making URLs compatible, dealing with Application.cfc, adding custom routes, updating includes and object creation paths, utilizing WireBox and models, and leveraging ColdBox settings and layouts. Moving forward, the document suggests refactoring code to follow MVC principles and integrating more ColdBox features.
WordPress as a Headless CMS - Bronson Quick
The WP REST API infrastructure was introduced in WordPress 4.4. The introduction of this infrastructure allows WordPress developers to now use WordPress as a headless CMS. A headless CMS has its frontend component (the head) stripped and removed from its backend, and what remains is a backend delivering content via an API. Some common use cases for headless CMS are as follows:
Serving data to other web applications
Mobile Apps
Websites and web apps built with MVC-style JavaScript frameworks
Developers can install the WP REST API plugin to expose endpoints for WordPress for posts, pages, media and users. Developers can also extend the WordPress core REST infrastructure to register their own endpoints for custom post types and WordPress options.
The WP REST API plugin will expose database content via JSON. This data can be used by developers to create sites using JavaScript frameworks such as React and also use the JSON data in mobile apps.
Bronson will explain and demonstrate how you can use WordPress and the WP REST API to create a website that uses React on the frontend and WordPress on the backend as a headless CMS.
GDD HTML5, Flash, and the Battle for Faster Cat Videos
This document discusses the ongoing battle between HTML5 and Flash for online video playback. It outlines features still missing from HTML5 like content protection, camera/mic access, and consistent format support. It also analyzes performance data showing HTML5 starting videos faster but Flash still leading on some browsers. Optimization techniques for Flash like preloading connections and lazy loading are discussed. The future of HTML5 video is promising but Flash still has advantages for critical features and reach that many sites prefer for now.
Webpack and Web Performance Optimization
Webpack and Web Performance Optimization discusses using Webpack and other tools to optimize web performance. It introduces Webpack as a module bundler and discusses its features like code splitting and optimizations. It covers setting up loaders and the Webpack build flow. The document also discusses various web optimization techniques including image optimization, reducing requests, minifying assets, critical rendering path, and caching. It provides examples of optimizing sites for mobile and comparisons of optimization approaches with different user and business impacts. The document discusses using tools like Gulp and integrating with Webpack for tasks like Sass compilation and testing. It also covers modularizing JavaScript with React and using Babel to transpile ES6 to ES5. Finally, it demonstrates collabor
JS digest. October 2017
This document summarizes recent developments in JavaScript including:
- Angular 5 improvements like progressive web apps and code optimization.
- Machine learning capabilities in browsers using TensorFire and Google's Deeplearn.js.
- New features in Firefox 55 and 56 like screenshots and CSS Grid updates.
- The Bootstrap 4 Beta release overhauling components and dropping older browser support.
- Updates to Yarn, Atom IDE, WebKit, CoffeeScript, and React as well as experiments with WebAssembly and creating Word documents with React.
Introduction to React
An introduction to React, the javascript framework from Facebook. Talk done at Fullstack.JS, a London Meetup.
http://www.meetup.com/Fullstack-js-London/events/221009614/
Git sourcecontrolpreso
This document provides an introduction to using Git source control. It begins with scenarios demonstrating problems that can occur without source control, such as managing different file versions and merging changes from multiple developers. It then explains what source control is, highlighting Git, and the basic workflow of adding, committing, and pushing files to a Git server. The rest of the document demonstrates common Git commands like reverting files, branching, and merging branches through examples. It concludes with recommendations on Git practices and additional learning resources.
Windows brings Docker Goodness - What does it mean for .NET developers?
You've ignored them long enough now Microsoft is bringing containers to you in Windows Server 2016. Yes, that's right, you'll be able to run containers on Windows using Docker.
In this talk we'll run through getting started with containers and deploying a ASP.NET Core (formerly ASP.NET 5) application into it. We'll be focusing on what this means for your workflow as a developer.
Front-End Modernization for Mortals
This document discusses strategies for modernizing front-end codebases in an incremental way. It suggests starting with basic modularization by splitting code into logical chunks, then concatenating and minifying modules. Next steps include loading modules on demand using various module systems. Graceful deprecation is recommended over breaking changes. The document also advocates trying new frameworks on side projects first before adopting one. Maintaining good development practices like testing, linting, code style rules and performance testing is emphasized over choosing any particular framework.
wp-cli and plugin development with future and past compatibility (Word Camp P...
Talk about the history of wp-cli and the possible future of WordPress plugin development.
Disclaimer: all code in the presentation is mocked, untested code.
Simon Stewart, Facebook engineer - Building Facebook for Android
How does Facebook build its Android app? How are they working to improve the quality, speed and stability? In this talk, we'll cover everything Facebook's Android team does from source control, builds, testing and release, and show you how you can do the same.
More details on: http://2013.howtoweb.co/
How to make your Webpack builds 10x faster
Sharing my slides on a talk I held at the Berlin-based FullStack JS meetup. Tips and tricks how I reduced our build time (full / incremental) from 60s / 4s to 8s / 300ms.
Full config:
https://gist.github.com/trueter/0e861403e59a9e27a476f3ad7ada1a89
Give us a visit at http://www.pixsy.com
Production optimization with React and Webpack
This document discusses optimizing React and Webpack applications for production. It recommends:
1. Not optimizing prematurely and ensuring engineering and product goals are aligned before optimizing.
2. Understanding available optimization options at build time like minification, code splitting, and using production builds of dependencies, and at runtime like server-side rendering and component lifecycle methods.
3. Instrumenting the application to measure performance metrics like bundle size, load time, and render time to identify optimization opportunities.
4. Setting meaningful benchmarks based on the actual user experience expected, rather than arbitrary metrics, to determine what constitutes acceptable performance.
Buildr - build like you code
Introduction presentation to Buildr as a build tool for Java/Groovy/Scala projects written in Ruby demonstrates how JVM languages projects could be built and automated using Buildr and Ruby.
Tooling for the productive front-end developer
The document discusses various tools for productive front-end development. It covers tools for getting scripts like Bower and NPM, searching for packages on sites like npmjs.com, transpiling languages like TypeScript and JSX with Babel, running tasks with tools like Gulp and Webpack, minifying code with Uglify and Clean CSS, bundling code, testing with tools like Mocha, ESLint and Selenium, generating code with Angular CLI and Create React App, and using GitHub with tools like Travis CI.
.Git for WordPress Developers
This document discusses version control and Git. It explains that version control allows developers to maintain stability and continuity in websites/applications by saving versions. Git tracks differences between commits, is distributed for less server overhead, and makes complex workflows easier to manage. The document provides examples of basic Git commands and realistic workflows for development, deployment, using branches, merging, and other "cool stuff" like hooks, stash, and reset. Resources are also included for learning more about Git vs Subversion and deploying with Git.
Reactjs workshop (1)
This document outlines a Reactjs workshop covering an introduction to Reactjs, its core concepts, and coding with Reactjs. The workshop introduces Reactjs as a library for building user interfaces, discusses its core concepts including components, virtual DOM, JSX, state and props, and demonstrates how to install and start coding with Reactjs. The document provides resources for further learning Reactjs.
Unscrambling An Omelette - How Companies Can Use WordPress Better - Jeremy Ke...
Fairfax Media have 40+ sites on WordPress, with more added every month.
As part of his new gig with Fairfax Media Jeremy has taken on the task of making this manageable, secure and cost effective, and he will share with you some ideas on approaches to the problem he has used in the past and new approaches that are just being rolled out now.
Tooling for the productive front end developer
The document discusses various tools for frontend development including packages for transpilation (Babel), bundling (Webpack), testing (Mocha, Chai), linting (ESLint), and more. It provides links to tools for searching packages (NPM), task runners (Grunt, Gulp), minification (Uglify), and working with GitHub (Zenhub, Shields).
The busy developers guide to Docker
The document provides an overview of containers and Docker for busy developers. It introduces containers and Docker, explaining how containers provide isolation compared to virtual machines with less overhead. It then covers how to use Docker to package applications, ensure consistent environments, and share containers between developers. The document also provides useful Docker commands for building, running, and managing containers.
Bower & Grunt - A practical workflow
This document discusses using Bower and Grunt together to manage front-end dependencies and files in a workflow. Bower is used to declare and install dependencies, while Grunt plugins like grunt-bowercopy and grunt-contrib-clean are used to copy dependencies to consistent locations and clean files. Setting up this workflow with Bower, grunt-bowercopy, grunt-contrib-clean, and Git can help organize a project's dependencies, facilitate tracking without committing all files, and reduce build times.
Bootstrapping your plugin
This document summarizes Marko Heijnen's talk on bootstrapping a WordPress plugin using automation. It discusses setting up the basic files and structure for a plugin, including internationalization, version control and compiling assets. It also covers automating common tasks like minification, validation and testing through Grunt plugins. Grunt is presented as a JavaScript task runner that can be used to define and run repetitive tasks like compressing files, validating code and deployments. Examples are provided for configuring Grunt to create POT files for internationalization, download translations from GlotPress and perform other automated tasks.
Cis363 a all ilabs devry university
This document provides instructions for an iLab assignment to create an online checkout form with client-side form validation. Students are asked to design and implement a checkout form for an online store. They must include required elements like a title, subtitle, table of purchased items, and a form collecting customer information like name, address, and credit card number. Students will receive points for including the required elements in their form design and layout. They must also research how to add client-side form validation to validate the user's input before submitting the order.
Cis363 all i labs devry university
This document provides instructions for completing a lab assignment to create a simple 4-page website using HTML and CSS. The assignment involves:
1. Creating a site map using Visio to diagram the pages and links.
2. Developing 4 web pages (home, education, skills, portfolio) about yourself using HTML.
3. Creating internal links between the pages and adding graphics.
4. Submitting all files in a zip folder for grading.
More Related Content
What's hot
GDD HTML5, Flash, and the Battle for Faster Cat Videos
This document discusses the ongoing battle between HTML5 and Flash for online video playback. It outlines features still missing from HTML5 like content protection, camera/mic access, and consistent format support. It also analyzes performance data showing HTML5 starting videos faster but Flash still leading on some browsers. Optimization techniques for Flash like preloading connections and lazy loading are discussed. The future of HTML5 video is promising but Flash still has advantages for critical features and reach that many sites prefer for now.
Webpack and Web Performance Optimization
Webpack and Web Performance Optimization discusses using Webpack and other tools to optimize web performance. It introduces Webpack as a module bundler and discusses its features like code splitting and optimizations. It covers setting up loaders and the Webpack build flow. The document also discusses various web optimization techniques including image optimization, reducing requests, minifying assets, critical rendering path, and caching. It provides examples of optimizing sites for mobile and comparisons of optimization approaches with different user and business impacts. The document discusses using tools like Gulp and integrating with Webpack for tasks like Sass compilation and testing. It also covers modularizing JavaScript with React and using Babel to transpile ES6 to ES5. Finally, it demonstrates collabor
JS digest. October 2017
This document summarizes recent developments in JavaScript including:
- Angular 5 improvements like progressive web apps and code optimization.
- Machine learning capabilities in browsers using TensorFire and Google's Deeplearn.js.
- New features in Firefox 55 and 56 like screenshots and CSS Grid updates.
- The Bootstrap 4 Beta release overhauling components and dropping older browser support.
- Updates to Yarn, Atom IDE, WebKit, CoffeeScript, and React as well as experiments with WebAssembly and creating Word documents with React.
Introduction to React
An introduction to React, the javascript framework from Facebook. Talk done at Fullstack.JS, a London Meetup.
http://www.meetup.com/Fullstack-js-London/events/221009614/
Git sourcecontrolpreso
This document provides an introduction to using Git source control. It begins with scenarios demonstrating problems that can occur without source control, such as managing different file versions and merging changes from multiple developers. It then explains what source control is, highlighting Git, and the basic workflow of adding, committing, and pushing files to a Git server. The rest of the document demonstrates common Git commands like reverting files, branching, and merging branches through examples. It concludes with recommendations on Git practices and additional learning resources.
Windows brings Docker Goodness - What does it mean for .NET developers?
You've ignored them long enough now Microsoft is bringing containers to you in Windows Server 2016. Yes, that's right, you'll be able to run containers on Windows using Docker.
In this talk we'll run through getting started with containers and deploying a ASP.NET Core (formerly ASP.NET 5) application into it. We'll be focusing on what this means for your workflow as a developer.
Front-End Modernization for Mortals
This document discusses strategies for modernizing front-end codebases in an incremental way. It suggests starting with basic modularization by splitting code into logical chunks, then concatenating and minifying modules. Next steps include loading modules on demand using various module systems. Graceful deprecation is recommended over breaking changes. The document also advocates trying new frameworks on side projects first before adopting one. Maintaining good development practices like testing, linting, code style rules and performance testing is emphasized over choosing any particular framework.
wp-cli and plugin development with future and past compatibility (Word Camp P...
Talk about the history of wp-cli and the possible future of WordPress plugin development.
Disclaimer: all code in the presentation is mocked, untested code.
Simon Stewart, Facebook engineer - Building Facebook for Android
How does Facebook build its Android app? How are they working to improve the quality, speed and stability? In this talk, we'll cover everything Facebook's Android team does from source control, builds, testing and release, and show you how you can do the same.
More details on: http://2013.howtoweb.co/
How to make your Webpack builds 10x faster
Sharing my slides on a talk I held at the Berlin-based FullStack JS meetup. Tips and tricks how I reduced our build time (full / incremental) from 60s / 4s to 8s / 300ms.
Full config:
https://gist.github.com/trueter/0e861403e59a9e27a476f3ad7ada1a89
Give us a visit at http://www.pixsy.com
Production optimization with React and Webpack
This document discusses optimizing React and Webpack applications for production. It recommends:
1. Not optimizing prematurely and ensuring engineering and product goals are aligned before optimizing.
2. Understanding available optimization options at build time like minification, code splitting, and using production builds of dependencies, and at runtime like server-side rendering and component lifecycle methods.
3. Instrumenting the application to measure performance metrics like bundle size, load time, and render time to identify optimization opportunities.
4. Setting meaningful benchmarks based on the actual user experience expected, rather than arbitrary metrics, to determine what constitutes acceptable performance.
Buildr - build like you code
Introduction presentation to Buildr as a build tool for Java/Groovy/Scala projects written in Ruby demonstrates how JVM languages projects could be built and automated using Buildr and Ruby.
Tooling for the productive front-end developer
The document discusses various tools for productive front-end development. It covers tools for getting scripts like Bower and NPM, searching for packages on sites like npmjs.com, transpiling languages like TypeScript and JSX with Babel, running tasks with tools like Gulp and Webpack, minifying code with Uglify and Clean CSS, bundling code, testing with tools like Mocha, ESLint and Selenium, generating code with Angular CLI and Create React App, and using GitHub with tools like Travis CI.
.Git for WordPress Developers
This document discusses version control and Git. It explains that version control allows developers to maintain stability and continuity in websites/applications by saving versions. Git tracks differences between commits, is distributed for less server overhead, and makes complex workflows easier to manage. The document provides examples of basic Git commands and realistic workflows for development, deployment, using branches, merging, and other "cool stuff" like hooks, stash, and reset. Resources are also included for learning more about Git vs Subversion and deploying with Git.
Reactjs workshop (1)
This document outlines a Reactjs workshop covering an introduction to Reactjs, its core concepts, and coding with Reactjs. The workshop introduces Reactjs as a library for building user interfaces, discusses its core concepts including components, virtual DOM, JSX, state and props, and demonstrates how to install and start coding with Reactjs. The document provides resources for further learning Reactjs.
Unscrambling An Omelette - How Companies Can Use WordPress Better - Jeremy Ke...
Fairfax Media have 40+ sites on WordPress, with more added every month.
As part of his new gig with Fairfax Media Jeremy has taken on the task of making this manageable, secure and cost effective, and he will share with you some ideas on approaches to the problem he has used in the past and new approaches that are just being rolled out now.
Tooling for the productive front end developer
The document discusses various tools for frontend development including packages for transpilation (Babel), bundling (Webpack), testing (Mocha, Chai), linting (ESLint), and more. It provides links to tools for searching packages (NPM), task runners (Grunt, Gulp), minification (Uglify), and working with GitHub (Zenhub, Shields).
The busy developers guide to Docker
The document provides an overview of containers and Docker for busy developers. It introduces containers and Docker, explaining how containers provide isolation compared to virtual machines with less overhead. It then covers how to use Docker to package applications, ensure consistent environments, and share containers between developers. The document also provides useful Docker commands for building, running, and managing containers.
Bower & Grunt - A practical workflow
This document discusses using Bower and Grunt together to manage front-end dependencies and files in a workflow. Bower is used to declare and install dependencies, while Grunt plugins like grunt-bowercopy and grunt-contrib-clean are used to copy dependencies to consistent locations and clean files. Setting up this workflow with Bower, grunt-bowercopy, grunt-contrib-clean, and Git can help organize a project's dependencies, facilitate tracking without committing all files, and reduce build times.
Bootstrapping your plugin
This document summarizes Marko Heijnen's talk on bootstrapping a WordPress plugin using automation. It discusses setting up the basic files and structure for a plugin, including internationalization, version control and compiling assets. It also covers automating common tasks like minification, validation and testing through Grunt plugins. Grunt is presented as a JavaScript task runner that can be used to define and run repetitive tasks like compressing files, validating code and deployments. Examples are provided for configuring Grunt to create POT files for internationalization, download translations from GlotPress and perform other automated tasks.
What's hot (20)
GDD HTML5, Flash, and the Battle for Faster Cat Videos
GDD HTML5, Flash, and the Battle for Faster Cat Videos
Windows brings Docker Goodness - What does it mean for .NET developers?
Windows brings Docker Goodness - What does it mean for .NET developers?
wp-cli and plugin development with future and past compatibility (Word Camp P...
wp-cli and plugin development with future and past compatibility (Word Camp P...
Simon Stewart, Facebook engineer - Building Facebook for Android
Simon Stewart, Facebook engineer - Building Facebook for Android
Unscrambling An Omelette - How Companies Can Use WordPress Better - Jeremy Ke...
Unscrambling An Omelette - How Companies Can Use WordPress Better - Jeremy Ke...
Similar to Create Custom Page Builders with Gutenberg and ACF Blocks
Cis363 a all ilabs devry university
This document provides instructions for an iLab assignment to create an online checkout form with client-side form validation. Students are asked to design and implement a checkout form for an online store. They must include required elements like a title, subtitle, table of purchased items, and a form collecting customer information like name, address, and credit card number. Students will receive points for including the required elements in their form design and layout. They must also research how to add client-side form validation to validate the user's input before submitting the order.
Cis363 all i labs devry university
This document provides instructions for completing a lab assignment to create a simple 4-page website using HTML and CSS. The assignment involves:
1. Creating a site map using Visio to diagram the pages and links.
2. Developing 4 web pages (home, education, skills, portfolio) about yourself using HTML.
3. Creating internal links between the pages and adding graphics.
4. Submitting all files in a zip folder for grading.
Cis363 a all ilabs devry university
This document provides instructions for completing a lab assignment to create a simple 4-page website using HTML and CSS. The assignment involves:
1. Creating a site map using Visio to diagram the pages and links.
2. Developing 4 web pages (home, education, skills, portfolio) about yourself using HTML.
3. Creating internal links between the pages and adding graphics.
4. Submitting all files in a zip folder for grading.
Cis363 all i labs devry university
This document provides instructions for completing a lab assignment to create a simple 4-page website using HTML and CSS. The assignment involves:
1. Creating a site map using Visio to diagram the pages and links.
2. Developing 4 web pages (home, education, skills, portfolio) about yourself using HTML.
3. Creating internal links between the pages and adding graphics.
4. Submitting all files in a zip folder for grading.
Cis 363 milestone 1 and 2
This document provides instructions for milestones 1 and 2 of a website development project. Milestone 1 involves creating a project proposal with details of the site such as title, developer, target audience and a site diagram. Milestone 2 involves expanding the site specification and creating a detailed page layout design in Visio with sections for header, links, content and footer. Upon completion, students are instructed to submit their work in a single Word document with a specific naming convention for each milestone. The document outlines grading criteria for milestone 1 and directs students to due date information in the syllabus.
Jquery
The document discusses jQuery, a lightweight JavaScript library. It provides an overview of why jQuery is useful for DOM navigation and handling browser differences. It also discusses how Microsoft will include jQuery with Visual Studio to provide IntelliSense support. Finally, it lists some additional resources for learning more about jQuery.
2310 b 02
This document provides an overview of Visual Studio .NET and how to create an ASP.NET web application project within it. It describes Visual Studio .NET as an integrated development environment that allows creating projects in multiple languages. It also outlines the development process for web applications, listing the typical files used and the file structure. It demonstrates creating a web application project in Visual Studio .NET by adding web forms, writing code, and debugging the solution.
Building plugins like a pro
The document discusses best practices for building WordPress plugins, including improving one's workflow with version control and text editors, understanding WordPress code structure and APIs, following coding standards, defining a plugin's focus and structure, and testing plugins. It also provides examples from the speaker's own plugins and mistakes made. The speaker advocates investing in one's skills and producing well-coded, unique plugins that address user experience through standards compliance and robust testing.
Web technology practical list
This document outlines a lab assignment for a web application development course. The assignment includes 10 practical aims related to HTML, 2 related to JavaScript, 3 related to CSS, 3 related to XML, and 10 related to PHP. Students will complete tasks involving basic HTML formatting and elements, using JavaScript functions and events, applying CSS stylesheets, creating and transforming XML documents, and building a dynamic website with PHP and MySQL to perform CRUD operations on a database. The assignment aims to provide hands-on experience with core web technologies.
Smu bca sem 5 summer 2015 assignments
Smu bca sem 5 summer 2015 assignments, SMU BCA SUMMER 2015 ASSIGNMENTS, SMU BCA ASSIGNMENMTS, SMU ASSIGNMENTS, smu solved assignments
getting started with java script
This document provides an overview of a course on JavaScript programming. It outlines the 7 modules that make up the course, with topics like variables, functions, loops, and objects to be covered. It also describes the learning objectives and activities for Module 2 on getting started with JavaScript, which includes adding JavaScript to web pages, writing basic code, and using developer tools. Debugging techniques like using console.log and browser developer tools are discussed. The document also covers JavaScript concepts like its standardization, where code can be inserted in HTML, and basic syntax rules.
Smu bca sem 5 winter 2015 assignments
Smu BCA Sem 5 Winter 2015 Assignments, SMU ASSIGNMENT, SMU SOLVED ASSIGNMENT, SOLVED ASSIGNMENT, MBA ASSIGNMENT
Gutenberg (WidgiLabs Training Sessions)
The document discusses the new Gutenberg block editor in WordPress. It explains that the editor treats posts as composed of distinct blocks of content that are easy to insert and manipulate. Blocks will replace the old content blob approach. The editor is built with React.js and in the future blocks may be used for more than just content, like themes. Nine priorities are outlined for further developing the block editor, including creating blocks for navigation menus, widgets, and directories for finding new blocks.
It 236 it236
This document outlines the assignments for an introductory web design course. It includes assignments to create a website plan with the site purpose, target audience, and message. Students will design page layouts, add navigation and graphics, incorporate copyright principles, and prototype a two-page website using CSS and Dreamweaver. The final assignment is a paper analyzing an existing website and providing redesign recommendations.
It 236 it236
This document outlines the assignments for an introductory web design course. It includes assignments to create a website plan with the site purpose, target audience, and message. Students will design page layouts, add navigation and graphics, incorporate copyright principles, and prototype a two-page website using CSS and Dreamweaver. The final assignment is a paper analyzing an existing website and providing redesign recommendations.
Implementing Vanilla Web Components
This document summarizes a presentation about vanilla web components given by Manoj Sonawane to the Mountain House Developers Group. It discusses the benefits of web components such as encapsulation with shadow DOM and templates, and demonstrates how to create custom elements and use templates. It also discusses how web component standards have evolved from ES6/ES2015 and are now supported natively in modern browsers.
Event Driven Programming Course Outline.pptx
This document outlines a course syllabus for an Event Driven Programming course using C#. The 3 credit, 5 ECTS course introduces students to building C# applications using tools like Visual Studio and Visual Studio Code. Over 6 chapters, students will learn C# fundamentals like variables, flow control, exceptions, functions, object-oriented programming, and working with databases using Entity Framework Core. Assessment includes assignments, tests, a project, and a final exam. Reference materials include books on C#, .NET, and C# programming.
Brand Your Community Using Less and Gulp
This document discusses how to brand communities using Less and Gulp. It summarizes:
1) Using Visualforce templates and jQuery to load Visualforce header/footer components onto standard Salesforce pages.
2) Storing brand colors in a "Community Configuration" custom object.
3) Generating CSS using Less variables mapped to Visualforce merge fields and Gulp.
4) Demonstrating how multiple communities can share code and branding can be changed without modifying code by updating the Community Configuration records.
Advanced HTML.PDF
The <FRAME> tag is used to define a single frame within a <FRAMESET>. Some key points about the <FRAME> tag:
- It is used within a <FRAMESET> to specify the source HTML file for that individual frame. The SRC attribute provides the URL or path to the HTML file.
- Other attributes of the <FRAME> tag control the appearance and behavior of the frame, such as SCROLLING to specify if scroll bars are shown, and NORESIZE to prevent the frame from being resized.
- The <BASE> tag can be used within the frame content to specify the target frame for hyperlinks using the TARGET attribute. This allows links within one frame to display content in another frame.
Between a Block & a Hard Place
Have you hesitated using custom blocks because they're too hard? Let's debunk that rumor. In this session, learn how to leverage Genesis Custom Blocks to build your own blocks from scratch that look, and behave, exactly as you need.
Similar to Create Custom Page Builders with Gutenberg and ACF Blocks (20)
Recently uploaded
HijackLoader Evolution: Interactive Process Hollowing
CrowdStrike researchers have identified a HijackLoader (aka IDAT Loader) sample that employs sophisticated evasion techniques to enhance the complexity of the threat. HijackLoader, an increasingly popular tool among adversaries for deploying additional payloads and tooling, continues to evolve as its developers experiment and enhance its capabilities.
In their analysis of a recent HijackLoader sample, CrowdStrike researchers discovered new techniques designed to increase the defense evasion capabilities of the loader. The malware developer used a standard process hollowing technique coupled with an additional trigger that was activated by the parent process writing to a pipe. This new approach, called "Interactive Process Hollowing", has the potential to make defense evasion stealthier.
Honeypots Unveiled: Proactive Defense Tactics for Cyber Security, Phoenix Sum...
Adli Wahid, Senior Internet Security Specialist at APNIC, delivered a presentation titled 'Honeypots Unveiled: Proactive Defense Tactics for Cyber Security' at the Phoenix Summit held in Dhaka, Bangladesh from 23 to 24 May 2024.
一比一原版新西兰林肯大学毕业证(Lincoln毕业证书)学历如何办理
原版办【微信号:95270640】【新西兰林肯大学毕业证(Lincoln毕业证书)】【微信号:95270640】《成绩单、外壳、雅思、offer、真实留信官方学历认证（永久存档/真实可查）》采用学校原版纸张、特殊工艺完全按照原版一比一制作（包括：隐形水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠，文字图案浮雕，激光镭射，紫外荧光，温感，复印防伪）行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备，十五年致力于帮助留学生解决难题，业务范围有加拿大、英国、澳洲、韩国、美国、新加坡，新西兰等学历材料，包您满意。
【我们承诺采用的是学校原版纸张（纸质、底色、纹路）我们拥有全套进口原装设备，特殊工艺都是采用不同机器制作，仿真度基本可以达到100%，所有工艺效果都可提前给客户展示，不满意可以根据客户要求进行调整，直到满意为止！】
【业务选择办理准则】
一、工作未确定，回国需先给父母、亲戚朋友看下文凭的情况，办理一份就读学校的毕业证【微信号95270640】文凭即可
二、回国进私企、外企、自己做生意的情况，这些单位是不查询毕业证真伪的，而且国内没有渠道去查询国外文凭的真假，也不需要提供真实教育部认证。鉴于此，办理一份毕业证【微信号95270640】即可
三、进国企，银行，事业单位，考公务员等等，这些单位是必需要提供真实教育部认证的，办理教育部认证所需资料众多且烦琐，所有材料您都必须提供原件，我们凭借丰富的经验，快捷的绿色通道帮您快速整合材料，让您少走弯路。
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
留信网服务项目：
1、留学生专业人才库服务（留信分析）
2、国（境）学习人员提供就业推荐信服务
3、留学人员区块链存储服务
【关于价格问题（保证一手价格）】
我们所定的价格是非常合理的，而且我们现在做得单子大多数都是代理和回头客户介绍的所以一般现在有新的单子 我给客户的都是第一手的代理价格，因为我想坦诚对待大家 不想跟大家在价格方面浪费时间
对于老客户或者被老客户介绍过来的朋友，我们都会适当给一些优惠。
选择实体注册公司办理，更放心，更安全！我们的承诺：客户在留信官方认证查询网站查询到认证通过结果后付款，不成功不收费！
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
学校原件一模一样【微信：741003700 】《(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书》【微信：741003700 】学位证，留信认证（真实可查，永久存档）原件一模一样纸张工艺/offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原。
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
【主营项目】
一.毕业证【q微741003700】成绩单、使馆认证、教育部认证、雅思托福成绩单、学生卡等！
二.真实使馆公证(即留学回国人员证明,不成功不收费)
三.真实教育部学历学位认证（教育部存档！教育部留服网站永久可查）
四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度)
如果您处于以下几种情况：
◇在校期间，因各种原因未能顺利毕业……拿不到官方毕业证【q/微741003700】
◇面对父母的压力，希望尽快拿到；
◇不清楚认证流程以及材料该如何准备；
◇回国时间很长，忘记办理；
◇回国马上就要找工作，办给用人单位看；
◇企事业单位必须要求办理的
◇需要报考公务员、购买免税车、落转户口
◇申请留学生创业基金
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
学校原件一模一样【微信：741003700 】《(Vic毕业证书)惠灵顿维多利亚大学毕业证》【微信：741003700 】学位证，留信认证（真实可查，永久存档）原件一模一样纸张工艺/offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原。
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
【主营项目】
一.毕业证【q微741003700】成绩单、使馆认证、教育部认证、雅思托福成绩单、学生卡等！
二.真实使馆公证(即留学回国人员证明,不成功不收费)
三.真实教育部学历学位认证（教育部存档！教育部留服网站永久可查）
四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度)
如果您处于以下几种情况：
◇在校期间，因各种原因未能顺利毕业……拿不到官方毕业证【q/微741003700】
◇面对父母的压力，希望尽快拿到；
◇不清楚认证流程以及材料该如何准备；
◇回国时间很长，忘记办理；
◇回国马上就要找工作，办给用人单位看；
◇企事业单位必须要求办理的
◇需要报考公务员、购买免税车、落转户口
◇申请留学生创业基金
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
Securing BGP: Operational Strategies and Best Practices for Network Defenders...
Md. Zobair Khan,
Network Analyst and Technical Trainer at APNIC, presented 'Securing BGP: Operational Strategies and Best Practices for Network Defenders' at the Phoenix Summit held in Dhaka, Bangladesh from 23 to 24 May 2024.
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
原版定制【微信:bwp0011】《(umiami毕业证书)美国迈阿密大学毕业证文凭证书》【微信:bwp0011】成绩单 、雅思、外壳、留信学历认证永久存档查询，采用学校原版纸张、特殊工艺完全按照原版一比一制作（包括：隐形水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠，文字图案浮雕，激光镭射，紫外荧光，温感，复印防伪）行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备，十五年致力于帮助留学生解决难题，业务范围有加拿大、英国、澳洲、韩国、美国、新加坡，新西兰等学历材料，包您满意。
【业务选择办理准则】
一、工作未确定，回国需先给父母、亲戚朋友看下文凭的情况，办理一份就读学校的毕业证【微信bwp0011】文凭即可
二、回国进私企、外企、自己做生意的情况，这些单位是不查询毕业证真伪的，而且国内没有渠道去查询国外文凭的真假，也不需要提供真实教育部认证。鉴于此，办理一份毕业证【微信bwp0011】即可
三、进国企，银行，事业单位，考公务员等等，这些单位是必需要提供真实教育部认证的，办理教育部认证所需资料众多且烦琐，所有材料您都必须提供原件，我们凭借丰富的经验，快捷的绿色通道帮您快速整合材料，让您少走弯路。
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
【关于价格问题（保证一手价格）】
我们所定的价格是非常合理的，而且我们现在做得单子大多数都是代理和回头客户介绍的所以一般现在有新的单子 我给客户的都是第一手的代理价格，因为我想坦诚对待大家 不想跟大家在价格方面浪费时间
对于老客户或者被老客户介绍过来的朋友，我们都会适当给一些优惠。
How to make a complaint to the police for Social Media Fraud.pdf
How to make a complaint to the police for Social Media Fraud.pdf
Bengaluru Dreamin' 24 - Personal Branding
Session on Personal Branding presented at Bengaluru Dreamin
一比一原版(uc毕业证书)加拿大卡尔加里大学毕业证如何办理
原版一模一样【微信：741003700 】【(uc毕业证书)加拿大卡尔加里大学毕业证成绩单】【微信：741003700 】学位证，留信认证（真实可查，永久存档）原件一模一样纸张工艺/offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原。
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
【主营项目】
一.毕业证【q微741003700】成绩单、使馆认证、教育部认证、雅思托福成绩单、学生卡等！
二.真实使馆公证(即留学回国人员证明,不成功不收费)
三.真实教育部学历学位认证（教育部存档！教育部留服网站永久可查）
四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度)
如果您处于以下几种情况：
◇在校期间，因各种原因未能顺利毕业……拿不到官方毕业证【q/微741003700】
◇面对父母的压力，希望尽快拿到；
◇不清楚认证流程以及材料该如何准备；
◇回国时间很长，忘记办理；
◇回国马上就要找工作，办给用人单位看；
◇企事业单位必须要求办理的
◇需要报考公务员、购买免税车、落转户口
◇申请留学生创业基金
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
办理(uc毕业证书)加拿大卡尔加里大学毕业证【微信：741003700 】外观非常简单，由纸质材料制成，上面印有校徽、校名、毕业生姓名、专业等信息。
办理(uc毕业证书)加拿大卡尔加里大学毕业证【微信：741003700 】格式相对统一，各专业都有相应的模板。通常包括以下部分：
校徽：象征着学校的荣誉和传承。
校名:学校英文全称
授予学位：本部分将注明获得的具体学位名称。
毕业生姓名：这是最重要的信息之一，标志着该证书是由特定人员获得的。
颁发日期：这是毕业正式生效的时间，也代表着毕业生学业的结束。
其他信息：根据不同的专业和学位，可能会有一些特定的信息或章节。
办理(uc毕业证书)加拿大卡尔加里大学毕业证【微信：741003700 】价值很高，需要妥善保管。一般来说，应放置在安全、干燥、防潮的地方，避免长时间暴露在阳光下。如需使用，最好使用复印件而不是原件，以免丢失。
综上所述，办理(uc毕业证书)加拿大卡尔加里大学毕业证【微信：741003700 】是证明身份和学历的高价值文件。外观简单庄重，格式统一，包括重要的个人信息和发布日期。对持有人来说，妥善保管是非常重要的。
Recently uploaded (11)
HijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process Hollowing
Honeypots Unveiled: Proactive Defense Tactics for Cyber Security, Phoenix Sum...
Honeypots Unveiled: Proactive Defense Tactics for Cyber Security, Phoenix Sum...
Securing BGP: Operational Strategies and Best Practices for Network Defenders...
Securing BGP: Operational Strategies and Best Practices for Network Defenders...
How to make a complaint to the police for Social Media Fraud.pdf
How to make a complaint to the police for Social Media Fraud.pdf
Create Custom Page Builders with Gutenberg and ACF Blocks
- 1. WordCamp DFW 2019WordCamp DFW 2019 Create Custom Page Builders with ACF Blocks Cory Webb • WordCamp DFW 2019
- 2. WordCamp DFW 2019 Today’s Agenda 1 Introduction 2 Gutenberg blocks 3 Advanced Custom Fields 4 Plan your layout 5 Create Blocks 6 Add pages 7 Questions?
- 3. WordCamp DFW 2019 Introduction ● Senior Full Stack Developer - Reaktiv Studios ● Joomla guy turned WordPress guy ● Texan born and raised ● Not affiliated in any way with ACF
- 4. WordCamp DFW 2019 Gutenberg Blocks ● React components ● Requires Javascript ● Block UI and front end usually handled in React components
- 5. WordCamp DFW 2019 Advanced Custom Fields (ACF) ● UI for adding custom fields ● Dozens of field types ● Structured data stored in post meta ● Rendered with PHP templates ● NOT a replacement for page builders like Beaver Builder, Bold Grid, etc.
- 6. WordCamp DFW 2019 Plan your layout ● Establish your content strategy ● Design the page ● Determine the types of blocks you need
- 7. WordCamp DFW 2019 Creating Blocks with ACF Blocks Create block templates Block templates handle both the editor front-end output of each block type you create. Register blocks Register your custom ACF blocks to let ACF and Gutenberg know that the block exists. Add fields Add custom fields to your custom blocks to enable the user to enter data to the block. 01 02 03
- 8. WordCamp DFW 2019 Create Block Templates 1. Templates render blocks on the front end and in Gutenberg 2. Pick a place to put them {YOUR_THEME}/template-parts/acf-blocks 3. Create a php template for each block
- 9. WordCamp DFW 2019 Create Block Templates Styling 1. Open your theme CSS 2. Edit the styles for each block template 3. Styles applied to front end and the editor
- 10. WordCamp DFW 2019 Register Blocks 1. Let ACF know about your blocks acf/init action acf_register_block_type( $atts ) 2. Block name 3. Block attributes
- 11. WordCamp DFW 2019 Add Fields in ACF 1. Add field group (Prefix with “Block - “) 2. “Show this field group if” Block is equal to {your block} 3. Add fields
- 12. WordCamp DFW 2019 Add Pages 1. Open the pages editor 2. Add a new page 3. Add your custom blocks to the page